@paperless/core 3.4.1 → 3.4.2

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

@@ -13,32 +13,32 @@ const toggle = cva([
             false: [
                 'cursor-pointer shadow-1',
                 `
-						border-storm-100 bg-storm-50
-						dark:border-white/15 dark:bg-white/10
-					`,
+       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
-					`,
+       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
-					`,
+       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: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
-					`,
+       checked:group-hover/toggle-label:border-storm-500/20
+       checked:group-hover/toggle-label:bg-indigo-700
+     `,
             ],
             true: `
-					cursor-not-allowed border-storm-50 bg-white-600
-					dark:border-white/10 dark:bg-white/5
-				`,
+      cursor-not-allowed border-storm-50 bg-white-600
+      dark:border-white/10 dark:bg-white/5
+    `,
         },
     },
 });
@@ -46,45 +46,45 @@ const circle = cva([
     'flex items-center justify-center',
     'rounded-full transition-all',
     `
-			pointer-events-none absolute top-1/2 -translate-y-1/2 transform
-			peer-checked:left-full
-		`,
+    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)]
-					`,
+       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-['']
-					`,
+       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]
-					`,
+       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
-					`,
+       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
-					`,
+       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)]
-					`,
+       left-[2px]
+       peer-checked:-translate-x-[calc(100%+2px)]
+     `,
                 'h-3 w-3',
             ],
         },
@@ -132,11 +132,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '2f6afef7b684b1f36995bdb5a1834c6a5fa9071f' }, h("label", { key: 'd3b74c2331d8de0f1705e150d4ccdd2fbbd23c4a', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '47d4310c01418fc854a90c31fec84cb0bdbba3dd', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '1cb33e0e70fad1a08bd50ca5f554a87021614eb4', 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: '21cc44ebbb138a4180e71ba735d25b7b7ed6d619', 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: '9fde7de8e7cb9bdcc416052d893f50348c3cdd0a', class: '\n\t\t\t\t\t\t\tflex-1 overflow-hidden text-ellipsis\n\t\t\t\t\t\t\tempty:hidden\n\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t' }, h("slot", { key: '613f472bbb2bc921838b250182ad6049292fa860' })))));
+            }) })), 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)) {

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

@@ -1 +1 @@
-.relative{position:relative}.h-inherit{height:inherit}.w-inherit{width:inherit}*{box-sizing:border-box}:host{height:inherit;max-width:100%;position:relative;width:inherit}:host([data-filled]){cursor:pointer}:host(:not([data-filled])){cursor:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.z-tooltip{z-index:400}.inline-block{display:inline-block}.flex{display:flex}.w-full{width:100%}.w-max{width:max-content}.max-w-\[14\.5rem\]{max-width:14.5rem}.max-w-\[18rem\]{max-width:18rem}.max-w-full{max-width:100%}.gap-2{gap:.5rem}.whitespace-normal{white-space:normal}.rounded-lg{border-radius:.5rem}.bg-negative-red-500{--tw-bg-opacity:1;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))}.bg-storm-500{--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}
+.relative{position:relative}.h-inherit{height:inherit}.w-inherit{width:inherit}*{box-sizing:border-box}:host{height:inherit;max-width:100%;position:relative;width:inherit}:host([data-filled]){cursor:pointer}:host(:not([data-filled])){cursor:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.z-tooltip{z-index:400}.inline-block{display:inline-block}.flex{display:flex}.w-\[2px\]{width:2px}.w-full{width:100%}.w-max{width:max-content}.max-w-\[14\.5rem\]{max-width:14.5rem}.max-w-\[18rem\]{max-width:18rem}.max-w-full{max-width:100%}.gap-2{gap:.5rem}.whitespace-normal{white-space:normal}.rounded-lg{border-radius:.5rem}.bg-negative-red-500{--tw-bg-opacity:1;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))}.bg-storm-500{--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\:bg-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\:bg-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}

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

@@ -13,9 +13,9 @@ const popover = cva([
     variants: {
         variant: {
             hover: `
-					max-w-[14.5rem] bg-storm-500 py-1 text-white
-					dark:bg-white dark:text-storm-300
-				`,
+      max-w-[14.5rem] bg-storm-500 py-1 text-white
+      dark:bg-white dark:text-storm-300
+    `,
             click: 'max-w-[18rem]',
             error: 'w-full max-w-full',
         },
@@ -32,9 +32,9 @@ const popover = cva([
         {
             variant: ['click', 'error'],
             class: `
-					bg-white py-2 text-storm-300
-					dark:bg-hurricane-800 dark:text-hurricane-200
-				`,
+      bg-white py-2 text-storm-300
+      dark:bg-hurricane-800 dark:text-hurricane-200
+    `,
         },
     ],
 });
@@ -97,10 +97,10 @@ export class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (h(ThemedHost, { key: '368594a170c37623b6efeb891049ea6533299edd', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '0715cc528028d5cde15f264686f7fd73a7b87ccd', name: 'trigger' }), h("div", { key: '8844ddbae4ed6838a587d8fb5d6934a6a1256fd9', class: popover({
+        return (h(ThemedHost, { key: 'd6eed2d0ae314f5bc0c956df0360c7c3affe5349', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '68a50b13f23fbb9ff40b83d6a1f1cbad56a12add', name: 'trigger' }), h("div", { key: '6d4726e4663fe88a8758485c55ee003fca9e9c59', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '9208654323a754e60590244b870f9ea7fd289c9c', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'c7e8206132b51ea968422e2f1257760d4bc9c139', class: '\n\t\t\t\t\t\t\t\t\tw-[2px] bg-negative-red-500\n\t\t\t\t\t\t\t\t\tdark:bg-negative-red-alternative\n\t\t\t\t\t\t\t\t' })), this.content ?? h("slot", { key: '64f23442ceda6608de90f93a4bad66799aabe99e', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '9ded5ee86411c2d35b3ef4b75894740b5a9db814', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'fe330950d9662c415e99d1594581c096b5210cd7', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '9ec941819d62d3fcca4edf9262d704644fb0f294', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -1 +1 @@
-.block{display:block}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static}.flex{display:flex}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.empty\:hidden:empty{display:none}.peer:empty~.peer-empty\:block{display:block}.dark\:border-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\:border-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.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\:border-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\:border-white\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+.block{display:block}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static}.flex{display:flex}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.empty\:hidden:empty{display:none}.peer:empty~.peer-empty\:block{display:block}@media (min-width:64rem){.desktop-xs\:hidden{display:none}}.dark\:border-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\:border-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.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\:border-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\:border-white\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -15,13 +15,13 @@ const attachment = cva([
         },
         error: {
             false: `
-					border-storm-100
-					dark:border-white/15
-				`,
+      border-storm-100
+      dark:border-white/15
+    `,
             true: `
-					border-negative-red-500
-					dark:border-negative-red-alternative
-				`,
+      border-negative-red-500
+      dark:border-negative-red-alternative
+    `,
         },
     },
 });
@@ -101,28 +101,28 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: 'cc327415dc0d6de0967cddb563fc417bd78af2f3', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'ff0d8b84e7b9a7dd184912d9689bcb8eca336c27', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: 'c20b361f815efca9928bafeb0b5eab60e2830bb0', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: 'edafa66b2cd94083d4b14f3bb0c4cf1a956db04f', class: 'text-negative-red-500', variant: 'warning' }));
         }
         // 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: 'dcc1e7fbeb6aa6ceef0610c8fff436b2641af5d7' }, h("p-field-container", { key: '66b186c6eee7b0df69204e008e7e2243142a9301', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '683a40b654dbec48a55c097dac7f8acfe4a2159b', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'e2ae465c9a6b163ec73c3b88fbff634da114b839', class: attachment({
