@paperless/core 2.0.1-beta.52 → 2.0.1-beta.54

package/dist/collection/components/deprecated/molecules/input/group/input-group.component.js

@@ -78,11 +78,11 @@ export class InputGroup {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'aac9b79e3226f1764d0e30f15e0879945db14702', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: 'e4e60f3e88373c4a471dc6e46c7da6525d698fc5', class: 'flex items-end justify-between' }, label && (h("div", { key: 'dab7f91ba8a3425d2821fa8fdd60cdd9ec4cc7a1', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'eb69fc5e5c321d4d475bbf2b250fe129f96fc4c5', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '7f973025ea872c3ba4d4f9dd01b167265663bc40', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '076d723a43f4dd0082b861d499bf4b0d4d90d43a', name: 'header' }), helper && (h("p-helper", { key: '39ddeeb3b620b93aa92c8a809eed6d6543129ce8', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '776a72d326dc9972134b3d9be86af11115d95875', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: 'f75753f9ad328f114e7aa84f431460ea3f650daa', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '4aa511b148ba08a88a7c5596447b8ba5bba46da7', class: 'flex items-end justify-between' }, label && (h("div", { key: '3cded88ba82144338654bf82542e23c6cd6364ee', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '634bfb6eaad84acde75d25c9c4a755e7f91505ab', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '7cf2da02dd8513de8fd421899e5d90f5502d77a5', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '11451eea6ccd55561aeefd51bad3a01f4645386f', name: 'header' }), helper && (h("p-helper", { key: 'c257f70c08e55bdc04d986aa0d57e60692eed4f1', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '453738d337c1cb331307c5a6997e219a7866e166', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: 'bf3e345815c75c64875dd96a2c1f255e296aa3a0', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '748db023caedf23ec6b9f01d61627b93d9206079', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '196afdddc02752d89c67d7202bb17d33791ee397', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '5aee123befc331c39cb3b50e9b3eec86170fc260', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '51e0b781d0ce11561cd07be78a0d8c532da0208f', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: '73f47263abefba1879cac89143dadd5c788287fa', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '6e42a60df3033089700a236433d3abb1e4a53355', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'c6a020f8dd1074b6ae3a602811b5a9ea55868134', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/collection/components/deprecated/molecules/stepper/stepper.component.js

@@ -126,7 +126,7 @@ export class Stepper {
         }
     }
     render() {
-        return (h(Host, { key: '7d8ffd33e6f8a47ef6a3ef94a98a92dcf406dfcc', class: 'p-stepper' }, h("slot", { key: '59348705d92b5440e38b91a6c6be31e384772a74', onSlotchange: () => this._generateStepsOnce() })));
+        return (h(Host, { key: '6574a6b2b8c4759fd9d0c1f33edfaa83e5667b2d', class: 'p-stepper' }, h("slot", { key: 'd76d0b054a84385c7201b4af967c9a5638332633', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

package/dist/collection/components/deprecated/molecules/table/cell/table-cell.component.js

@@ -108,7 +108,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '4f58d1be75932fa48c9e9bf4bed8e823ba5ff3ee', class: {
+        return (h(Host, { key: '1a803ae2deb32115449f9ec30482d0fc16a6098b', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

package/dist/collection/components/deprecated/molecules/table/footer/table-footer.component.js

@@ -63,7 +63,7 @@ export class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'a6f3caba10c2f018a460a47cae5dc18a9ad2ffa3', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'b3f93c4c01fe8f5c0964bb73f8db7f18286ffcae', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '16a43cb9b4a4ba1e35c0dcbf3850e31b74f34b6b', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: 'dca94ee1c360787dd35f7ad350390be23f19ee22', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'd09c66fddf4b3d606ea9fc3c67d0e1cd5f0e8b3a', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '827d78c084ae80411248bb185b1ef80e6a88565e', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'fa7457b8c5511a370f9a517bd16be5a92ed39605', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'f18cb7cc900e90aa4a0cf833f0ed445fd2f1ced7', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: 'b566f2bcf377d7c73933af6df83ea220818d2303', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'a4da689e2dd15d21881927e7cef06cdd054ac66d', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/deprecated/molecules/table/row/table-row.component.js

@@ -9,9 +9,9 @@ export class TableRow {
      */
     enableHover = true;
     render() {
-        return (h(Host, { key: 'de9a5c8270fd3379fa33705b67ca0869637e57be', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '9303d175fbfe9b73150e4f596f34045fc054d66e', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: '16d01684c34dfcd3ec1b08c23f5d638973fccb05', class: "content" }, h("slot", { key: 'b3bb3dde42ce6e34d2481a280a2bb8cfe9c664bf' })), this.variant === 'default' && h("p-divider", { key: 'd08b4ab1ded529d9e7eb4f64e872ae92127af521', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: '4522670cfd2bde1a826ae7c03cde06282d147e8e', class: "content" }, h("slot", { key: '0d48e4350a6a89daea6d68d49e8a86216be9fbe5' })), this.variant === 'default' && h("p-divider", { key: '1fc80ae92213b24567d54ab26e8598580015b1ac', class: "m-0" })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/toast/toast.component.js

@@ -33,7 +33,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(Host, { key: '2a0e37ea92fc2cbff5190ebab506986c43a5380b', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '0076b11d2af9c24de849a0e1f2b09dd6ea8e5430', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '0071a3f1b966add0e5fe253a79ec6c3181fa366e', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'c737697c4c6fc4b9a329cfe733677ac96862cbfd', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: 'a5c3f41bf1babfc94d4d7fb3509e4f15628dba60', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: 'adf7fdf6ec46242bf7354ab965e275a6ef970485', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '409f5d93a267520e03227eb75b5cb7af437a1bbf', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '41ffd58d54310df9d8a173ba2fe47ee266609df3', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '7603de6d3d458be0980829bc878a836fbf814d7e', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '9444439e05a33a92d0c5babcb3751db0772bc95d', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/helpers/portal/portal.component.js

@@ -15,7 +15,7 @@ export class Portal {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: '4dc8c030ff629d3b44072c6abd4767cc8cbe33af' }, h("slot", { key: 'adc1b43bc7454423ed39af107d87a5fda7501a11' })));
+        return (h(Host, { key: 'a03d097bfa14a5269860aa1c78d89d2c5a9e401a' }, h("slot", { key: '0b0618bec0febce7f73a5d581c485750132859e7' })));
     }
     static get is() { return "p-portal"; }
     static get elementRef() { return "_el"; }

package/dist/collection/components/molecules/button/button.component.js

@@ -354,7 +354,7 @@ export class Button {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(Host, { key: 'e61d83ad9317134d145f065f940aae12e5ef450d', class: hostClass }, h(VariableTag, { key: '6a5ce885a565c55d7a3dbe9b287dc64c81854456', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: 'd8ed5dc4a66ec69f8a5fac33f17dbb0527d685cb', class: hostClass }, h(VariableTag, { key: '6f9c34a3331abaee75d55f1957398ecdce5b176b', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
                 underline: asBoolean(this.underline, true),
@@ -363,14 +363,14 @@ export class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: asBoolean(this.iconOnly),
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '2be6c84764d83e69ac09cd8f469c190a033483e1', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '66f3ee5fef77716bf0fe37feffad168bc2bd08df', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
             this._getIcon(), this.label ? this.label : h("slot", null), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '6f736179587d468ea890baf4d7a135a6a8e36ca9', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'b58160321403fd65d993d235c0512bd62fa68f30', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '12bfe90b0f13fe4eb49a607164911e50d35c7686', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'd1dbd7e5cbee5a6d0341f9049d59cb0cd5431626', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/collection/components/molecules/button-group/button-group.component.js

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '86ff1da9d936420a032285d120b3aeb4df89e138', class: 'p-button-group flex items-center' }, h("slot", { key: '7421f9635daec7f8b2039e90867d14cbbc351251' })));
+        return (h(Host, { key: 'b8f836b5866dcdd3d8788a302b54fa3b8950127d', class: 'p-button-group flex items-center' }, h("slot", { key: '6596816451057d2ea5649f87af46aa069cbafa34' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/collection/components/molecules/calendar/calendar.component.js

@@ -157,7 +157,7 @@ export class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: 'c1650fe23904a3bb21dbf6c469a84b2f70722745', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: '4869b0d7ef71567dee3ecadbebeea3caba3600bd', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/collection/components/molecules/datepicker/datepicker.component.js

@@ -179,9 +179,9 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '7dd110f6972ff8f6cd7698e76a712ae06e09579b', class: 'p-datepicker' }, h("p-dropdown", { key: 'da8cbe3ceabe12d10c2afc11b93f9147616ef4cd', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '3306012da6b9fd8e0b9f7632fd778ec90ca3e8d8', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '29660da2f0959260e71b2bd2c2c0dea13cde0664', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (h(Host, { key: '79ee0b6118c4d79390bd677a9490d12f2ecea410', class: 'p-datepicker' }, h("p-dropdown", { key: 'fb1bbc5c51f15b5fb18c808e789bcead725dea9a', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '3e7ed7186e9f5bbbeb57f34fdf04de8648deda49', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '793e67b73eb33e83ef79e9ffaa98c13a765f36cf', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'a536a8ea7bd7c7b008cc684aad7f25c72846bb5a', slot: 'items' }, h("p-calendar", { key: '91f3a320db101d9513d629142b41c559856488a3', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'b7208bce086a038dd5c7a74f57a3d4c1cd04b336', slot: 'items' }, h("p-calendar", { key: '498764f3b3f5aad8b00f73d7575e1c5a636d8553', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/dropdown/dropdown.component.js

@@ -116,14 +116,14 @@ export class Dropdown {
             'data-strategy': this.strategy,
         };
         let dropdownContainer;
-        const itemsSlot = h("slot", { key: '2ec8b6cb2e9e19e21882c1db26a8fc0cda1bd785', name: 'items' });
+        const itemsSlot = h("slot", { key: 'b10b9b1b9070e82a41244f91a4aff6f7fe636b88', name: 'items' });
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: '5ef7dfe848334ffdef5fdb14d35835c7a7208086', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'f9e9ae10a285dacf7d75a4020097a30682742c8a', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
+            dropdownContainer = (h("p-portal", { key: '2b705b99f39937d62b853f00e2d95b0d3ec84b72', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '1f42e06ef38863c503f7c632d6bd705d1ab4d847', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: 'dac3e3b58524e0bc41bf5783d0eca0e7f98df98e', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: 'a279ffaf41f981fc7f68266ea1c72aae25c091bb', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
         }
-        return (h(Host, { key: '69f4817fd1d31b9a3ab18fefac3b35f508e45dca', class: 'p-dropdown relative' }, h("div", { key: '058ff5109e317c710164ce32066b69015ff831a0', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '9f96c080e2238e3f916dd800c5885bb4ab919f9d', name: 'trigger' })), dropdownContainer));
+        return (h(Host, { key: 'ce7d570491a6d8130e0de1fe68e868f6e0fd6808', class: 'p-dropdown relative' }, h("div", { key: '1b781f337aeb85fe1a73697ca4187f3178ece63f', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '69fb7cf18e5028e6106e72713e1fda20bb0d8c78', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/field/field/field.component.js

@@ -253,21 +253,21 @@ export class Field {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: '9060e4d27463582b6758f633b41694545dddcec1', class: 'p-field' }, h("p-field-container", { key: '951cee53be4c0d555ddc29956e1a250250b5c0da', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'f91191184a896235ff1398c77bdd85fcd7964170', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'a7dd120b3b9b93550ede7b18c6f91548e1e84bc1', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '1d19d165d7fff8a602b10e8d2edb4c68a978280e', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '1f09a4b86569a7c3a33365103908c25069085ed1', name: 'error', slot: 'error' })), h("div", { key: '318665381f82ff5ab9f78e906ce0c4730b8d8cff', class: field({
+        return (h(Host, { key: 'b0f5d57b1385e1e6be0e59efe9d37f3472cbf38b', class: 'p-field' }, h("p-field-container", { key: '8e0b71153c934cec686f2843977f1282b01bf7aa', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'e1c950acdcc36a20be5d16a723c5258e3d0b1d1e', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '945325470a8c3dd1bbcacf5a36668b7c2f23d605', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'f6b433706b160f994c29c884a84e3d036aa0583d', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '6ff7e343e1eabc4a296a18a468c777f18f20fb7e', name: 'error', slot: 'error' })), h("div", { key: 'c9ea7f533ca6fb5c052955303eed46b38023e4a9', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'c032c53adff0f5a12272ea717d4e54858dd60314', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '322a1598fd8b2b6cc866467b92a198fb2fedb5af', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '0d37278def728ab190386e31aa9a3f79ab32e453', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'd290e7ec04b5f1fc07375377985438b3d65d7a8b', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,

package/dist/collection/components/molecules/label/label.component.js

@@ -53,14 +53,14 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '32dd2d8461fc35a3a96fc8c12b019a91bacf07af', class: 'p-label' }, h("div", { key: '4e099bbd5bca5d3389e79b0b1d41190bbc45605c', class: label({
+        return (h(Host, { key: 'e9d8b5cd93eff0e057199ad0c0894b2fdeb3a149', class: 'p-label' }, h("div", { key: '3cfe891dc928c5083218ec4d839b94f04ed2c85a', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '62928bfc6402ebc35c5cd153057ab19d26d45aa8', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '959f977c40b2e2eb620e92f4ab2004a3ed93b5b5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '4b346dca3c0405507ca05e48bc69af4a32589d27', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '1fd3d29c8645d22ef14e576a108972c63601313f', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'a3790bb2feb43a4b87d1923b7c9fd589a40b56fb' }))))));
+            }) }, h("slot", { key: '85cb05c5580a650861688696570a298703d12fc9' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js

@@ -66,10 +66,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '79994e86292f09cfc75ff2f3975030ee9e9dce06', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'bed91b063af5892b731a872fbb0949b539f4591c', class: navigationItem({
+        return (h(Host, { key: '7ea4c5f175e61d807330000da57584dedd826e97', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'c382c21aff6693b20c6d71f7d73ce1ac78942395', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '207d64b0404e1bbd61c01ebbe48011e3c5bb4f92', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'babf7766bd3e6c4abe920e080c36d2bf940ea480', variant: this.icon })), h("span", { key: '64bcff00187439b6d894682f3b3b77d4f34e5865', class: this.counter && 'has-counter' }, h("slot", { key: '7810eb410817292b67cb540bc406aca91c07c5b3' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'b1da55a598b0e7ee9af2d8f8b5814af7ee7fc1a9' }, this.counter)), !!this.loading && h("p-loader", { key: '0617f2cbd8a40642ec4fd992ca0daed95c44d0bf', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'c5596d8be2ca231c3cc273b7b0a1ab40a2dc0296', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'abb619e37d2e1cf53e6b12d2e5eea51be3321765', variant: this.icon })), h("span", { key: '9286e108a686971d30755b331e505aa3f6ee34d9', class: this.counter && 'has-counter' }, h("slot", { key: '99e104fb44d8a73b8013f8edb633507f533c0ac8' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '86f90868ba70b8a8fbcdf0e8f7b94fec11d79798' }, this.counter)), !!this.loading && h("p-loader", { key: '4ae9666560ade53f5ec4575ec46337ebed7355d5', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/navigation/section/navigation-section.component.js

@@ -5,7 +5,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(Host, { key: 'f4f2bcc2770ff5c35006c726fa8eaa766c0576c1', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '54a51bf17ffcc7ab14f254e22ab912d479ecf47e' }, this.header)), h("div", { key: '3f0d55eda9f0f0dcf6a5d12be309d9310a29d67d', class: 'flex flex-col' }, h("slot", { key: '47119d190320bf6e916ee65b53db59f0b7308e25' }))));
+        return (h(Host, { key: '5d3965dae52f7306cecab56bad3e330d51e4bd0a', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '1349a7dc658591e42fc1011c7ad93a98bf3898c1' }, this.header)), h("div", { key: 'ef9ea663dabd5f166f5110edc40f7d2a54b5b0d6', class: 'flex flex-col' }, h("slot", { key: '1b5244bb72b31efa96fc8b0958ba09d0c3d94f9b' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js

@@ -39,7 +39,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(Host, { key: 'b2d1fae77c72154beeb263d0a691bf37cbc17e53', class: pagination({
+        return (h(Host, { key: '900f0fb24a3f047ca6798ffc73e9130ff37d5c10', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

package/dist/collection/components/molecules/pagination/pagination/pagination.component.js

@@ -55,12 +55,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'e4dafb4d00fe57e1f56d4e4c892b63cfb3562216', class: pagination({
+        return (h(Host, { key: 'f9d07666a902074b15bea63a9559efb5796a78d3', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '44a1132a9402ce841e0ac111e52d2414e7d09d18' }, h("p-pagination-size", { key: '81088b332c027e799beedb92b609c825e28d0db0', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'c80fa5eb3fb037c7b1a5a69aba88d3aac7e5619d' }, h("p-pagination-size", { key: 'e398519580f8a56840349404263f485dbc0d6754', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '7ba1c2fdfa070d230ec312c8aaa772177d4c6f51', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '229ec3acb75a7076bf7f67411ed23b5143a498fe', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '8310bdc0b831216156966e51bce2787a2dae4972', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'f04c9c822e39f019a0a3f5acdc2e2e07bb2784f7', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/collection/components/molecules/profile/profile.component.js

@@ -27,7 +27,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '924a53724123db1114424a326b281ae4ac1450f1', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: 'fa51a819c4ec25bb30c195585f7819603c7c94ef', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/collection/components/molecules/select/select.component.js

@@ -272,7 +272,7 @@ export class Select {
         }
     }
     render() {
-        return (h(Host, { key: '09f49a3f2f56a185d2cf3bc5fe291863dac662c8', class: 'p-select' }, h("p-dropdown", { key: 'd2c5b649fba5a2f2aac49758dbb6e46bb6cfa69b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '2eef2b44ddbfe59e8bb24041f4db5df368c36eb9', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'f9380f93e8c93a21159b7613562919c4ac7c114b', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'fba077b335c6625cad40e437f67bbe6cb5df839f', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: '5c5c58df81301665bd4c0ff85a96ccb59e260e4b', class: 'p-select' }, h("p-dropdown", { key: '18016058e2fb98bb0e26d3da1842f8fce036f52d', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '909427e860d7430e78057c9f45fbbdc384874d88', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '4d4b2d70ed842c1207726ac2491acaf3bc8c4d7d', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'fed1823941248565e6acb0ddf05f1b7c4c6f2ef7', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/{deprecated/organisms → organisms}/modal/modal.component.js

@@ -1,13 +1,9 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 export class Modal {
     /**
      * The size of the modal container
      */
-    size = 'md';
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
+    size = 'base';
     /**
      * The Header of the modal
      */
@@ -36,10 +32,6 @@ export class Modal {
      * Wether we should scroll lock the body
      */
     scrollLock = true;
-    /**
-     * Wether the body should have padding
-     */
-    padding = true;
     /**
      * Close click event
      */
@@ -63,19 +55,33 @@ export class Modal {
         if (!this.show) {
             return;
         }
-        const headerContent = h("slot", { name: "header" });
-        const bodyContent = h("slot", { name: "content" });
-        const footerContent = h("slot", { name: "footer" });
-        return (h(Host, { class: "p-modal" }, h("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close('button', ev.detail) }, this._hasHeaderSlot
-            ? headerContent
-            : this.header)), h("p-modal-body", { variant: this.variant, roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length, padding: this.padding }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+        const headerContent = h("slot", { name: 'header' });
+        const bodyContent = h("slot", { name: 'content' });
+        const footerContent = h("slot", { name: 'footer' });
+        return (h(Host, { class: 'p-modal' }, h("p-backdrop", { applyBlur: this.applyBlur, onClicked: ev => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { size: this.size, showClose: this.showClose, onClose: ev => this.close('button', ev.detail) }, this._hasHeaderSlot ? headerContent : this.header)), h("p-modal-body", { roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findModal(ev.target);
+        if (modal) {
+            return;
+        }
         this.close('backdrop', ev);
     }
+    _findModal(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-modal-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-backdrop') {
+            return null;
+        }
+        return this._findModal(el?.parentElement);
+    }
     close(reason, ev) {
         this.closeClicked.emit(ev);
         this._closing = true;
@@ -97,8 +103,8 @@ export class Modal {
                 "attribute": "size",
                 "mutable": false,
                 "complexType": {
-                    "original": "'sm' | 'md' | 'lg' | 'xl'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
+                    "original": "'base' | 'lg' | 'xl' | '2xl'",
+                    "resolved": "\"2xl\" | \"base\" | \"lg\" | \"xl\"",
                     "references": {}
                 },
                 "required": false,
@@ -110,27 +116,7 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "'md'"
-            },
-            "variant": {
-                "type": "string",
-                "attribute": "variant",
-                "mutable": false,
-                "complexType": {
-                    "original": "'default' | 'table-flush'",
-                    "resolved": "\"default\" | \"table-flush\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The variant of the modal body"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'default'"
+                "defaultValue": "'base'"
             },
             "header": {
                 "type": "string",
@@ -270,26 +256,6 @@ export class Modal {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
-            },
-            "padding": {
-                "type": "boolean",
-                "attribute": "padding",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Wether the body should have padding"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "true"
             }
         };
     }

package/dist/collection/components/organisms/modal/modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/modal/modal.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<Host class='p-modal'>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"]}

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -42,7 +42,7 @@ const backdrop = cva(['z-navbar-backdrop layout-1280:hidden transition-opacity']
 export class Navbar {
     _show = false;
     render() {
-        return (h(Host, { key: 'de0a7273112c8004394fac871dc11b42594f870d', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'bb0e286f77ccacd71c622e4bca44b7721a34f758', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'ad5ca2284cee827aadd6b7400ed5b729fcf109be', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '2b009d0dd527eb8098923ff5b5889690a1b61930', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b77861d630264442541a75faa38a6ca7d7b950f6', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f3770d1dc21c967586f38889bce7b87a1be7a855', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'e7549b21687c361ec945141fc6fb7a62d8a35152', name: 'company' })), h("div", { key: 'daddb745aaf8b21bcd2f68e801b670a13f430095', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '1c2acaafe3e244808cb3fa52b324ccd8ac9c92fc', name: 'content' })), h("div", { key: '2107d8099967f9725e9d95666bd1ca0b97089aa4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '02f87d20e0c76d4c36ccc99277f314fab5dcdf95', name: 'user' }))), h("div", { key: '339c6b81be30fafc499efb89067dc64c2568ca21', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3421d7353ffa03fdd53b1a7686bbe468d9721687', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a508317c8683c53258a572fd87a4de4986f9f24d', name: 'topbar' }))));
+        return (h(Host, { key: '17c77f754c03079a8bed4ee5e7fc6145f6f53dbb', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '6de3eea9eec61cd3e1a4417921bf9085712484e6', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '49202a4a7c9a2206a041b006d292ee3b1c48bd11', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '1db91985a55f893a4826717cf1db7c29893baac9', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '709c401cf3d77afe711043b45b3a1c8143df9937', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '377eb6f0b6382a2f0bb917660602e68afe3befdd', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '27cc9aedba57009cb4bb1d34c42a5f2e79aac018', name: 'company' })), h("div", { key: '35af453945042ef53adb7858abfe539261f85bae', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'b01ed7fa986961934d887587b05d23f25f2796f3', name: 'content' })), h("div", { key: 'e1cce43765b3ab3bc91dcf366c29dbcbc8e154e0', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '767737f953b145f2548d08abc81650f4d0330a06', name: 'user' }))), h("div", { key: '3f7029247c2fd87614002fd208f5ff5874f93d83', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'b488ca285e7adfa5d74b9454dee292afef5aff29', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '12bb3d5dbda96030d8a059602dd10d190dc91670', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/collection/tailwind/paperless.js

@@ -13,7 +13,6 @@ import zIndex from "./theme/z-index";
 import hover from "./plugins/hover";
 import safeArea from "./plugins/safe-area";
 import aspectRatioPlugin from "@tailwindcss/aspect-ratio";
-import animatePlugin from "tailwindcss-animate";
 import scrollbarHidePlugin from "tailwind-scrollbar-hide";
 export const paperless = plugin(pluginAPI => {
     safeArea(pluginAPI);
@@ -44,12 +43,6 @@ export const paperless = plugin(pluginAPI => {
             },
         },
     },
-    plugins: [
-        aspectRatioPlugin,
-        animatePlugin,
-        scrollbarHidePlugin,
-        safeArea,
-        hover,
-    ],
+    plugins: [aspectRatioPlugin, scrollbarHidePlugin, safeArea, hover],
 });
 //# sourceMappingURL=paperless.js.map

package/dist/collection/tailwind/paperless.js.map

@@ -1 +1 @@
-{"version":3,"file":"paperless.js","sourceRoot":"","sources":["../../src/tailwind/paperless.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAC9B,SAAS,CAAC,EAAE;IACX,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpB,KAAK,CAAC,SAAS,CAAC,CAAC;AAClB,CAAC,EACD;IACC,KAAK,EAAE;QACN,MAAM;QACN,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE;YACP,QAAQ,EAAE,SAAS,CAAC,SAAS;YAC7B,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,UAAU,EAAE;gBACX,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;gBACzB,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;aAC9B;YACD,KAAK;YACL,MAAM;YACN,QAAQ,EAAE,WAAW,CAAC,QAAQ;YAC9B,UAAU,EAAE,WAAW,CAAC,UAAU;YAClC,MAAM;YACN,OAAO;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO;YACP,WAAW,EAAE;gBACZ,QAAQ,EAAE,OAAO;aACjB;SACD;KACD;IACD,OAAO,EAAE;QACR,iBAAiB;QACjB,aAAa;QACb,mBAAmB;QACnB,QAAQ;QACR,KAAK;KACL;CACD,CACD,CAAC","sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nimport animation from './theme/animation';\nimport colors from './theme/colors';\nimport height from './theme/height';\nimport rotate from './theme/rotate';\nimport scale from './theme/scale';\nimport screens from './theme/screens';\nimport shadows from './theme/shadows';\nimport spacing from './theme/spacing';\nimport typeograhpy from './theme/typography';\nimport width from './theme/width';\nimport zIndex from './theme/z-index';\n\nimport hover from './plugins/hover';\nimport safeArea from './plugins/safe-area';\n\nimport aspectRatioPlugin from '@tailwindcss/aspect-ratio';\nimport animatePlugin from 'tailwindcss-animate';\nimport scrollbarHidePlugin from 'tailwind-scrollbar-hide';\n\nexport const paperless = plugin(\n\tpluginAPI => {\n\t\tsafeArea(pluginAPI);\n\t\thover(pluginAPI);\n\t},\n\t{\n\t\ttheme: {\n\t\t\tcolors,\n\t\t\tboxShadow: shadows,\n\t\t\tdropShadow: shadows,\n\t\t\textend: {\n\t\t\t\tkeyframs: animation.keyframes,\n\t\t\t\tanimation: animation.animation,\n\t\t\t\tfontFamily: {\n\t\t\t\t\tgeist: ['Geist', 'serif'],\n\t\t\t\t\tambit: ['Ambit', 'sans-serif'],\n\t\t\t\t},\n\t\t\t\tscale,\n\t\t\t\trotate,\n\t\t\t\tfontSize: typeograhpy.fontSize,\n\t\t\t\tlineHeight: typeograhpy.lineHeight,\n\t\t\t\tzIndex,\n\t\t\t\tscreens,\n\t\t\t\twidth: width.width,\n\t\t\t\theight: height.height,\n\t\t\t\tspacing,\n\t\t\t\taspectRatio: {\n\t\t\t\t\tbranding: '23/24',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: [\n\t\t\taspectRatioPlugin,\n\t\t\tanimatePlugin,\n\t\t\tscrollbarHidePlugin,\n\t\t\tsafeArea,\n\t\t\thover,\n\t\t],\n\t}\n);\n"]}
+{"version":3,"file":"paperless.js","sourceRoot":"","sources":["../../src/tailwind/paperless.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAC9B,SAAS,CAAC,EAAE;IACX,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpB,KAAK,CAAC,SAAS,CAAC,CAAC;AAClB,CAAC,EACD;IACC,KAAK,EAAE;QACN,MAAM;QACN,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE;YACP,QAAQ,EAAE,SAAS,CAAC,SAAS;YAC7B,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,UAAU,EAAE;gBACX,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;gBACzB,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;aAC9B;YACD,KAAK;YACL,MAAM;YACN,QAAQ,EAAE,WAAW,CAAC,QAAQ;YAC9B,UAAU,EAAE,WAAW,CAAC,UAAU;YAClC,MAAM;YACN,OAAO;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO;YACP,WAAW,EAAE;gBACZ,QAAQ,EAAE,OAAO;aACjB;SACD;KACD;IACD,OAAO,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAC;CAClE,CACD,CAAC","sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nimport animation from './theme/animation';\nimport colors from './theme/colors';\nimport height from './theme/height';\nimport rotate from './theme/rotate';\nimport scale from './theme/scale';\nimport screens from './theme/screens';\nimport shadows from './theme/shadows';\nimport spacing from './theme/spacing';\nimport typeograhpy from './theme/typography';\nimport width from './theme/width';\nimport zIndex from './theme/z-index';\n\nimport hover from './plugins/hover';\nimport safeArea from './plugins/safe-area';\n\nimport aspectRatioPlugin from '@tailwindcss/aspect-ratio';\nimport scrollbarHidePlugin from 'tailwind-scrollbar-hide';\n\nexport const paperless = plugin(\n\tpluginAPI => {\n\t\tsafeArea(pluginAPI);\n\t\thover(pluginAPI);\n\t},\n\t{\n\t\ttheme: {\n\t\t\tcolors,\n\t\t\tboxShadow: shadows,\n\t\t\tdropShadow: shadows,\n\t\t\textend: {\n\t\t\t\tkeyframs: animation.keyframes,\n\t\t\t\tanimation: animation.animation,\n\t\t\t\tfontFamily: {\n\t\t\t\t\tgeist: ['Geist', 'serif'],\n\t\t\t\t\tambit: ['Ambit', 'sans-serif'],\n\t\t\t\t},\n\t\t\t\tscale,\n\t\t\t\trotate,\n\t\t\t\tfontSize: typeograhpy.fontSize,\n\t\t\t\tlineHeight: typeograhpy.lineHeight,\n\t\t\t\tzIndex,\n\t\t\t\tscreens,\n\t\t\t\twidth: width.width,\n\t\t\t\theight: height.height,\n\t\t\t\tspacing,\n\t\t\t\taspectRatio: {\n\t\t\t\t\tbranding: '23/24',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: [aspectRatioPlugin, scrollbarHidePlugin, safeArea, hover],\n\t}\n);\n"]}

package/dist/collection/tailwind/theme/shadows.js

@@ -10,6 +10,13 @@ export default {
         '0 2px 2px rgba(0, 2, 2, 0.08)',
         '0 4px 4px rgba(0, 2, 2, 0.08)',
     ],
+    modal: [
+        '0 0 0 1px rgba(0, 2, 2, 0.10)',
+        '0 1px 1px 0 rgba(0, 2, 2, 0.20)',
+        '0 2px 2px 0 rgba(0, 2, 2, 0.08)',
+        '0 4px 4px 0 rgba(0, 2, 2, 0.08)',
+        '0 8px 8px 0 rgba(0, 2, 2, 0.08)',
+    ],
     'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',
     'black-teal-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
     inherit: 'inherit',

package/dist/collection/tailwind/theme/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/tailwind/theme/shadows.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,GAAG,EAAE,CAAC,+BAA+B,CAAC;IACtC,GAAG,EAAE;QACJ,+BAA+B;QAC/B,+BAA+B;QAC/B,+BAA+B;KAC/B;IACD,GAAG,EAAE;QACJ,+BAA+B;QAC/B,+BAA+B;QAC/B,+BAA+B;KAC/B;IACD,kBAAkB,EAAE,uCAAuC;IAC3D,gBAAgB,EAAE,kCAAkC;IACpD,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;CAC1B,CAAC","sourcesContent":["export default {\n\t'1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],\n\t'2': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.04)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.04)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.04)',\n\t],\n\t'3': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.08)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.08)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.08)',\n\t],\n\t'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',\n\t'black-teal-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n};\n"]}
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/tailwind/theme/shadows.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,GAAG,EAAE,CAAC,+BAA+B,CAAC;IACtC,GAAG,EAAE;QACJ,+BAA+B;QAC/B,+BAA+B;QAC/B,+BAA+B;KAC/B;IACD,GAAG,EAAE;QACJ,+BAA+B;QAC/B,+BAA+B;QAC/B,+BAA+B;KAC/B;IACD,KAAK,EAAE;QACN,+BAA+B;QAC/B,iCAAiC;QACjC,iCAAiC;QACjC,iCAAiC;QACjC,iCAAiC;KACjC;IACD,kBAAkB,EAAE,uCAAuC;IAC3D,gBAAgB,EAAE,kCAAkC;IACpD,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;CAC1B,CAAC","sourcesContent":["export default {\n\t'1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],\n\t'2': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.04)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.04)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.04)',\n\t],\n\t'3': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.08)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.08)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.08)',\n\t],\n\tmodal: [\n\t\t'0 0 0 1px rgba(0, 2, 2, 0.10)',\n\t\t'0 1px 1px 0 rgba(0, 2, 2, 0.20)',\n\t\t'0 2px 2px 0 rgba(0, 2, 2, 0.08)',\n\t\t'0 4px 4px 0 rgba(0, 2, 2, 0.08)',\n\t\t'0 8px 8px 0 rgba(0, 2, 2, 0.08)',\n\t],\n\t'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',\n\t'black-teal-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n};\n"]}

package/dist/collection/tailwind.config.js

@@ -3,7 +3,6 @@ export default {
     important: true,
     plugins: [
         require('@tailwindcss/aspect-ratio'),
-        require('tailwindcss-animate'),
         require('tailwind-scrollbar-hide'),
         paperless,
     ],

package/dist/collection/tailwind.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../src/tailwind.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,eAAe;IACd,SAAS,EAAE,IAAI;IACf,OAAO,EAAE;QACR,OAAO,CAAC,2BAA2B,CAAC;QACpC,OAAO,CAAC,qBAAqB,CAAC;QAC9B,OAAO,CAAC,yBAAyB,CAAC;QAClC,SAAS;KACT;CACD,CAAC","sourcesContent":["import { paperless } from './tailwind';\n\nexport default {\n\timportant: true,\n\tplugins: [\n\t\trequire('@tailwindcss/aspect-ratio'),\n\t\trequire('tailwindcss-animate'),\n\t\trequire('tailwind-scrollbar-hide'),\n\t\tpaperless,\n\t],\n};\n"]}
+{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../src/tailwind.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,eAAe;IACd,SAAS,EAAE,IAAI;IACf,OAAO,EAAE;QACR,OAAO,CAAC,2BAA2B,CAAC;QACpC,OAAO,CAAC,yBAAyB,CAAC;QAClC,SAAS;KACT;CACD,CAAC","sourcesContent":["import { paperless } from './tailwind';\n\nexport default {\n\timportant: true,\n\tplugins: [\n\t\trequire('@tailwindcss/aspect-ratio'),\n\t\trequire('tailwind-scrollbar-hide'),\n\t\tpaperless,\n\t],\n};\n"]}