@paperless/core 3.13.0 → 3.14.0

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

@@ -118,11 +118,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '4e0469bb2c32a32f70a3098519c78a542066d14a' }, h("label", { key: '83728cef714642faee03f2ea15c6b8e3d2d65a7f', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'bfb3d43a9e8725d4df72f687c9105107e03d8d86', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '070b7ca6185525a9ecc2645c5816929ff7d7cfe1', checked: this.checked, class: radio({
+        return (h(ThemedHost, { key: '1b34f45d6511b31e6f6422bc394254fec08a93b3' }, h("label", { key: '7653f5e2b3fd0d8c56bfe410774ca9f6a0e9b2ec', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '5eeb3cb883ca4da0111dcd6f5e8f1ef9d5b3205c', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '94c1413d1c39a5dec10c65a7e9aaecb99103d61b', checked: this.checked, class: radio({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), h("div", { key: 'a970e7f1ba92c651547ffc22cf46a2616f9afe74', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), h("div", { key: 'd5978350946a867664aad181475a2b5e38e9706a', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '70dbf28fe32544bd8d682e1ffb92c51fc1668b89', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'bf8f0d91d9a793461a69a60e62b5f115c512eec1' })))));
+            }) })), h("div", { key: 'b115a387ba384e96652fecaf557e4c9e6b43df35', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'd2dd72ba6ee22885f14085075e0c9983165a8fce' })))));
     }
     _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: '11cb492992be18b04e1de7a5a06b36c90a0d6c6b' }, h("div", { key: 'd3072d7207998bf3d23aacced3d859733dce128a', class: '\n       flex rounded-2xl border border-solid border-off-white-700\n       bg-off-white-300 p-1\n       dark:border-hurricane-400 dark:bg-hurricane-600\n     ' }, h("slot", { key: '67ebf404dea865be4219e4bc7f73f654e2c9c0f1' }))));
+        return (h(ThemedHost, { key: 'b9f1ba919738b5398e19d447d319bd70c89f10d8' }, h("div", { key: '0940a6c4f64208c66b70e4fe135cd00bc61a7c5c', class: '\n       flex rounded-2xl border border-solid border-off-white-700\n       bg-off-white-300 p-1\n       dark:border-hurricane-400 dark:bg-hurricane-600\n     ' }, h("slot", { key: '06a3488eeb1cbaf001e8e4d1df85978943564c29' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,11 +71,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '9cacc2fc44b09b61fa9f4255655532367f196714' }, h("div", { key: '3da0adac76bedca0f7fa372ce0a55b0065b23556', class: segmentItem({
+        return (h(ThemedHost, { key: '9be1b585d2aede4645ef92018603c79a85bd4e23' }, h("div", { key: '049f0e6c3fc278bbfadec4f23880afc6e567aeb0', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'f7cceea832a26f412114f0fbc682f8f3209e6390', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: 'd72b71bba1a830113c8c1269179094c4018e5099', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn(`

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

@@ -40,7 +40,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '0545b8bae681f5984cacf62b152d2c764e7cf87c', class: smile({ variant: this.variant }) }, h("div", { key: '724b4e4562f061b6ba924c31fbcd659dc34664ad', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '6e81187a95899bde054b3758a1e508b9ad8fcd55', class: smile({ variant: this.variant }) }, h("div", { key: '9619867e6df73de96849907f12b247a8f5fbab68', 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

@@ -147,19 +147,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '9d14fbaba748a5c3b3badb2acadc546d0fddecd6' }, h("div", { key: '8f3ea2218946ecc43350d7735eb00b30a80c3c70', class: item({
+        return (h(ThemedHost, { key: '99f3ac7e8c508e8353f5ac5cf1bb93ebd69e8755' }, h("div", { key: 'f194d28cb528142aece5245b8555a05fa162c594', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: 'f665d1035086830a04263b85e5edf54dd787e7dc', class: circle({
+            }) }, h("div", { key: 'dbae4ce93130a491c110f642a47be34b55b58d9f', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '32fa7d79a96901d358d7e3655916dc4c97a52d6c', class: content({
+            }) }, this.number), h("div", { key: '72a51566731de389a14b4b1d72dbb5de039f854b', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'c2163dfee0a700e2eca1131c2345bacd7d7b3735' })))));
+            }) }, h("slot", { key: '2002bd29cf842eae1e4392204aa999235afd213f' })))));
     }
     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: 'd3a40a22a7a3802034362a15225ba5f8d03e961f' });
+        return h(ThemedHost, { key: '1efdf5cfab3f5fef46e133f97c13ab95cc3cc240' });
     }
     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: '5022f8346d3ee307529e6b3e8a4b468281785515', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'ae8f0649d3accfe7d01fc0e9e5c652ec4119c75f', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '39409a29246137cca9758fe36857c589b6a99ca8' })), h("p-divider", { key: '8eaf1961818632d60bf292053e80d2b7dd02f1e2', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
+        return (h("div", { key: 'a786ca19e61950ab9d2ac8266ab4d935203cac77', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'd1aba8281aba405cfcb27025af2d65e4ecb347cf', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '1d6f60abb5dce3ec732f2baf27a7d0dc8d7f9eba' })), h("p-divider", { key: 'c44608e8eca326072707a5c3c9df41954e9ca8e3', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'ffaaafe7b95a1ddd7350bdf399f793d569b6d955' }, h("div", { key: '8adf76224ba8a47afac946bcc6e77cf29033dc47', class: item({ active: this.active }) }, h("slot", { key: '44609cace6aede2846c27485e499e763c90bc751' }))));
+        return (h(ThemedHost, { key: 'eb3807306777016255f5ae891914fc006f685f08' }, h("div", { key: 'aee0518032892fe6a9f82a70f1c4f8d9b39958d4', class: item({ active: this.active }) }, h("slot", { key: 'ee4ee594465a4e2eadc57f25c609bf34418feb65' }))));
     }
     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('relative flex flex-col');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '2f1e257f31d10d170673b1a5f3b473d85e0427e1', class: container() }, h("slot", { key: '034cb6393f751f5a46e90fdbd07f604c65105415' })));
+        return (h(Host, { key: '3daf6469b62cebd689368d36868c43045e45b9ba', class: container() }, h("slot", { key: 'ee905a8bcd2e251d16e0af31a1609e905d41fa33' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

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

@@ -7,16 +7,16 @@ export class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '4be2a6b0e22633e2d8e966077dbc353f298580ca' }, h("div", { key: '7cb5afe3757df775f8a15955ed24f43bf79e2182', class: cn(`
+        return (h(ThemedHost, { key: 'efb6cf4c063212207c5ea272f3ae3bbffd18e419' }, h("div", { key: '2d1a85c5f4e1e4829cd45b081fcc31e46bd02773', 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: '26038bfcbc3fa8558beedeba280639dafe759f4d', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: 'ebea7754c0318514557fe7d751ed2212cfcfc35f', 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: '249ef823b37b9a894c158f23996432fd57f6e761' })))));
+            }) }, h("slot", { key: '2cba74d1d0d62f685798292b7199632aae122d67' })))));
     }
     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

@@ -39,9 +39,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '5d77cac640925586144faefc5d3df382af793133', class: container({
+        return (h("div", { key: '6c0ca1492b8b5db68b62537115baa9b8ba59a223', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '65b700d11dd0404bfb32e6361f20eb0c251f55bb' })));
+            }) }, h("slot", { key: '7735e0c87c0ff212044e3358e9dc0d8c30de67ac' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -132,11 +132,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '78924c2da1482566b48d0c4508f2b2035da3f099' }, h("label", { key: '08a386bd28167e1e7a83e23289f421244e289bbd', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'e196c415e223b7d7a9bef873636243b9a9db1f8c', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '4b4984057a6eaf8860203db442c254117e9c3ee8', checked: !!this.checked, class: toggle({
+        return (h(ThemedHost, { key: 'c94da39c5cd65f7e50190bde49c5924df1c0a8a5' }, h("label", { key: 'd46c44760b0aba16fd630a7a8ac92247f351db0e', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'ae3f73a862a2a7989aaf75033384eda0b7cb9933', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'e87e4b22d9353831bcf3c6d00587801e9c900420', checked: !!this.checked, class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: 'd3b1a3ff617e7c1c8e98e39bc6186517724e7a19', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: 'da80e9bd020c9787c396e341de05a63f3e587e7d', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: 'e5a274897bb29464e05fb21b78d65dba550d95fa', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'e1de8c659c7411c7d63ab9bb5d8b79f61deb66f2' })))));
+            }) })), h("div", { key: '3a47695b364859d2c600941ffc544205ce074a70', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'e0e538f18f1271368c3dedb380f902b579aa8eea' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -97,10 +97,10 @@ export class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (h(ThemedHost, { key: '20bdd1bec32da57c6726d73a07d5f82fb3acaa80', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '03034eaa1d19b613c4c097a378d224b79acab473', name: 'trigger' }), h("div", { key: 'd1ea8eed0b2ab04117f7e2f1d3b32a710c49726c', class: popover({
+        return (h(ThemedHost, { key: 'b7236e3ce5912e9ba30714da4c2e7af49086f834', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: 'cf670f071402f8f8c8e410b0ac5cd71e04e66c83', name: 'trigger' }), h("div", { key: '6070ac034b4430f7e7e34f18b057983d1a0c2f6e', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '91944080d3d30625478ed2c9f56dbafe7e34c253', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'c7f95766a424908bd4dabcbf6edd0e8ac4d815d0', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '873c0139e49366b94630a5f40e56705a9ed89bf2', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: 'bdfd98d1aa78a4b381744740ed5f6e8ee5d892d2', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '1d146ca53838e1d02026e2106ad878348ac9c668', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: 'a7b9a33b688c70778870545029b19d99cbaa5cb5', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '46d2a6ab93cf3af2c053edb6180a16f763696d74' }, h("div", { key: 'c9e649574c5d8a94ef37c4d3353718d5acb92a09', class: 'flex w-full flex-col' }, h("div", { key: 'f27109520c7d3f1b7344939f2840a9057fdd8908', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '6bdd4ed7d2af065f0123c3a52c45823427a4c910' }, h("div", { key: '7a1a2b915508b63385f223f44f72d2bf3964d0f8', class: 'flex w-full flex-col' }, h("div", { key: 'b2bd5b3e79622732cb12cc20ed0ba0af9783abd5', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500 dark:text-white': this.variant === 'primary',
                 'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: 'a266eee67ea2688c8dddca7b67fbde97b6baafa5', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '3d5e61488bd1f96d16b5b58815dd8973f67351b3', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '56116eca82c7a4f09d25f91d5d8aa7e94d7584db', class: 'flex-1' })), this.open && (h("div", { key: '488f62d90d405e7426d5c87edbce932d518c36f1', class: 'mt-4' }, h("slot", { key: '82827c68246c57c95b253fd8bbd24852aaf876a7' }))))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '14c2c63d42091bd8fb9e3a9f34db46cb14925638', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: 'e454be441fb5f3c6bc4fed85dce2a0340f2d5d67', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '390ff50e2839e90cfa23bd47176c28b0955afe51', class: 'flex-1' })), this.open && (h("div", { key: '88697a63f13c0cdbc3ffa328f3867b17ae330d4f', class: 'mt-4' }, h("slot", { key: 'dead63df013ae45be5c507e087940544f6b00651' }))))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -101,27 +101,27 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '1c80587e39c1a195137110971a5ab8e55e279a62', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: '587f12b76577943dfbc409fbb43f42e0855f587b', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '1a7d9cd50636935865f0c418b396e190d245f495', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: 'a69706156ef6b4df95e99c1287d7fc66138623de', class: 'text-negative-red-500', variant: 'warning' }));
         }
         const isTouch = isTouchDevice();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: '65a94a2b4fa4744f4f544d017d77bfe681f151e5' }, h("p-field-container", { key: '9f082375b6dfc5b7873dd6f3b7aebe1a1b68b48e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: 'e7ac2f0d6d0b313abc3f7930ad61db363187116e', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '0c70528558e7deff8e960018773542ef7d0eca04', class: attachment({
+        return (h(Fragment, { key: 'dc27c417ee7f51c5b5ea32f4b48d6e378b791158' }, h("p-field-container", { key: '8b24050c51fb20d72d145b0edaf631d4a565a402', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '0c09d59f81a5d66bed2ead03f66f0f9c5aa46f6d', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'd96a47f4325783c6afd6c2183fb9ed4a9ffb1008', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '887bf7f40ceaebe0f5491bad5b09bddfa87a406b', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '472bbcfe3fc21398f7fecd2dd3e54c9dbb29dc4c', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), h("span", { key: '103249ccca7ec5b41752263534cfbb47ed0af123', class: cn(baseText, `
+         `) }, this.value), h("span", { key: '6b2d1633df4a6c7d99882beaf64975c7946311b9', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), h("p-tooltip", { key: '8791959427c3e811d4c650d030f0354b6f53d442', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), h("p-tooltip", { key: '523b11731512708da80ee9aa78a335a8b7964b29', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'bf55fc4ca413b095aa6448df20287175dbd7a514', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '67d6d31511515807b01ffc967945f0f6ab05bfdd', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -132,7 +132,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isTouch &&
-            !this.value?.length && (h("p-tooltip", { key: '3444a501c624978b9f1410bba7251455f0c8e4d7', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: 'b74f3a47eb2acc9b2966cbbd7c1cb59c2f2cacf1', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '6bf88f4c659226d1a61044523cdb3329987ac1c8', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '467410b70364dd2ce94893d2df985d6681a898e2', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: 'd8fd21c7454d4fdc55982bb4d88b4fce7ffb3b43', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: '437603bf559886d48bd24e612cbdd7b932e2f599', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '8a639c93da11fa6e4698f2ecc85c04a4dca21c4b', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a027d05cacd5cf8489bc09fe3b22a68d765dd942', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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: 'd0c4d09c70b2140832b4a0ed05725dae641642c1', class: 'flex items-center' }, h("slot", { key: '9ee836e72eeda929067bbb805d6127b4537cb66f' })));
+        return (h(Host, { key: '48cc5e108ffd88805ff5bf975e6163828ce49e78', class: 'flex items-center' }, h("slot", { key: 'eac2210059c03cb4a661bac6f6ca80cc10f78a69' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -192,7 +192,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'af9b580a84030d4aca0e983eb1b12239875f0f55' }, h("div", { key: '81e938439eac92733ac0901caed9d441b762ed88', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '3fff6e0a14facd9e4a44c6f932019d6d20ed586f' }, h("div", { key: '81a4a6ea5f2f24473f8c2b869c90ade95e0e3c5d', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {

package/dist/collection/components/molecules/content-slider/content-slider.component.js

@@ -47,13 +47,13 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, h("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', class: `
+        return (h(Host, { key: '10219a5b7b268ab732457094c2491d4a203c3d47' }, h("div", { key: 'd66009928658b522cbd18c230d9381568661cad2', class: `
        slider
        ${!this.disableDrag && 'draggable'}
        ${this._dragging && 'dragging'}
      `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: 'a8a93a255fbb23b916cf2b858a84fd70f7d62a6b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'e707df540fe8628168d6451bedcd12848f1d7493', onSlotchange: () => this._slotChange() }))), h("div", { key: 'd9df569867bc0f78974726ae42f5f96f4a13fe62', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '98ea5929e9e4c35807db44deea40a713eb55e22b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '99ec72369ee09b9c56406697559ce232d90476b0', onSlotchange: () => this._slotChange() }))), h("div", { key: '3e7cd9e03341d52b60d934ad88d33138cd31ff1e', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (h("div", { class: `

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

@@ -42,7 +42,7 @@ export class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: '009cda4ff4eb5d2a7ff777a901b67c83a5f37af5' }, this._loaded && (h("cropper-canvas", { key: '205006259f0393275f061f60d92ee9f3fdff16aa', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: 'd53e718c7c5c9da68c10e39ee67e2c98ad23e825', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'ce71d0a0602110c330746027f300d373b5142e55', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'a552b9b1fbcdc2c9d8707f309fe4cbd62b644ad5', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '1419ae877acfcb7ad6981cd825f57dc4e85b1aef', action: 'move', plain: true }))), h("p-range", { key: 'caa9104d95c54d50658ca146a6e875c944f0e0e6', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '45de2e7e220d4a56fc8f863bebc570efba716c6e' }, this._loaded && (h("cropper-canvas", { key: '2d781601e405bbe14ef3dee14b3279b6ee1378b4', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '5f55ad7da0800e65d965a73dcf2954e62a720e30', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '8f6235a0c13f64b907447d4611365831bbed8328', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'fbffe0267e5346b34f627d4160222c08a048da18', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '90d51dfa7e392505459b2252334e98eaf28f0e9d', action: 'move', plain: true }))), h("p-range", { key: '8baa03308cba09293a7438957efe228ab4abd665', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -213,7 +213,7 @@ export class Datepicker {
         }
     }
     render() {
-        return (h("p-dropdown", { key: 'f049a50e493e5fa104141f8e65b9077f41ecd5aa', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '2869249c84a37034ce2ce630da493d397cc5f532', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'da643dba40ee7778ec14707db572f2d80cd58547', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (h("p-dropdown", { key: '891468e0d880fbe578d4b0106a3b09e741d86d59', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: 'f7065621d6f200a2f340e866f5357b5aa133fdcc', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '62752c953dfd35a76d7650d8c0621421c77257f0', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
                 }), min: this._minDate &&
@@ -222,7 +222,7 @@ export class Datepicker {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '5fd257d5996ba8aa8164acf82da3ada6803132ae', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '2864686436f1d4e6148ddfb65b44ef21f2f9f0bb', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '19aeebff76b179555fcbf507fe9a503b074bd79e', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '1d8b3593b3598c0cf4bf6b63366bad0aa554403f', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -133,12 +133,12 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'ba99b3088d39dec30e7d3559354221040007e521', class: 'relative' }, h("div", { key: '119b30bd52ca90cb238a7a1818a31ae53de9f47b', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '21d5a22224d7c085fc876005f824e7746d32f0c3', name: 'trigger' })), h("div", { key: 'f20832523805805a3d5d86fabf331cdbd7fdbd8c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '2d4a8683d11a9b5e378ffb1a7fb62da82dc831c2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'b7067a6aee2989c76376592bc7e2ce02750629c3', class: 'relative' }, h("div", { key: '61b1c733996f22f05c16a143a0e5a3b22f8538f9', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '26b066d7146aa9dba35e37531017fa16c5c2dd2a', name: 'trigger' })), h("div", { key: '14a2e8dfe6ce4f7f0d81e50c744e7c9c1128b401', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'd4c3bc965f7015bf8014026d6227f4a38d973d42', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '84dc0c48a92c957de785d4323bd719b020f20212', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '2b4c8c622fa2656d399b93ae2c48807987846d9c', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');

package/dist/collection/components/molecules/dropzone/dropzone.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-8{padding:2rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}