+        return (h(Fragment, { key: 'b2d624708b9d8ca28de78dd54fe9cc8eeeecb549' }, h("p-field-container", { key: '07fffd5b21f0ac93ed152759ab84a389aee3e34e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '69ecea8f62871917c241518f6890d9bbd70839cf', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '46e0bd7eda892914725c6f742fe0c1f2ccc93834', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '88e0c6c7d36186662707faf84f65cedccdcf1a84', class: cn(baseText, `
-										peer
-										empty:hidden
-										dark:text-white
-									`) }, this.value), h("span", { key: '9fa0dd09def9689c3af702927c614e4ed26ac130', class: cn(baseText, `
-										hidden
-										peer-empty:block
-									`) }, this.placeholder)), h("p-tooltip", { key: '4486a1597848b23734f274fdd1cea2ff5be351c3', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '0bee81f6c2a114113f6f7910e243d6f96dd158b1', class: cn(baseText, `
+           peer
+           empty:hidden
+           dark:text-white
+         `) }, this.value), h("span", { key: '0ca55b4c5565663a1523fb23318e061413ab7024', class: cn(baseText, `
+           hidden
+           peer-empty:block
+         `) }, this.placeholder)), h("p-tooltip", { key: '9e96a2663671403a3a81571732af88e49df30749', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'b232985c76b2936f7ce2635c7faa0274e131d8cb', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '99cf07323a901392dd3049a43ed61b3f3c074483', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -133,7 +133,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '4fd090e9d477fdfb945b623ae33b17a5ce4cbdf5', class: '\n\t\t\t\t\t\t\t\t\t\tw-8\n\t\t\t\t\t\t\t\t\t\tdesktop-xs:hidden\n\t\t\t\t\t\t\t\t\t', content: this.cameraTooltip }, h("p-button", { key: 'b7de4841c88840f1a0d2ce4815de484e889757d6', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '2131b0d8a5f1f563542a83a03644b179c54658d4', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '032186916dbbc8481354e044765124b0ff9e887c', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '6e152a4fd9c5c9b3abb5e0f53fc100a0a2d09901', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: '1337d04a24c9b1b6ed2d8b5d72e3765ca9f6a0cb', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'bcf332bfadc788d74e76918043bf6ac4e2970270', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a3f7befdf02a4ed11d90bb3595bc37e678908ad0', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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

@@ -150,24 +150,24 @@ const button = cva([
             disabled: false,
             error: false,
             class: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             variant: 'primary',
             class: `
-					dark:border-0
-					dark:active:border-0
-				`,
+      dark:border-0
+      dark:active:border-0
+    `,
         },
         {
             variant: 'primary',
             disabled: true,
             class: `
-					bg-indigo-200
-					dark:bg-indigo-600/30 dark:text-white/30
-				`,
+      bg-indigo-200
+      dark:bg-indigo-600/30 dark:text-white/30
+    `,
         },
         {
             variant: 'primary',
@@ -180,14 +180,14 @@ const button = cva([
             loading: false,
             class: [
                 `
-						active:border-storm-500/10 active:text-white/60 active:ring-2
-						dark:active:ring-0
-					`,
+       active:border-storm-500/10 active:text-white/60 active:ring-2
+       dark:active:ring-0
+     `,
                 `
-						drop-shadow-primary-button
-						hover:bg-indigo-700 hover:drop-shadow-2
-						active:ring-indigo-100
-					`,
+       drop-shadow-primary-button
+       hover:bg-indigo-700 hover:drop-shadow-2
+       active:ring-indigo-100
+     `,
             ],
         },
         {
@@ -208,17 +208,17 @@ const button = cva([
             variant: ['secondary', 'dropdown'],
             disabled: true,
             class: `
-					border bg-white-600 text-storm-100
-					dark:border-white/5 dark:bg-white/5 dark:text-hurricane-400
-				`,
+      border bg-white-600 text-storm-100
+      dark:border-white/5 dark:bg-white/5 dark:text-hurricane-400
+    `,
         },
         {
             variant: ['secondary', 'dropdown'],
             disabled: false,
             class: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             variant: ['secondary', 'dropdown'],
@@ -226,14 +226,14 @@ const button = cva([
             loading: false,
             class: [
                 `
-						drop-shadow-1
-						hover:bg-white-600 hover:drop-shadow-1
-						active:text-storm-500/60 active:ring-indigo-100
-					`,
+       drop-shadow-1
+       hover:bg-white-600 hover:drop-shadow-1
+       active:text-storm-500/60 active:ring-indigo-100
+     `,
                 `
-						dark:hover:bg-white/25
-						dark:active:bg-white/25 dark:active:text-white/60 dark:active:ring-0
-					`,
+       dark:hover:bg-white/25
+       dark:active:bg-white/25 dark:active:text-white/60 dark:active:ring-0
+     `,
             ],
         },
         {
@@ -260,9 +260,9 @@ const button = cva([
             active: false,
             class: [
                 `
-						border-storm-500/20
-						dark:border-transparent
-					`,
+       border-storm-500/20
+       dark:border-transparent
+     `,
             ],
         },
         {
@@ -270,23 +270,23 @@ const button = cva([
             error: true,
             class: [
                 `
-						border border-negative-red-500 text-negative-red-800 ring ring-2
-						ring-negative-red-50
-						active:text-negative-red-800
-					`,
+       border border-negative-red-500 text-negative-red-800 ring ring-2
+       ring-negative-red-50
+       active:text-negative-red-800
+     `,
                 `
-						dark:border-negative-red-700 dark:text-negative-red-alternative
-						dark:ring-0
-					`,
+       dark:border-negative-red-700 dark:text-negative-red-alternative
+       dark:ring-0
+     `,
             ],
         },
         {
             variant: ['text', 'transparent'],
             disabled: false,
             class: `
-					text-indigo-700
-					hover:text-indigo-800
-				`,
+      text-indigo-700
+      hover:text-indigo-800
+    `,
         },
         {
             variant: ['text', 'transparent'],
@@ -376,10 +376,10 @@ const icon = cva([], {
             active: false,
             error: false,
             class: `
-				text-indigo-300
-				group-hover/button:text-white
-				group-active/button:text-white/60
-			`,
+     text-indigo-300
+     group-hover/button:text-white
+     group-active/button:text-white/60
+   `,
         },
         {
             variant: 'primary',
@@ -394,14 +394,14 @@ const icon = cva([], {
             error: false,
             class: [
                 `
-					text-storm-300
-					group-hover/button:text-storm-500
-					group-active/button:text-storm-500/60
-				`,
+      text-storm-300
+      group-hover/button:text-storm-500
+      group-active/button:text-storm-500/60
+    `,
                 `
-					dark:group-hover/button:text-white
-					dark:group-active/button:text-white/60
-				`,
+      dark:group-hover/button:text-white
+      dark:group-active/button:text-white/60
+    `,
             ],
         },
         {
@@ -426,29 +426,29 @@ const icon = cva([], {
             active: true,
             error: false,
             class: `
-				text-storm-500/60
-				dark:text-white/60
-			`,
+     text-storm-500/60
+     dark:text-white/60
+   `,
         },
         {
             variant: ['transparent', 'text'],
             disabled: false,
             active: false,
             class: `
-				text-indigo-500
-				group-hover/button:text-indigo-700
-				group-active/button:text-indigo-800
-			`,
+     text-indigo-500
+     group-hover/button:text-indigo-700
+     group-active/button:text-indigo-800
+   `,
         },
         {
             variant: ['secondary', 'dropdown'],
             active: false,
             error: true,
             class: `
-				text-negative-red-500
-				group-hover/button:text-negative-red-800
-				dark:text-negative-red-alternative
-			`,
+     text-negative-red-500
+     group-hover/button:text-negative-red-800
+     dark:text-negative-red-alternative
+   `,
         },
         {
             variant: ['secondary', 'dropdown'],
@@ -579,7 +579,7 @@ export class Button {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(ThemedHost, { key: 'c0fe856fcd5ab189c559abf555a4a21da109f7c1', class: hostClass }, h(VariableTag, { key: '8aac63ae1180877e1353bf4c07fcc7316d51c486', class: button({
+        return (h(ThemedHost, { key: '96d79703fdd577fadf843e31db00fc39c7a0f60b', class: hostClass }, h(VariableTag, { key: 'b61672659ecbd461e3ee99ac8288f90fddc9f2e1', class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean(this.loading),
@@ -589,14 +589,14 @@ export class Button {
                 active,
                 error: asBoolean(this.error),
                 underline: asBoolean(this.underline) && VariableTag === 'a',
-            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '5c421fb3f9870651653785d0e2122679d62d0a7b', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
+            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '53ad0547df945a2055d9d9a8e9a4e32f8b4474d6', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), this.label ?? h("slot", { key: '2094a7c2cc5723121825f12c5d39e25c36a963a7' }), this.icon &&
+            this._getIcon(), this.label ?? h("slot", { key: '59dc0d14a430e8e47fa46752025d76c0848bcbc4' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'ff2e2cf61ec457c79199bc3fee6eaf45e661e1b0', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: '6865b26534efb4d475a725b41afb046b42817087', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '5e1c8d2f5781900af5ff53b565f7904a42df2c23', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: 'a760f9a6c098b0857225acd689bda1824021455a', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

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

@@ -17,9 +17,9 @@ const header = cva([
     'flex items-center gap-2',
     'w-full rounded-lg p-2',
     `
-			bg-off-white-300
-			dark:bg-white/15
-		`,
+    bg-off-white-300
+    dark:bg-white/15
+  `,
 ], {
     variants: {
         type: {
@@ -189,7 +189,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'c84fae4629bc69e0cb42c7fcaa37237d3244509e' }, h("div", { key: 'e2759c9e4f9857534b2c050c09ae7e7319f073ad', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '396e1c7059b24d8aec57317d839f448be1e37f26' }, h("div", { key: '9030d30aa2fbd06919ec711c01f135ef35c5d7f6', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {
@@ -223,13 +223,13 @@ export class Calendar {
         return (h("div", { class: view({ view: 'day' }) }, this._getHeader('day'), h("div", { class: 'grid grid-cols-7 justify-between gap-1' }, this._weekDays.map(weekday => (h("span", { class: 'w-8 text-center text-xs text-storm-200' }, format(addDays(new Date(2022, 7, 1), weekday), state.locale === 'nl' ? 'EEEEEE' : 'eee', {
             locale: state.locale === 'nl' ? nl : enUS,
         })))), daysInMonth.map(day => day.active ? (h("p-button", { class: cn('w-8', `
-										col-start-${day.offset}
-									`), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (h("time", { class: cn('normal flex items-center justify-center rounded-lg', 'h-8 w-8 text-sm font-semibold', 'text-storm-300', 'dark:bg-white/15', {
+           col-start-${day.offset}
+         `), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (h("time", { class: cn('normal flex items-center justify-center rounded-lg', 'h-8 w-8 text-sm font-semibold', 'text-storm-300', 'dark:bg-white/15', {
                 'cursor-pointer hover:bg-white-600 hover:text-storm-500 dark:text-white dark:hover:bg-hurricane-300 dark:hover:text-white': !day.disabled,
                 'dark:text-hurricane-200': day.disabled,
             }, `
-										col-start-${day.offset}
-									`, { 'cursor-not-allowed opacity-60': day.disabled }, {
+           col-start-${day.offset}
+         `, { 'cursor-not-allowed opacity-60': day.disabled }, {
                 'border border-solid border-off-white-700 bg-off-white-300 text-storm-500 dark:border-none dark:bg-hurricane-200 dark:text-white': !day.disabled && isSameDay(day.date, new Date()),
             }), onClick: () => this._setValue(day.date) }, day.day))))));
     }

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

@@ -47,19 +47,19 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'ced2d428e5bb5831898a3092ea2f0d7b9802ef02', class: 'p-content-slider' }, h("div", { key: '3ca653a9fa8645adf7c72d163c8af0b7824b01f6', class: `
-						slider
-						${!this.disableDrag && 'draggable'}
-						${this._dragging && 'dragging'}
-					`, ref: el => (this._sliderRef = el), style: {
+        return (h(Host, { key: 'ced2d428e5bb5831898a3092ea2f0d7b9802ef02', class: 'p-content-slider' }, h("div", { key: 'e3dfda6e2643f979be7d68b908dd282c94c39b1d', class: `
+       slider
+       ${!this.disableDrag && 'draggable'}
+       ${this._dragging && 'dragging'}
+     `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '0851691fb6ac28cf5de7ec52f5825fefb806dd90', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '3ad03b0e3026b57af0421db764aec45e7bd8de2e', onSlotchange: () => this._slotChange() }))), h("div", { key: 'fef7a983d1618ed3aabe65a768df7be78ad69b44', class: `
-						indicator
-						${this.hideMobileIndicator && 'hidden'}
-					` }, this._filteredItems.map((_, i) => (h("div", { class: `
-								item
-								${!this.disableIndicatorClick && 'cursor-pointer'}
-							`, onClick: () => this._scrollTo(i, true) }, h("div", { class: cn('block h-2 w-2 rounded-full', {
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: 'cfef628f79dd457341ff316119afe53386585fd4', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '08496344b73b4fb1c84d0df7e53d01b83c54a01c', onSlotchange: () => this._slotChange() }))), h("div", { key: '1f058ce1a871ce924a19e5f03733087b347fe7dc', class: `
+       indicator
+       ${this.hideMobileIndicator && 'hidden'}
+     ` }, this._filteredItems.map((_, i) => (h("div", { class: `
+         item
+         ${!this.disableIndicatorClick && 'cursor-pointer'}
+       `, onClick: () => this._scrollTo(i, true) }, h("div", { class: cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

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

@@ -1 +1 @@
-.mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\:px-1{padding-left:.25rem;padding-right:.25rem}}
+.mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.h-\[17\.5rem\]{height:17.5rem}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\:max-w-xs{max-width:20rem}.tablet\:px-1{padding-left:.25rem;padding-right:.25rem}}.dark\:border-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}.dark\:border-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}