@paperless/core 2.22.0-alpha.24 → 2.22.0-alpha.25

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

@@ -6,7 +6,7 @@ export class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (h(ThemedHost, { key: '603f664b7e05451996f6fca34d5eca5c08bc68e5' }, h("div", { key: '1b2ddae4bee80e708f3b5166a5fe004bef22892b', class: 'flex items-center gap-2 text-storm-500 dark:text-white' }, h("p-icon", { key: 'b43182b79958d031786c70ae3c710e4fc8778a9e', variant: this.icon }), h("div", { key: 'd86df5546ad12787dbdfb0d972ea1b04d816b9d7', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '6993362836adc8770b6b464530dd60b3f1c02f38' })))));
+        return (h(ThemedHost, { key: 'e2b07cadde155cc5f8e89c305001f60d6f59ae30' }, h("div", { key: '19cc7bd70f7db7a95dfca67a5ad95ba80dc30228', class: 'flex items-center gap-2 text-storm-500 dark:text-white' }, h("p-icon", { key: '45d2060debccfa81b61b08f72426b908124c3288', variant: this.icon }), h("div", { key: '0b71a178319947208668f96e2598f09e17dd62d6', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '8531f5b5ab3af0ba370733876465ea140e50b311' })))));
     }
     static get is() { return "p-listing-item"; }
     static get encapsulation() { return "shadow"; }
