@paperless/core 3.0.2 → 3.1.1

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

@@ -4,7 +4,7 @@ import { ThemedHost } from "../../../../internal/themed-host.component";
 import { asBoolean } from "../../../../utils/as-boolean";
 const item = cva([
     'p-pagination-item',
-    'text-sm ',
+    'text-sm',
     'h-6 w-6',
     'flex items-center justify-center text-center',
 ], {
@@ -30,25 +30,35 @@ const item = cva([
         {
             variant: 'default',
             active: false,
-            class: 'bg-off-white-300 dark:bg-hurricane-500 text-storm-400 dark:text-hurricane-200',
+            class: `
+      bg-off-white-300 text-storm-400
+      dark:bg-hurricane-500 dark:text-hurricane-200
+    `,
         },
         {
             variant: 'default',
             active: false,
             hover: true,
-            class: 'hover:text-storm-500 hover:bg-off-white-500 dark:hover:bg-white/15 dark:hover:text-hurricane-100 cursor-pointer',
+            class: `
+      cursor-pointer
+      hover:bg-off-white-500 hover:text-storm-500
+      dark:hover:bg-white/15 dark:hover:text-hurricane-100
+    `,
         },
         {
             variant: 'default',
             active: true,
-            class: 'text-storm-500 bg-off-white-700 dark:bg-hurricane-300 dark:text-white font-semibold',
+            class: `
+      bg-off-white-700 font-semibold text-storm-500
+      dark:bg-hurricane-300 dark:text-white
+    `,
         },
         {
             variant: 'carousel',
             disabled: false,
             class: [
-                'bg-white text-storm-300 border-storm-100',
-                'dark:bg-white/15 dark:border-white/15 dark:text-hurricane-200',
+                'border-storm-100 bg-white text-storm-300',
+                'dark:border-white/15 dark:bg-white/15 dark:text-hurricane-200',
             ],
         },
         {
@@ -56,16 +66,21 @@ const item = cva([
             disabled: false,
             hover: true,
             class: [
-                'hover:bg-white-600 hover:text-storm-500 active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',
-                'dark:hover:ring-0 dark:hover:bg-white/25 dark:hover:text-white',
+                `
+       cursor-pointer
+       hover:bg-white-600 hover:text-storm-500
+       active:border-indigo-600 active:bg-white-600 active:ring active:ring-2
+       active:ring-indigo-100
+     `,
+                'dark:hover:bg-white/25 dark:hover:text-white dark:hover:ring-0',
             ],
         },
         {
             variant: 'carousel',
             disabled: true,
             class: [
-                'bg-white-600 text-storm-100 border-storm-500/20',
-                'dark:bg-hurricane-500 dark:border-white/5 dark:text-hurricane-300',
+                'border-storm-500/20 bg-white-600 text-storm-100',
+                'dark:border-white/5 dark:bg-hurricane-500 dark:text-hurricane-300',
             ],
         },
     ],
@@ -88,12 +103,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: '8e1fbcaf1a960ca415e653aab0bc26c4cf1ae061' }, h("div", { key: '230b7e153665bcaa32ae288cc9b62dd9b64f70ca', class: item({
+        return (h(ThemedHost, { key: 'fdbf0f1aec5ae8ab321271a9bdd4fefdeb593e82' }, h("div", { key: '5423125b36ec6cc43e765cf3ae6a521173b400db', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '708294372427d32cece0fa2836cea5ab0663d379' }))));
+            }) }, h("slot", { key: 'eb0c56fada9cef2fa607b7225bad86afbca7f760' }))));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,24 +4,42 @@ import { ThemedHost } from "../../../internal/themed-host.component";
 import { asBoolean } from "../../../utils/as-boolean";
 import { nonce } from "../../../utils/nonce";
 const radio = cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'rounded-full border border-inset border-solid ',
-    'w-4 h-4',
+    'peer m-0 flex-shrink-0 appearance-none outline-none',
+    'border-inset rounded-full border border-solid',
+    'h-4 w-4',
 ], {
     variants: {
         disabled: {
             false: [
                 'cursor-pointer shadow-1',
-                'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',
-                'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',
-                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',
+                `
+       border-storm-100 bg-white
+       dark:border-white/15 dark:bg-white/10
+     `,
+                `
+       hover:border-storm-500/20 hover:bg-indigo-100
+       dark:hover:border-white/15 dark:hover:bg-white/20
+     `,
+                `
+       group-hover/radio-label:border-storm-500/20
+       group-hover/radio-label:bg-indigo-100
+     `,
                 'checked:cursor-auto',
-                'checked:bg-indigo-600 checked:border-storm-500/20',
-                'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',
-                'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',
-                'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',
+                'checked:border-storm-500/20 checked:bg-indigo-600',
+                `
+       checked:ring-2 checked:ring-indigo-100
+       dark:checked:ring-0
+     `,
+                'checked:hover:border-storm-500/20 checked:hover:bg-indigo-700',
+                `
+       checked:group-hover/radio-label:border-storm-500/20
+       checked:group-hover/radio-label:bg-indigo-700
+     `,
             ],
-            true: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',
+            true: `
+      cursor-not-allowed border-storm-50 bg-white-600
+      dark:border-white/10 dark:bg-white/5
+    `,
         },
     },
     compoundVariants: [
@@ -29,9 +47,12 @@ const radio = cva([
             disabled: false,
             class: [
                 'cursor-pointer shadow-1',
-                'bg-white border-storm-100',
-                'hover:bg-indigo-100 hover:border-storm-500/20',
-                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',
+                'border-storm-100 bg-white',
+                'hover:border-storm-500/20 hover:bg-indigo-100',
+                `
+       group-hover/radio-label:border-storm-500/20
+       group-hover/radio-label:bg-indigo-100
+     `,
             ],
         },
     ],
@@ -39,13 +60,19 @@ const radio = cva([
 const circle = cva([
     'block',
     'rounded-full bg-transparent',
-    'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
-    'w-2 h-2',
+    `
+    pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2
+    -translate-y-1/2 transform
+  `,
+    'h-2 w-2',
 ], {
     variants: {
         disabled: {
             false: 'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',
-            true: 'peer-checked:bg-storm-200 dark:peer-checked:bg-hurricane-300',
+            true: `
+      peer-checked:bg-storm-200
+      dark:peer-checked:bg-hurricane-300
+    `,
         },
     },
 });
@@ -91,11 +118,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', checked: this.checked, class: radio({
+        return (h(ThemedHost, { key: '6d6c70b28586db5068f33308fff1c3a35bce641c' }, h("label", { key: 'd6741f15e337174a3576163e6b27b65dd54773f4', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'c82520956d1f16cc1a7b6740ab4e03299d5f2039', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '80a7c6b02ff323e646a739cfcfee1652f2ec4df2', 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: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', 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: 'a46921d80daadde9058060754c65b11d17b47b71', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '90340477396fd987eabbe4cc7aeebb38a548ec68', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'b66d366cac0e5c99903edc18f4256c045d3a5b10' })))));
+            }) })), h("div", { key: 'cd295853a620d74ece3521b96daac11a871cad1d', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: '7775f245e2652c7b010c34d52376908f2b4a2f99' })))));
     }
     _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: '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' }))));
+        return (h(ThemedHost, { key: '1a1008baf7277eddba9c4e618755cd1acbe9a841' }, h("div", { key: '890325242b0b67849d871082b5199e0a89a7e418', 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: '781298086637577844b1dfcb08e13e477573bf54' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,8 +12,11 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
         active: {
             false: [
                 'cursor-pointer',
-                'text-storm-300 hover:text-storm-500 hover:bg-storm-50',
-                'dark:hover:text-white dark:hover:bg-white/15',
+                `
+       text-storm-300
+       hover:bg-storm-50 hover:text-storm-500
+     `,
+                'dark:hover:bg-white/15 dark:hover:text-white',
             ],
             true: 'bg-indigo-600 text-white',
         },
@@ -26,12 +29,18 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
         {
             variant: 'default',
             active: false,
-            class: 'text-storm-500 dark:text-hurricane-200',
+            class: `
+      text-storm-500
+      dark:text-hurricane-200
+    `,
         },
         {
             variant: 'block',
             active: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+      text-storm-500
+      dark:text-white
+    `,
         },
     ],
 });
@@ -62,14 +71,17 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '9cd8ce2db3d393050b684b8c54c8a1ce7679b058' }, h("div", { key: '2fe85e1298c475d9c0cc4a4f95405b73e2323ebb', class: segmentItem({
+        return (h(ThemedHost, { key: 'fb365ffba7e5d105956b9ffbfa4b3effdeec27b2' }, h("div", { key: '54736bcb97a642dc66a9c94451e0b3b6bb18d0d3', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '63323d0681027b5a1215c342113d1ffb5c3924b4', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '5eca3c0638d613f947e320a0ee89867c6fb468ae', 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('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
+            }), 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(`
+           my-0 font-medium
+           empty:hidden
+         `, {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }) }, descriptionSlot)))))));

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

@@ -12,7 +12,10 @@ const smile = cva(null, {
     compoundVariants: [
         {
             variant: ['modal', 'card'],
-            class: 'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3] text-off-white-500',
+            class: `
+     absolute bottom-0 left-1/2 z-[-1] aspect-[8/3] -translate-x-1/2
+     text-off-white-500
+   `,
         },
     ],
 });
@@ -37,7 +40,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '4a84d723aa104604444b292f01a6b4e342945992', class: smile({ variant: this.variant }) }, h("div", { key: '437b7370a3177f0d9266fd7f3595df703a035312', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '6c99a0206e831d9122665ca9f17c1f533a9c8bc2', class: smile({ variant: this.variant }) }, h("div", { key: 'f157da0f0fae32f1355533d6a9fafe69c73a3309', 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

@@ -16,8 +16,8 @@ const item = cva('flex gap-2', {
     },
 });
 const circle = cva([
-    'h-6 w-6 flex items-center justify-center',
-    'text-sm text-center font-medium',
+    'flex h-6 w-6 items-center justify-center',
+    'text-center text-sm font-medium',
     'border border-solid',
     'rounded-full',
 ], {
@@ -45,19 +45,19 @@ const circle = cva([
             finished: false,
             active: false,
             class: [
-                'text-indigo-600 bg-indigo-50 border-indigo-600',
-                'dark:text-hurricane-200 dark:bg-white/15 dark:border-white/15',
+                'border-indigo-600 bg-indigo-50 text-indigo-600',
+                'dark:border-white/15 dark:bg-white/15 dark:text-hurricane-200',
             ],
         },
         {
             active: true,
             finished: false,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             active: false,
             finished: true,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             direction: 'vertical',
@@ -71,7 +71,7 @@ const circle = cva([
         },
     ],
 });
-const content = cva('text-sm font-medium flex-1 mt-[1px]', {
+const content = cva('mt-[1px] flex-1 text-sm font-medium', {
     variants: {
         finished: {
             true: null,
@@ -90,22 +90,34 @@ const content = cva('text-sm font-medium flex-1 mt-[1px]', {
         {
             finished: false,
             active: false,
-            class: 'text-storm-400 dark:text-hurricane-200',
+            class: `
+     text-storm-400
+     dark:text-hurricane-200
+   `,
         },
         {
             active: true,
             finished: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             active: false,
             finished: true,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             direction: 'horizontal',
             active: false,
-            class: 'hidden desktop-xs:inline-block',
+            class: `
+     hidden
+     desktop-xs:inline-block
+   `,
         },
     ],
 });
@@ -135,19 +147,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '197bcb21f1d28e35bee93f7fe3efa2c70361a4dc' }, h("div", { key: '8c0e55e1ca56a4b2c3107542c5533c5166686215', class: item({
+        return (h(ThemedHost, { key: '59225e7cf6387dc74870532f93d41f017ac2b917' }, h("div", { key: '3405b371edfc473077228b13dfb6642af24ca7b3', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '5905ce66b404e06f9c1b79818bc1167adbcdd4de', class: circle({
+            }) }, h("div", { key: 'd4c559d9f794406bd0c967a0b8d02437b1fa5770', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '829cb80e0b3873461f91cb63521ca70e8578c909', class: content({
+            }) }, this.number), h("div", { key: 'e62cac677b32c265bafaa4f7e0844dae1fdee71b', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: '38fd35eb991bdfbc3884c93cc710067e7cb4435a' })))));
+            }) }, h("slot", { key: '853a7664d61bd16d5e0da555bf779a250ba9c15f' })))));
     }
     static get is() { return "p-stepper-item"; }
     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: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'scrollbar-hide flex w-full gap-5 overflow-x-auto' }, h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), h("p-divider", { key: '994c5d428c65eaf22f2d720a586809f888a567e9', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), h("p-divider", { key: '153374f8cc24d554a8beeef4fdaa30a93173d3fc', 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

@@ -2,16 +2,32 @@ import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 const item = cva([
-    'h-8 flex flex-col justify-between text-sm',
+    'flex h-8 flex-col justify-between text-sm',
     'cursor-pointer',
-    "after:h-[2px] after:content-[' ']",
+    `
+    after:content-['
+    ']
+    after:h-[2px]
+  `,
 ], {
     variants: {
         active: {
-            true: 'after:bg-indigo-600 text-indigo-600',
+            true: `
+      text-indigo-600
+      after:bg-indigo-600
+    `,
             false: [
-                'text-storm-300 after:bg-transparent hover:after:bg-storm-400 hover:text-storm-400',
-                'dark:text-hurricane-200 dark:hover:after:bg-white dark:hover:text-white',
+                `
+       text-storm-300
+       after:bg-transparent
+       hover:text-storm-400
+       hover:after:bg-storm-400
+     `,
+                `
+       dark:text-hurricane-200
+       dark:hover:text-white
+       dark:hover:after:bg-white
+     `,
             ],
         },
     },
@@ -22,7 +38,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '8795ed5e38ffff0da5edb9154fd084c690e2b95d' }, h("div", { key: 'dfd1fd4d2deeebfe2eac22eae0b84985c158ed26', class: item({ active: this.active }) }, h("slot", { key: '418044c86b215e216a9df1fd9398fd008fa1c41f' }))));
+        return (h(ThemedHost, { key: '68381d5e607b93bd36eaac21b4548f1a8cbe1169' }, h("div", { key: 'fe0d645f2421de9d8f0c3c2b008125b9c70244d4', class: item({ active: this.active }) }, h("slot", { key: 'bba769a606b49e9f5eab7f47a3bdd263bbc34f3f' }))));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { cva } from "class-variance-authority";
-const container = cva('flex flex-col relative');
+const container = cva('relative flex flex-col');
 export class TableContainer {
     render() {
         return (h(Host, { key: '60a213b1b9d9fdd01e4ead844cc0c45f97492474', class: container() }, h("slot", { key: '533b69a0e5118d466159c106cfbf6ae058b9a7f2' })));

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

@@ -7,13 +7,16 @@ export class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        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', {
+        return (h(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, h("div", { key: '5a0480d4df301d4aa395f87fc93b2e068b9f79f4', 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: 'cddfbd117853e870c9801b9d5a961a029939bd19', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: '6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7', 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: '647aeaa41557bc01063b60b065cf6975b33aa960' })))));
+            }) }, h("slot", { key: '27f6a9bf20a79fc58b63412aa0943278408e6f90' })))));
     }
     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

@@ -1,11 +1,16 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 const container = cva([
-    'fixed flex flex-col gap-4 z-toast',
+    'fixed z-toast flex flex-col gap-4',
     'tablet:max-w-[26.5rem]',
     'z-[600]',
-    'w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right, 0)+2rem))]',
-    'max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]',
+    `
+    w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,
+    0)+2rem))]
+  `,
+    `
+    max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]
+  `,
 ], {
     variants: {
         placement: {
@@ -34,9 +39,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '9f7195032efea614ae656d732d69b987cb7f8f58', class: container({
+        return (h("div", { key: 'bd21d7bd4c72892795945f527a55d244c74a3e8a', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '8ded7b7a44be3acdf86942a0af7487e536c47560' })));
+            }) }, h("slot", { key: 'c822ef2a7a7269a926b0e6d416d3f584e133e668' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,44 +4,88 @@ import { ThemedHost } from "../../../internal/themed-host.component";
 import { asBoolean } from "../../../utils/as-boolean";
 import { nonce } from "../../../utils/nonce";
 const toggle = cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'border border-inset border-solid ',
-    'rounded-full w-8 h-4',
+    'peer m-0 flex-shrink-0 appearance-none outline-none',
+    'border-inset border border-solid',
+    'h-4 w-8 rounded-full',
 ], {
     variants: {
         disabled: {
             false: [
                 'cursor-pointer shadow-1',
-                'bg-storm-50 border-storm-100 dark:bg-white/10 dark:border-white/15',
-                'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',
-                'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',
-                'checked:bg-indigo-600 checked:border-storm-500/20',
-                'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',
-                'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',
-                'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',
+                `
+       border-storm-100 bg-storm-50
+       dark:border-white/15 dark:bg-white/10
+     `,
+                `
+       hover:border-storm-500/20 hover:bg-indigo-100
+       dark:hover:border-white/15 dark:hover:bg-white/20
+     `,
+                `
+       group-hover/toggle-label:border-storm-500/20
+       group-hover/toggle-label:bg-indigo-100
+     `,
+                'checked:border-storm-500/20 checked:bg-indigo-600',
+                `
+       checked:ring-2 checked:ring-indigo-100
+       dark:checked:ring-0
+     `,
+                'checked:hover:border-storm-500/20 checked:hover:bg-indigo-700',
+                `
+       checked:group-hover/toggle-label:border-storm-500/20
+       checked:group-hover/toggle-label:bg-indigo-700
+     `,
             ],
-            true: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',
+            true: `
+      cursor-not-allowed border-storm-50 bg-white-600
+      dark:border-white/10 dark:bg-white/5
+    `,
         },
     },
 });
 const circle = cva([
     'flex items-center justify-center',
-    'rounded-full transition-all ',
-    'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',
+    'rounded-full transition-all',
+    `
+    pointer-events-none absolute top-1/2 -translate-y-1/2 transform
+    peer-checked:left-full
+  `,
 ], {
     variants: {
         disabled: {
             false: [
                 'bg-white ring-1 ring-storm-500/10',
-                'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',
-                "after:content-[unset] peer-checked:after:content-['']  after:bg-indigo-800 after:rounded-full after:transition-all",
-                'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',
-                'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',
+                `
+       left-[1px]
+       peer-checked:-translate-x-[calc(100%+1px)]
+     `,
+                `
+       after:rounded-full after:bg-indigo-800 after:transition-all
+       after:content-[unset]
+       peer-checked:after:content-['']
+     `,
+                `
+       h-[14px] w-[14px]
+       group-hover/p-toggle:w-[18px]
+       group-hover/toggle-label:w-[18px]
+     `,
+                `
+       after:h-1 after:w-1
+       group-hover/p-toggle:after:w-2
+       group-hover/toggle-label:after:w-2
+     `,
             ],
             true: [
-                'bg-storm-100 peer-checked:bg-storm-200 dark:bg-white/15 dark:peer-checked:bg-white/15',
-                'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',
-                'w-3 h-3',
+                `
+       bg-storm-100
+       peer-checked:bg-storm-200
+       dark:bg-white/15
+       dark:peer-checked:bg-white/15
+     `,
+                `
+       left-[2px]
+       peer-checked:-translate-x-[calc(100%+2px)]
+     `,
+                'h-3 w-3',
             ],
         },
     },
@@ -88,11 +132,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', checked: !!this.checked, class: toggle({
+        return (h(ThemedHost, { key: 'a112d0ed2ec3daa865c559d44c587d20f76822f3' }, h("label", { key: '36c971bf96e575e59f0e4ad39e1d917f255abaf9', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '5081f38fa7bfd14664f71c837db04473892c13b0', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '219ab4b5bb5e444e51987898e59c8c31a69b3d1a', 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: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '9182edb7d27559da52a34e5481ac505c0bdd1d9b', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '90f8606523d6d4b131bf039717d9c436ae36d782', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'cf7f5ed84d5b1cda9b6372209242415d4dd67024' })))));
+            }) })), h("div", { key: 'c3cff9609226e9e5ed671e9ed46506b8d996788f', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'b140f22e50a8030d3a9deba673e0d0c078e7b064' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {