@paperless/core 3.0.2 → 3.1.0

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

@@ -11,44 +11,88 @@ require('./state-DM8SZBNO.js');
 const toggleComponentCss = () => `*{box-sizing:border-box}:host{--tw-content:unset}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[1px\\]{left:1px}.left-\\[2px\\]{left:2px}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-\\[14px\\]{height:14px}.w-3{width:.75rem}.w-8{width:2rem}.w-\\[14px\\]{width:14px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-storm-100{--tw-bg-opacity:1;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))}.bg-storm-50{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:w-1:after{content:var(--tw-content);width:.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:bg-indigo-800:after{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[unset\\]:after{--tw-content:unset;content:var(--tw-content)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content);width:.5rem}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:left-full{left:100%}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}`;
 
 const toggle = index$1.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 = index$1.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',
             ],
         },
     },
@@ -107,11 +151,11 @@ const Toggle = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, index.h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', checked: !!this.checked, class: toggle({
+        return (index.h(themedHost_component.ThemedHost, { key: 'a112d0ed2ec3daa865c559d44c587d20f76822f3' }, index.h("label", { key: '36c971bf96e575e59f0e4ad39e1d917f255abaf9', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '5081f38fa7bfd14664f71c837db04473892c13b0', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: '219ab4b5bb5e444e51987898e59c8c31a69b3d1a', checked: !!this.checked, class: toggle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: '9182edb7d27559da52a34e5481ac505c0bdd1d9b', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("div", { key: '90f8606523d6d4b131bf039717d9c436ae36d782', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: 'cf7f5ed84d5b1cda9b6372209242415d4dd67024' })))));
+            }) })), index.h("div", { key: 'c3cff9609226e9e5ed671e9ed46506b8d996788f', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, index.h("slot", { key: 'b140f22e50a8030d3a9deba673e0d0c078e7b064' })))));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

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