@@ -31,8 +31,8 @@ export class ListingItem {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ListingLine {
     render() {
-        return h(ThemedHost, { key: 'bee7d2647bb473e74332c4ba85f4e520d6bf4aa9' });
+        return h(ThemedHost, { key: 'c86403715338caf974046a01d48cb11ff916f6fc' });
     }
     static get is() { return "p-listing-line"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,10 +23,10 @@ export class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (h(ThemedHost, { key: '1c582458434d7d4861aa9299803438f9af40aa46' }, h("div", { key: '61f40c76535de7610156a627dfe21f2a3476a0c9', class: body({
+        return (h(ThemedHost, { key: '4dd5344c568a1b856dd92e13a982d8c2346f32a9' }, h("div", { key: '755f6e8625cdafc7b2c861e849a0434f6b104a4a', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '376eb946a3ddb214db227d5697a49b216622be5b' }))));
+            }) }, h("slot", { key: 'a10c0615d4f3246cff520e87a1e82dff4f177aec' }))));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-import { asBoolean } from "../../../../utils/as-boolean";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { asBoolean } from "../../../../utils/as-boolean";
 const container = cva([
     'flex-1 min-w-0 w-full',
     'z-modal flex flex-col',
@@ -34,10 +34,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '9354167bc301d5eda001e37d4316f10aac02bb75' }, h("div", { key: '3eec1cc00587a252c616d5ba9a045e028405824c', class: container({
+        return (h(ThemedHost, { key: '918f998bf6ff9f8aa64a323ef7e9208a6205467e' }, h("div", { key: '531c0bc3232ff4f1bb795cc8a9c3c469b5c4a2f7', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '048d2f05a08a655901ea248fb9891064eaac6ea7' }))));
+            }) }, h("slot", { key: 'fa2d654b38a33243cc1d437009caee6f262e88a8' }))));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ModalFooter {
     render() {
-        return (h(ThemedHost, { key: 'e4d4e61f8b6f1835a7acf6b7fe10b5b790e24fc8' }, h("div", { key: '726a77f99d88f58802e5f348bdb608e92b30384d', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: '3a0158a36eeca75bf03c72a172f3afb37c954aa0', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: '90017192bd84143bbe5d406494a00f0347c9c769', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: 'c9895dbdc643d5888fa971331dcaf7198978dcb2' })))));
+        return (h(ThemedHost, { key: 'db7731369d6e62f4e6cd9a45d49202c1d9600284' }, h("div", { key: '28bba6b89dcfeaa6d91e295575f8559a82bcb17c', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: 'd6449db5feef9f6553399b7ca8476fdaa8e38ebe', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: 'ad7ba6598fc59911c04089471c03297de2f03c1f', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: 'dddec1e9fd3580b37b08b5f988d4f7efae24eeca' })))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'ead42171c46d09d2c3decbe28633948f4bf59b12' }, h("div", { key: '0fc4faf73a5f84fd81ffdeefe1c162f86b38ff2d', class: header() }, h("div", { key: '751e9bdea519bbd76c53cf660d723c1d2d3ef472', class: content() }, h("div", { key: 'f8c2fd3805a8eb41edda5fa72929220b2fc87026', class: title() }, h("slot", { key: 'eccc13406bcf77001e937295c3dbe466106b4b3f' })), this.showClose && (h("p-button", { key: 'e26b2d628041333f1c0de50ecd78f226ded0d66f', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '87d874bb210e13fe71cfb1a853b729f59c7577c3', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '61310ca15062863fa75788e8621c845829835a83' }, h("div", { key: '45d347c0906fb178470a22ee073f78d2c83a625d', class: header() }, h("div", { key: 'cd7903f26712a92149166a9016f397701c216ee3', class: content() }, h("div", { key: 'e1aa409159b2c19f97682ba5de0ebcdbca799e7a', class: title() }, h("slot", { key: '605016d68fa57dde900543c0cee048f078613fa7' })), this.showClose && (h("p-button", { key: '885ebd89b2f63609e658debad4137df0dfb03b8c', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'f461107c6a15c7c58e5944b0b19e54ff0ce88305', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../internal/themed-host.component";
 export class NavigationTitle {
     render() {
-        return (h(ThemedHost, { key: 'c8308458e5c5b2b056aff4359395f79bbf53f1ce', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: 'fc635b819bace498a5c34ef4bc88c9d2e97d7908' })));
+        return (h(ThemedHost, { key: '8b616d4e4a24357aedf52f2e0b9a8ee6a4e2da0c', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: '47cfce47aa289872078e90d097ab78e1232f9cac' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-import { asBoolean } from "../../../../utils/as-boolean";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { asBoolean } from "../../../../utils/as-boolean";
 const item = cva([
     'p-pagination-item',
     'text-sm ',
@@ -88,12 +88,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: '6103faba648355937dd1c9b3146c56a5d3b2f77e' }, h("div", { key: 'fc052a08fad1343827f03bf4dbbeee1565279428', class: item({
+        return (h(ThemedHost, { key: '8e1fbcaf1a960ca415e653aab0bc26c4cf1ae061' }, h("div", { key: '230b7e153665bcaa32ae288cc9b62dd9b64f70ca', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '0f1f2c99de238357805489150482887fafbdf0d5' }))));
+            }) }, h("slot", { key: '708294372427d32cece0fa2836cea5ab0663d379' }))));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,8 +1,8 @@
 import { h, } from "@stencil/core";
 import { cva } from "class-variance-authority";
+import { ThemedHost } from "../../../internal/themed-host.component";
 import { asBoolean } from "../../../utils/as-boolean";
 import { nonce } from "../../../utils/nonce";
-import { ThemedHost } from "../../../internal/themed-host.component";
 const radio = cva([
     'peer appearance-none m-0 outline-none flex-shrink-0',
     'rounded-full border border-inset border-solid ',
@@ -91,11 +91,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '5392564d98e64a4f5324bad59e22c5458268718c' }, h("label", { key: 'c3e260e1d5d372227b2ddc14976a122b4a7601ee', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '9fc7f9b65165bd0b21368ae4898cb2c8b8537a96', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '4a1718fb1f23a55b31b0052b6afc6343010afe14', class: radio({
+        return (h(ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'cc394e75211a753e713bee527d2b7c2e92610563', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '3da52cca79e297a41354265daf4e85e6dcffa3de', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '047f019e604c59918a5fbdb0da7db6cab4913b15' })))));
+            }) })), h("div", { key: '90340477396fd987eabbe4cc7aeebb38a548ec68', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'b66d366cac0e5c99903edc18f4256c045d3a5b10' })))));
     }
     _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: 'dab5d5d96e7ed903d1cef478e98ebeb5f6db6615' }, h("div", { key: 'a71cdb96735bc9ff45a42b7bcfa2c5b53acf6fd0', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '5c206670a9863398f8bf26f839c0e570ac745d2c' }))));
+        return (h(ThemedHost, { key: '1a1008baf7277eddba9c4e618755cd1acbe9a841' }, h("div", { key: 'daa680e3f2ca890c091b81869ef328e7652c7c09', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '3931579ceb2a19c187ecba849c316e29cde001a4' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-import { asBoolean } from "../../../../utils/as-boolean";
-import { cn } from "../../../../utils";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { cn } from "../../../../utils";
+import { asBoolean } from "../../../../utils/as-boolean";
 const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
     variants: {
         variant: {
@@ -62,11 +62,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '6b106fc3a5c61380583e1901baa170e681803f9e' }, h("div", { key: '517135eebc40eff36806aecbd535c16bf009af0a', class: segmentItem({
+        return (h(ThemedHost, { key: '9cd8ce2db3d393050b684b8c54c8a1ce7679b058' }, h("div", { key: '2fe85e1298c475d9c0cc4a4f95405b73e2323ebb', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'bd5b29cb645dba157fca7d3bc26c6a63d785538a', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '63323d0681027b5a1215c342113d1ffb5c3924b4', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
@@ -157,8 +157,8 @@ export class SegmentItem {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }
@@ -183,8 +183,8 @@ export class SegmentItem {
                     "references": {
                         "IconFlipOptions": {
                             "location": "import",
-                            "path": "../../icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconFlipOptions",
                             "referenceLocation": "IconFlipOptions"
                         }
                     }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-import { asBoolean } from "../../../../utils/as-boolean";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { asBoolean } from "../../../../utils/as-boolean";
 const item = cva('flex gap-2', {
     variants: {
         align: {
@@ -135,19 +135,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '8e424ffe99b687e8babf743413ece5409f014a58' }, h("div", { key: '564fe1cf48bfbd7eccb3e88b7dcf20a155e2ef2b', class: item({
+        return (h(ThemedHost, { key: '197bcb21f1d28e35bee93f7fe3efa2c70361a4dc' }, h("div", { key: '8c0e55e1ca56a4b2c3107542c5533c5166686215', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '56b244095a3345212ab1e9343eca4f3c4dc58078', class: circle({
+            }) }, h("div", { key: '5905ce66b404e06f9c1b79818bc1167adbcdd4de', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '01c3f2a226bc72cba5101ff6595a5dd7461ade34', class: content({
+            }) }, this.number), h("div", { key: '829cb80e0b3873461f91cb63521ca70e8578c909', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'e76421280e39a606d05626fee8ab6319e2241538' })))));
+            }) }, h("slot", { key: '38fd35eb991bdfbc3884c93cc710067e7cb4435a' })))));
     }
     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: 'a1967747daf4d5db35a8d437be434098fb484fff' });
+        return h(ThemedHost, { key: '565c695a3d5b50dc3930eccbf76524b902cd9504' });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'c900479cdc93ddce42fa8847ce81f3dc1c9a0bb1' }, h("div", { key: 'de7396433b8bc2a67421243e7f29b9ff0605f755', class: item({ active: this.active }) }, h("slot", { key: '2e9ec7cf0919d27d2782b0644e87e411ba84b4bf' }))));
+        return (h(ThemedHost, { key: '8795ed5e38ffff0da5edb9154fd084c690e2b95d' }, h("div", { key: 'dfd1fd4d2deeebfe2eac22eae0b84985c158ed26', class: item({ active: this.active }) }, h("slot", { key: '418044c86b215e216a9df1fd9398fd008fa1c41f' }))));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,13 +7,13 @@ export class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '35ad8aec17d7c68a3ddbce9e48a1a257ca474dd7' }, h("div", { key: 'f5d5e250a4a51cd7e42ebbee910290d369ca2426', class: cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
+        return (h(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, h("div", { key: 'e12fc3877b07a0596938b52d2a50f5446bdc78ae', 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: '77013b7660b88247f3e4ba9dd2ed2f09aff8abb6', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: 'cddfbd117853e870c9801b9d5a961a029939bd19', 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: '655ee54ea1b3553acf23a38bf4851c86cdb1f21a' })))));
+            }) }, h("slot", { key: '647aeaa41557bc01063b60b065cf6975b33aa960' })))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,10 +90,10 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '18d732c97e5ef16bf2f6aafabfb38c82e40e7158', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '5ab77353b870e739a3c2f1c10b9c86be42ba77c6', name: 'trigger' }), h("div", { key: '32677e3687b2d554ef83a91d950681cce014654f', class: popover({
+        return (h(ThemedHost, { key: 'ef3333212b88389556fa76159040a9dd6e0c2e17', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '095bf08cf3d45b3baaf9921796392b6b51e13719', name: 'trigger' }), h("div", { key: '46dcc7888a6c2e66e1e5e7d5a9492f117775be30', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '1902552a4c7957f81e44be555c296ab7a7b5729d', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '26517c4da8177567c7792c103839ca06deb43e87', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ? this.content : h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '5651334a58293cf9a6adc96b2d8cb1991691404a', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '9db76dfaf31d1acbb72eedd0d90744bf913bb21f', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? h("slot", { key: '0bbaa654220dd3b99c26dd787c540a1ca85bd8af', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -102,7 +102,7 @@ export class Tooltip {
         if (!this._popover) {
             return;
         }
-        if (this._popover.hasAttribute('data-show')) {
+        if (Object.hasOwn(this._popover.dataset, 'show')) {
             return;
         }
         this._show();
@@ -114,7 +114,7 @@ export class Tooltip {
         if (!this._popover) {
             return;
         }
-        if (!this._popover.hasAttribute('data-show')) {
+        if (!Object.hasOwn(this._popover.dataset, 'show')) {
             return;
         }
         this._hide();
@@ -135,7 +135,7 @@ export class Tooltip {
         if (!this._popover) {
             return;
         }
-        if (show && !this._popover.hasAttribute('data-show')) {
+        if (show && !Object.hasOwn(this._popover.dataset, 'show')) {
             return this._show();
         }
         return this._hide();
@@ -151,14 +151,14 @@ export class Tooltip {
             return;
         }
         if (!this.content?.length && !this._hasContentSlot) {
-            if (this._popover.hasAttribute('data-show')) {
+            if (Object.hasOwn(this._popover.dataset, 'show')) {
                 this._hide();
             }
             return;
         }
         this._cleanup = autoUpdate(this._el, this._popover, () => this._update());
         // Make the popover visible
-        this._popover.setAttribute('data-show', '');
+        this._popover.dataset.show = '';
         this._popover.classList.remove('opacity-0', 'pointer-events-none');
         this._popover.classList.add('opacity-100', 'pointer-events-auto');
         // Update its position
@@ -173,7 +173,7 @@ export class Tooltip {
             this._cleanup = null;
         }
         // Hide the popover
-        this._popover.removeAttribute('data-show');
+        delete this._popover.dataset.show;
         this._popover.classList.remove('opacity-100', 'pointer-events-auto');
         this._popover.classList.add('opacity-0', 'pointer-events-none');
         this.isOpen.emit(false);
@@ -195,7 +195,7 @@ export class Tooltip {
         computePosition(this._el, this._popover, {
             placement: this.variant === 'error' && !this.placement
                 ? 'bottom-start'
-                : this.placement ?? 'top',
+                : (this.placement ?? 'top'),
             strategy: this.strategy,
             middleware: [offset(this.offset), flip(), shift()],
         }).then(({ x, y, placement }) => {

package/dist/collection/components/helpers/table/extra-header/table-extra-header.component.js

@@ -14,7 +14,7 @@ export class TableExtraHeader {
     /**
      * The alignment of the column
      */
-    align = "start";
+    align = 'start';
     /**
      * Parsed sizes based on the complete set of columns
      */
@@ -22,7 +22,7 @@ export class TableExtraHeader {
     /**
      * The sizes of the column
      */
-    sizes = "auto";
+    sizes = 'auto';
     /**
      * Event to let the table know it has to re render
      */
@@ -59,7 +59,7 @@ export class TableExtraHeader {
                 "type": "any",
                 "mutable": true,
                 "complexType": {
-                    "original": "boolean | \"secondary\"",
+                    "original": "boolean | 'secondary'",
                     "resolved": "\"secondary\" | boolean",
                     "references": {}
                 },
@@ -99,7 +99,7 @@ export class TableExtraHeader {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "\"start\" | \"center\" | \"end\"",
+                    "original": "'start' | 'center' | 'end'",
                     "resolved": "\"center\" | \"end\" | \"start\"",
                     "references": {}
                 },
@@ -113,7 +113,7 @@ export class TableExtraHeader {
                 "setter": false,
                 "reflect": true,
                 "attribute": "align",
-                "defaultValue": "\"start\""
+                "defaultValue": "'start'"
             },
             "parsedSizes": {
                 "type": "unknown",
@@ -143,7 +143,7 @@ export class TableExtraHeader {
                 "type": "any",
                 "mutable": true,
                 "complexType": {
-                    "original": "| \"auto\"\n\t\t| \"hidden\"\n\t\t| \"full\"\n\t\t| number\n\t\t| TableColumnSizes",
+                    "original": "| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes",
                     "resolved": "\"auto\" | \"full\" | \"hidden\" | TableColumnSizes | number",
                     "references": {
                         "TableColumnSizes": {
@@ -164,7 +164,7 @@ export class TableExtraHeader {
                 "setter": false,
                 "reflect": false,
                 "attribute": "sizes",
-                "defaultValue": "\"auto\""
+                "defaultValue": "'auto'"
             }
         };
     }

package/dist/collection/components/helpers/table/row-action/table-row-action.component.js

@@ -77,8 +77,8 @@ export class TableRowAction {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::IconVariant",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }
@@ -123,8 +123,8 @@ export class TableRowAction {
                     "references": {
                         "IconFlipOptions": {
                             "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::IconFlipOptions",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconFlipOptions",
                             "referenceLocation": "IconFlipOptions"
                         }
                     }

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

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: 'ca4c51e7da6bb16460ca8c30c9fbc3b6e5e97c55' }, h("div", { key: 'dd757b2b9a89d5ea7d3908985b9026fd02ac404d', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '36d39106bf27e5005cfdd96f062e89d3be88dbef' }, h("div", { key: '55912f6dbbd9f44f9d86e0e1500d425d2d5fd16e', 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: '1db2e53d0d090f4b7c6d8454451d9f0c3b2eb7c3', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'feba7a06faf5e671af9d989cd3c69b9ba852ecb4', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '7de62b2822364b384de742725624780afcd39dcb', class: 'flex-1' })), this.open && (h("div", { key: '135483f196d7dc50aa78370dbf2589eb3639acab', class: 'mt-4' }, h("slot", { key: 'df1a40f574494d087051be7dadb79fb7646ff49d' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '73e31ff40f08654d9911562b67565a6494184460', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '2a118c3e7bf94a59350c4cc6feeb2756217f4852', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'd6632e38605ee499d559bd40b48a735cbea9f160', class: 'flex-1' })), this.open && (h("div", { key: '2707a0e53b0470485f3f05abf919b8c22199199e', class: 'mt-4' }, h("slot", { key: '2686aa25fa66c990ec52d5f1f58eca7dd707d8f4' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -1,6 +1,6 @@
 import { Fragment, h, } from "@stencil/core";
-import { cn, isMobile, isTablet } from "../../../utils";
 import { cva } from "class-variance-authority";
+import { cn, isMobile, isTablet } from "../../../utils";
 const attachment = cva([
     'flex flex-1 items-center justify-start gap-2',
     'h-8 min-w-0 px-2 rounded-lg',
@@ -95,21 +95,21 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '70c25c35df849bf93a02f6de3d9de97797c47831', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'c32bd5160f16b5fe66dd6bdddc7abab643ecac69', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: 'ba47ed78b79c79d5b6af871571e54f9dbed4a23b', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: '258cc04fd6a6ca24cc99fd4402740c600c845641', variant: 'warning', class: 'text-negative-red-500' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: '636df7f91d4419e91adb9e535c824aff5c14ded9' }, h("p-field-container", { key: '36c8eb9da40cf24cfaa1c8b1d077fb8a9c96350f', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'dc30acbc7c1f567ebe94bd87776e250890dd33f4', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '3605b23c216861d996f7797309f95fff85549d3c', class: attachment({
+        return (h(Fragment, { key: '2d4812f3d31f3cd0816628933c7f430526db82d6' }, h("p-field-container", { key: '349206b933ad13c0f37cd07d2a8da5b7be1a5c06', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '59d1189891173772085e25882c3fcb474e459e0a', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '41b8af0f2636db293df1e503effbd1ec7f97685b', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'a317b2fa1f9cc826bdb438fc6e218da8e98c49fd', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '6e2abbb15e01e73f5c0e4e06095290c33b272d8f', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'd3b366029233203f6b1d6441038daf958ccd0db4', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'd53642b51ad59ff0b5ccf497085ba81f4111bebf', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '285839432a117ed07ad59c5d66e5784109ac5f79', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '1e5cd8b15e61316f678fb7b66af77969a3cb403a', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '795ce98c419c2e826127444b6f2acc592044f69d', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'a0f090e19e177cff757ebae1fc2f5d1f4df8db68', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -120,7 +120,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '5148e7b6954560af89e7bb6189fd6164b5a8baa9', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: 'cc04c65e61a28bfea68f991e33c97bc18b7d8eae', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '709898e095f39c75b6ce6c779b156b74cd5930a4', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'db046b3081aff72d852b1d71b6a7a9724160400c', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '2b41ef669b3fc1e58a394d847a30b1316f0e3a0d', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: 'b3ddba24285c00e05397221a77f73a08164c6953', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5eec66f53142eb76391fbd626a01556470ce395a', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: '288987b14646880b3fbe960514e0b5915b421270', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {
@@ -143,7 +143,7 @@ export class Attachment {
         if (file) {
             this.loading = true;
             const reader = new FileReader();
-            reader.onload = (e) => this._onLoad(file, e?.currentTarget?.result);
+            reader.addEventListener('load', (e) => this._onLoad(file, e?.currentTarget?.result));
             reader.readAsDataURL(file);
         }
     }

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

@@ -498,19 +498,21 @@ export class Button {
         switch (this.variant) {
             case 'secondary':
             case 'dropdown':
-            case 'transparent':
+            case 'transparent': {
                 loaderColor = 'off-white';
                 break;
-            case 'text':
+            }
+            case 'text': {
                 loaderColor = 'storm';
                 break;
+            }
         }
         const VariableTag = this.variant === 'text' || this.href?.length || this.as === 'a'
             ? 'a'
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(ThemedHost, { key: 'f2a0ebc3e48139f589773dc2f21c40368ee0dc87', class: hostClass }, h(VariableTag, { key: '30279456c8ff2ca882ab6918c739baa54dc4427b', disabled: asBoolean(this.disabled), href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, tabIndex: this.tabIndex, class: button({
+        return (h(ThemedHost, { key: '60d256cfefe040641ad82e5e13a84918995b7575', class: hostClass }, h(VariableTag, { key: '325301c1c4bb3837f9b767326a240abfe57df9d3', disabled: asBoolean(this.disabled), href: this.href, type: this.variant === 'text' ? undefined : this.type, target: this.target, tabIndex: this.tabIndex, class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean(this.loading),
@@ -520,14 +522,14 @@ export class Button {
                 active,
                 error: asBoolean(this.error),
                 underline: asBoolean(this.underline) && VariableTag === 'a',
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '9753ef87be206fb3ffda92ef05b50e2526aed588', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'bca146628e8b245ed68217572897783b5a2785b1', 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._getIcon(), this.label ?? h("slot", { key: '8062e043413803fb5a66f5c99cb0c19575984429' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '15d6a85d94fca7c4d0bdf811ece24e5cfd75e0ca', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '197acf1429b7fe3aec3866b3a34c222e579f21f8', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '793e26b051f81801a735d5f643f55ce10f16d9c5', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '081b781cc329b17859a538a4dbd8dd711dbed3d1', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -877,8 +879,8 @@ export class Button {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }
@@ -962,8 +964,8 @@ export class Button {
                     "references": {
                         "IconFlipOptions": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions",
+                            "path": "../../../types/icon",
+                            "id": "src/types/icon.ts::IconFlipOptions",
                             "referenceLocation": "IconFlipOptions"
                         }
                     }

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

@@ -12,13 +12,15 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '2d0f9f37f2e0171e1c9f1b677f53539eebb91155', class: 'flex items-center' }, h("slot", { key: 'c5a3173cdb895f5d0792fe9f927dd1a8d427a508' })));
+        return (h(Host, { key: '5c9ba2353a2e1a8ff30bcae75bab8ee588cdbfe0', class: 'flex items-center' }, h("slot", { key: '0d1691050f077740cbdb4a289e72f3bf4ba6d2c1' })));
     }
     slotchange() {
         this._checkButtons();
     }
     _checkButtons() {
-        const buttons = Array.from(this._el.querySelectorAll(':scope > p-button'));
+        const buttons = [
+            ...this._el.querySelectorAll(':scope > p-button'),
+        ];
         for (let i = 0; i < buttons.length; i++) {
             const button = buttons[i];
             button.size = this.size;