@@ -19,9 +19,12 @@ const popover = index$1.cva([
 ], {
     variants: {
         variant: {
-            hover: 'bg-storm-500 dark:bg-white text-white dark:text-storm-300 py-1 max-w-[14.5rem]',
+            hover: `
+      max-w-[14.5rem] bg-storm-500 py-1 text-white
+      dark:bg-white dark:text-storm-300
+    `,
             click: 'max-w-[18rem]',
-            error: 'max-w-full w-full',
+            error: 'w-full max-w-full',
         },
         strategy: {
             fixed: 'fixed',
@@ -35,7 +38,10 @@ const popover = index$1.cva([
         },
         {
             variant: ['click', 'error'],
-            class: 'bg-white dark:bg-hurricane-800 text-storm-300 dark:text-hurricane-200 py-2',
+            class: `
+      bg-white py-2 text-storm-300
+      dark:bg-hurricane-800 dark:text-hurricane-200
+    `,
         },
     ],
 });
@@ -99,10 +105,10 @@ const Tooltip = class {
         this._cleanup = null;
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '927a65c827b316e40b2c7a67b0c1a5463457a995', "data-filled": this.content?.length > 0 || this._hasContentSlot }, index.h("slot", { key: '732bf5d85d3b6b76d767a5ef4deaab036c617e1b', name: 'trigger' }), index.h("div", { key: '4b6ad7714c2363d0148245c2d225dd8fe98894eb', class: popover({
+        return (index.h(themedHost_component.ThemedHost, { key: 'd6eed2d0ae314f5bc0c956df0360c7c3affe5349', "data-filled": this.content?.length > 0 || this._hasContentSlot }, index.h("slot", { key: '68a50b13f23fbb9ff40b83d6a1f1cbad56a12add', name: 'trigger' }), index.h("div", { key: '6d4726e4663fe88a8758485c55ee003fca9e9c59', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, index.h("div", { key: 'ed5bb24dc56bd4459515ad8aac888de77fbaffbe', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: 'c869c7e2ec3b8d1acd3c891079cc24d8187c5423', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? index.h("slot", { key: '0f99a6654b8059b0f84bb99a6f1dbf9a52882f3f', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, index.h("div", { key: '9ded5ee86411c2d35b3ef4b75894740b5a9db814', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: 'fe330950d9662c415e99d1594581c096b5210cd7', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? index.h("slot", { key: '9ec941819d62d3fcca4edf9262d704644fb0f294', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/cjs/{table-helpers-D7cRsAPO.js → table-helpers-CskH_8AL.js}

@@ -98,8 +98,8 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
 const floatingMenuContainerClass = index.cva(['sticky self-center'], {
     variants: {
         hasFooter: {
-            true: 'mt-4 -mb-5 bottom-11 z-[3]',
-            false: 'my-4 bottom-0',
+            true: 'bottom-11 z-[3] -mb-5 mt-4',
+            false: 'bottom-0 my-4',
         },
         active: {
             false: 'pointer-events-none animate-floating-menu-container-out',

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

@@ -1,7 +1,10 @@
 import { h, Host } from "@stencil/core";
 import { cva } from "class-variance-authority";
 const avatar = cva([
-    'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 flex items-center justify-center font-ambit leading-none font-bold',
+    `
+    p-avatar flex aspect-branding items-center justify-center rounded-full
+    font-ambit font-bold leading-none ring-1 ring-inset ring-storm-500/20
+  `,
 ], {
     variants: {
         variant: {
@@ -54,7 +57,7 @@ export class Avatar {
         }
     }
     render() {
-        return (h(Host, { key: '796c5d3f656f05a0fb841dc24ba3ffd443a690da', class: avatar({
+        return (h(Host, { key: '3a9dc3ebf87eed33626d3ae0885100a3ea4d9c78', class: avatar({
                 size: this.size,
                 variant: this.variant,
             }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { class: 'z-0 aspect-branding h-full rounded-full object-cover', src: this._src, onError: () => this._setFailed() }))));

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

@@ -18,7 +18,7 @@ const backdrop = cva([
         },
         closing: {
             false: 'animate-fade-in',
-            true: 'animate-fade-out pointer-events-none',
+            true: 'pointer-events-none animate-fade-out',
         },
     },
 });
@@ -30,10 +30,22 @@ const contentContainer = cva([
     variants: {
         variant: {
             modal: [
-                'pt-16 tablet:px-16 desktop-xs:py-8',
-                'items-end desktop-xs:items-stretch justify-center',
+                `
+       pt-16
+       tablet:px-16
+       desktop-xs:py-8
+     `,
+                `
+       items-end justify-center
+       desktop-xs:items-stretch
+     `,
+            ],
+            drawer: [
+                `
+       items-start justify-end
+       desktop-xs:items-start
+     `,
             ],
-            drawer: ['items-start justify-end desktop-xs:items-start'],
         },
         closing: {
             false: null,
@@ -89,13 +101,13 @@ export class Backdrop {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '92dd949ec8735455f0540b4ea43de2f8b88fc78c' }, h("div", { key: 'b75d228a0e453b54324422a47d259e716e4256ca', class: backdrop({
+        return (h(ThemedHost, { key: '8f40c9b8b13965b7d2f566ff2b1aa77b111965be' }, h("div", { key: '9bcf89352f9bbf9bf32681e9c918379baf983921', class: backdrop({
                 blur: asBoolean(this.applyBlur),
                 closing: asBoolean(this.closing),
-            }) }, h("div", { key: '8433ee7de1f7b3fe634970dc6504315f57a87cc1', class: contentContainer({
+            }) }, h("div", { key: 'e1875ea68d88c1a0893ca5c7293a3aceaa906d35', class: contentContainer({
                 variant: this.variant,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: 'a1aeab26c959e375070e665189f9e26886b31e35' })))));
+            }) }, h("slot", { key: '9a3b3f0188a0761e9a8b0fb39910898cad762918' })))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {

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

@@ -5,13 +5,19 @@ const badge = cva([
     'inline-flex items-center justify-center',
     'h-4 min-w-4 px-1',
     'rounded-full',
-    'bg-storm-100 dark:bg-white/20',
-    'text-storm-500 dark:text-white',
+    `
+   bg-storm-100
+   dark:bg-white/20
+ `,
+    `
+   text-storm-500
+   dark:text-white
+ `,
     'text-center text-xs font-semibold tracking-tight',
 ]);
 export class Badge {
     render() {
-        return (h(ThemedHost, { key: '4e6acd91dc2d4bdddeac7d6078e29e9731e334e8' }, h("div", { key: 'b8338854cf128a3165b36429612227e170852772', class: badge() }, h("slot", { key: 'de6771bb8eb1d2b39c8cb30f0cab4a10b1ab8237' }))));
+        return (h(ThemedHost, { key: '8d30aeb1da5a6e388bda06a15f92a06632a68433' }, h("div", { key: '59b10cb3fe29df5ecf33181f092f06b03b921f1c', class: badge() }, h("slot", { key: 'ae19227cab5cb241bd08fd9b4d0c1b2b5e52a252' }))));
     }
     static get is() { return "p-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,14 +21,24 @@ import { asBoolean } from "../../../../utils/as-boolean";
 // dark:bg-indigo-50 dark:bg-indigo-100 dark:bg-indigo-200 dark:bg-indigo-300 dark:bg-indigo-400 dark:bg-indigo-500 dark:bg-indigo-600 dark:bg-indigo-700 dark:bg-indigo-800 dark:bg-indigo-900 dark:bg-indigo
 // dark:bg-storm-50 dark:bg-storm-100 dark:bg-storm-200 dark:bg-storm-300 dark:bg-storm-400 dark:bg-storm-500 dark:bg-storm-600 dark:bg-storm-700 dark:bg-storm-800 dark:bg-storm
 // dark:bg-hurricane-50 dark:bg-hurricane-100 dark:bg-hurricane-200 dark:bg-hurricane-300 dark:bg-hurricane-400 dark:bg-hurricane-500 dark:bg-hurricane-600 dark:bg-hurricane-700 dark:bg-hurricane-800 dark:bg-hurricane
-const container = cva(['flex flex-col w-inherit h-inherit transition', 'rounded-2xl'], {
+const container = cva(['flex h-inherit w-inherit flex-col transition', 'rounded-2xl'], {
     variants: {
         variant: {
-            default: 'border-off-white-700 dark:border-white/15',
-            error: 'border-negative-red-500 ring-2 ring-negative-red-50 dark:ring-0 dark:border-negative-red-alternative',
+            default: `
+      border-off-white-700
+      dark:border-white/15
+    `,
+            error: `
+      border-negative-red-500 ring-2 ring-negative-red-50
+      dark:border-negative-red-alternative dark:ring-0
+    `,
         },
         hoverable: {
-            true: 'cursor-pointer hover:bg-off-white-200 dark:hover:bg-hurricane-500',
+            true: `
+      cursor-pointer
+      hover:bg-off-white-200
+      dark:hover:bg-hurricane-500
+    `,
             false: null,
         },
         shadow: {
@@ -85,13 +95,13 @@ export class CardContainer {
      */
     border = true;
     render() {
-        return (h(ThemedHost, { key: '988b3544492dfd87aad3b35b179f585f0c95000d' }, h("div", { key: '31fee6e19c71534cd3b1dcd8ce35731f2ca372c0', class: cn(container({
+        return (h(ThemedHost, { key: 'a38d44ea64514da47c620cf3ea4715a764a09774' }, h("div", { key: '4311d4de38c82349896e47ef2a45734505c54890', class: cn(container({
                 variant: this.variant,
                 active: asBoolean(this.active, false),
                 hoverable: asBoolean(this.hoverable, false),
                 shadow: asBoolean(this.shadow, true),
                 border: asBoolean(this.border),
-            }), this.bgClass) }, h("slot", { key: 'ac3d7abeea89dba1f48d7aef0c76c18c3249d9f1' }))));
+            }), this.bgClass) }, h("slot", { key: '55798f8cdab816bf4eb64464006a5069fe33dfe6' }))));
     }
     static get is() { return "p-card-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 import { asBoolean } from "../../../../utils/as-boolean";
-const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
+const header = cva(`relative z-[1] inline-flex w-full flex-col justify-start rounded-t-2xl`, {
     variants: {
         variant: {
             default: 'px-4',
@@ -18,7 +18,10 @@ const content = cva('flex items-center gap-2', {
         },
     },
 });
-const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500 dark:text-white');
+const title = cva(`
+   flex h-8 min-w-0 items-center gap-2 text-sm font-bold text-storm-500
+   dark:text-white
+ `);
 export class CardHeader {
     /**
      * The variant of the card header
@@ -49,7 +52,7 @@ export class CardHeader {
                 variant: this.variant,
             }) }, h("div", { key: '3d56078ea79fdcb81461437dd3b8c66f712a5cef', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (h("slot", { name: 'prefix' })), h("div", { key: 'e22fd58249b94c1824bfa82cb367bf780a5b99b7', class: title() }, h("span", { key: '5de7e320dd84436f9de735f503cae3cbab37b1d7', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: 'eb9e59d3d09f5e7488128d2ddb33d40f3724252e', name: 'content-suffix' })), h("div", { key: '934928145118a42aeef1008317c88a503bd58fe8', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '915ac41cb6bf6e56bde59d61b8a9601e2c402094', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (h("slot", { name: 'prefix' })), h("div", { key: '005f43cba3bfe99a983662f0bfb7d6c5429cef5d', class: title() }, h("span", { key: '1fc8a26b87fc27bc6d51031bde168b9a1ab3e395', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '0afc16e030c057789bbbf3ef3649d81c7721dfa6', name: 'content-suffix' })), h("div", { key: 'e8e336a47953c3a6f11434622aa221e9295d4592', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, h("slot", { key: 'b0aec6d332a4109cb91fae4c5b75945486c1b91c', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (h("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
     static get is() { return "p-card-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,45 +4,79 @@ import { ThemedHost } from "../../../internal/themed-host.component";
 import { asBoolean } from "../../../utils/as-boolean";
 import { nonce } from "../../../utils/nonce";
 const checkbox = cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'border border-inset border-solid ',
-    'rounded w-4 h-4',
+    'peer m-0 flex-shrink-0 appearance-none outline-none',
+    'border-inset border border-solid',
+    'h-4 w-4 rounded',
 ], {
     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/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',
-                '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/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',
-                'indeterminate:bg-indigo-600 indeterminate: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/checkbox-label:border-storm-100
+       group-hover/checkbox-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/checkbox-label:border-storm-500/20
+       checked:group-hover/checkbox-label:bg-indigo-700
+     `,
+                'indeterminate:border-storm-500/20 indeterminate:bg-indigo-600',
                 'indeterminate:ring-2 indeterminate:ring-indigo-100',
-                'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',
-                'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',
+                'indeterminate:hover:border-storm-500/20 indeterminate:hover:bg-indigo-700',
+                `
+       indeterminate:group-hover/checkbox-label:border-storm-500/20
+       indeterminate:group-hover/checkbox-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 iconContainer = cva([
-    'hidden peer-indeterminate:flex peer-checked:flex',
-    'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
+    `
+    hidden
+    peer-checked:flex
+    peer-indeterminate:flex
+  `,
+    `
+    pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2
+    -translate-y-1/2 transform
+  `,
 ], {
     variants: {
         disabled: {
             false: 'text-white',
-            true: 'text-storm-200 dark:text-hurricane-300',
+            true: `
+      text-storm-200
+      dark:text-hurricane-300
+    `,
         },
     },
 });
-const icon = cva(['drop-shadow-2 text-xs'], {
+const icon = cva(['text-xs drop-shadow-2'], {
     variants: {
         disabled: {
-            false: 'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',
+            false: `
+     group-hover/checkbox-label:text-sm
+     group-hover/p-checkbox:text-sm
+   `,
             true: null,
         },
     },
@@ -94,13 +128,13 @@ export class Checkbox {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '03c9bf5aa440371b96bec78c7485c3e6269e3912' }, h("label", { key: '2b6622d4b6fa53b9b655408f6f5f309437ac0a51', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '0302b3c44cef3973eba59676a4fbafc8ffe7ec30', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'ce840a43c8406e09930e5b64d9c7953f2e6834d6', checked: asBoolean(this.checked), class: checkbox({
+        return (h(ThemedHost, { key: '790e3aa34ae9ab672a26033e58b1801742e9989d' }, h("label", { key: 'a40fd069e097065a718100d32b0f823e228f6aec', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '102743e8fb860e7290d77e7407be13856460f613', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'e0aab8a3669d74a544d49ea0dfa40312c913d20e', checked: asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '85129e843c23d91173f748031191e33f96c08491', class: iconContainer({
+            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '54a632b71823fe37ea899841ce1a991ade8dab08', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: 'c649d245d7184a33c235b65aaa2cc282cb5d3b56', class: icon({
+            }) }, h("p-icon", { key: '78ea7112217b5d623be8dcd20c422796a85372dc', class: icon({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '0be84c8571539e399e2139a1c1c9817eef9f09f5', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '540099efaa692b1db487eea7c7d8ac69fa1753c4' })))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '6946c6e2c07e6a38ce02d849468d499728a0e4c5', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: '7219e1faea7dee90c29a1e9c4c5182caffad36c5' })))));
     }
     _onChange(ev) {
         if (this.disabled) {

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

@@ -4,14 +4,36 @@ import { ThemedHost } from "../../../internal/themed-host.component";
 import { cn } from "../../../utils";
 const content = cva([
     'flex items-center',
-    'after:content-[""] before:content-[""]',
-    'after:bg-current before:bg-current',
-    'after:flex-1 before:flex-1',
+    `
+    before:content-[""]
+    after:content-[""]
+  `,
+    `
+    before:bg-current
+    after:bg-current
+  `,
+    `
+    before:flex-1
+    after:flex-1
+  `,
 ], {
     variants: {
         variant: {
-            horizontal: ['after:h-px before:h-px', 'w-full'],
-            vertical: ['flex-col', 'after:w-px before:w-px', 'h-full'],
+            horizontal: [
+                `
+       before:h-px
+       after:h-px
+     `,
+                'w-full',
+            ],
+            vertical: [
+                'flex-col',
+                `
+       before:w-px
+       after:w-px
+     `,
+                'h-full',
+            ],
         },
         alignContent: {
             start: 'before:hidden',
@@ -35,12 +57,12 @@ export class Divider {
     _el;
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(ThemedHost, { key: '21688246c2799e261fc76199ea98fc67eefe64fe' }, h("div", { key: '188f916762aa47219f8d842d0b11a1062db4ed29', class: cn(content({
+        return (h(ThemedHost, { key: '8dc52e5323e9ccbabf6ac4ef27ac69cab95daae4' }, h("div", { key: '0e4feec398c8eea9a625e673a2d1ce12002bf794', class: cn(content({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, h("div", { key: '6f7dfbd19d4ef22ae84d24bf18e021ee336b7311', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0 dark:text-hurricane-200' }, hasContent && h("slot", { key: 'de011024bca44b502ce6472580c7143cd6a0ebbb' })))));
+            }) }, h("div", { key: '6d2c51c55ac70ecca3f281d562ac3e095240f991', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && h("slot", { key: 'b7ebd8a85ef5f9e049bbb4232ece62fc25b6708f' })))));
     }
     static get is() { return "p-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,10 +3,17 @@ import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 import { asBoolean } from "../../../../utils/as-boolean";
 const container = cva([
-    'flex-1 min-w-0 my-safe-2',
+    'min-w-0 flex-1 my-safe-2',
     'z-drawer flex flex-col',
-    'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',
-    'w-full tablet:w-[22.5rem]',
+    `
+    rounded-2xl bg-white
+    dark:border dark:border-solid dark:border-hurricane-400
+    dark:bg-hurricane-600
+  `,
+    `
+    w-full
+    tablet:w-[22.5rem]
+  `,
     'shadow-modal',
 ], {
     variants: {
@@ -22,9 +29,9 @@ export class DrawerContainer {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '317675610f458fd08649062dc5879c2ca4f1c9e0' }, h("div", { key: '27f876855f4006a4566bf0c038328492da0643e8', class: container({
+        return (h(ThemedHost, { key: 'bc792e09626c80196369ca43ef43135e6e10132c' }, h("div", { key: 'e3b242a8cd8ba7034aebaf5bd7de73242d7c4c33', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '08ac349f1864dfa674b3ea06a809a65ceff965e0' }))));
+            }) }, h("slot", { key: '5e0b9ca40dc6528825b212776d1c4eee7e198f73' }))));
     }
     static get is() { return "p-drawer-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,14 +2,20 @@ import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 const header = cva([
-    'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',
-    'bg-white dark:bg-hurricane-600',
+    'relative z-[1] min-h-18 w-full flex-col overflow-hidden rounded-t-2xl',
+    `
+   bg-white
+   dark:bg-hurricane-600
+ `,
     'inline-flex',
 ]);
-const content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);
+const content = cva(['flex justify-between', 'min-h-12 w-full p-4 pb-0']);
 const title = cva([
     'flex-1 text-center',
-    'text-storm-500 dark:text-white text-2xl text-ambit font-bold',
+    `
+   text-ambit text-2xl font-bold text-storm-500
+   dark:text-white
+ `,
 ]);
 export class DrawerHeader {
     /**
@@ -21,7 +27,7 @@ export class DrawerHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: '22b70fd5ecc48cca0e7889bf5fa8167f6063b471' }, h("div", { key: 'b19d3cce208759e68446ade1baa02a95286aaf51', class: header() }, h("div", { key: 'b5a28ec7d297cb8d9c71ebfb5bf7f652434a438b', class: content() }, this.showClose && (h("p-button", { key: '9e1d4d71e3f1c4efd65d5639d388f72e628ec81c', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: '6906eb28f9fd9f63b49921da0f3b49c20b9ab665', class: title() }, h("slot", { key: '62d673dae21712e3e2919618e518869172f82db2' })), this.showClose && h("div", { key: '451411cc086c5b6c366313d38bfb277cafebe138', class: 'size-8' })), h("p-smile", { key: 'd1d4ae0aa65e5d9d91819da89bbaf7598d145ca3', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: 'e05ec2c9d94a38c646e446b2882f675bcccad49e' }, h("div", { key: 'ac59d07abee48dc4bdb945a6cc780c2e124e4613', class: header() }, h("div", { key: 'fb95e22321f77109a554c790fc1d7bc59cf8f404', class: content() }, this.showClose && (h("p-button", { key: 'f6f1c5524ddb466b48682b03571ee245111d3280', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: 'ed99afeff2a45c9a17558d256863c4f22f99594f', class: title() }, h("slot", { key: 'fffd297b663ad9761c848b4dd47a40c545eec324' })), this.showClose && h("div", { key: '73cf17ce479ad201c6ea905043512dfb2b5dd780', class: 'size-8' })), h("p-smile", { key: '07a4e62c3294e1427159c2a73214d754d043da03', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }