@paperless/core 3.0.2 → 3.1.0

package/dist/esm/p-calendar.entry.js

@@ -8,18 +8,21 @@ import './clsx-ChV9xqsO.js';
 
 const calendarComponentCss = () => `*{box-sizing:border-box}.static{position:static}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[15rem\\]{max-height:15rem}.min-h-\\[12rem\\]{min-height:12rem}.min-h-\\[15rem\\]{min-height:15rem}.w-8{width:2rem}.w-\\[17\\.5rem\\]{width:17.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-scroll{overflow:scroll}.rounded-lg{border-radius:.5rem}.border{border-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))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-200,.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-white-600:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:border-none:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:none}.dark\\:bg-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.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\\:hover\\:bg-hurricane-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover: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-none:where([data-theme=dark],[data-theme=dark] *){border-style:none}.dark\\:bg-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.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))}.dark\\:hover\\:bg-hurricane-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const calendar = cva(['w-[17.5rem] flex flex-col gap-4'], {
+const calendar = cva(['flex w-[17.5rem] flex-col gap-4'], {
     variants: {
         variant: {
-            default: ['p-2 rounded-lg drop-shadow-2', 'border border-storm-100'],
+            default: ['rounded-lg p-2 drop-shadow-2', 'border border-storm-100'],
             embedded: 'p-1',
         },
     },
 });
 const header = cva([
     'flex items-center gap-2',
-    'w-full p-2 rounded-lg',
-    'bg-off-white-300 dark:bg-white/15',
+    'w-full rounded-lg p-2',
+    `
+    bg-off-white-300
+    dark:bg-white/15
+  `,
 ], {
     variants: {
         type: {
@@ -193,7 +196,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '579b8140d5697bdc7fb1dd76017773d313e466eb' }, h("div", { key: 'e642635da9ec396325e0f1829860bc14e6231463', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: 'f15ea9c031af444ef0d1679b88baf45d554fea8b' }, h("div", { key: 'ffd0b34ea60681b58a5ca1e75ae81bd4209a442f', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && dateFnsExports.isAfter(this._today, this._maxDate)) {
@@ -226,10 +229,14 @@ const Calendar = class {
         const daysInMonth = this._generateDaysInMonth();
         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' }, dateFnsExports.format(dateFnsExports.addDays(new Date(2022, 7, 1), weekday), state.locale === 'nl' ? 'EEEEEE' : 'eee', {
             locale: state.locale === 'nl' ? localeExports.nl : localeExports.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', {
+        })))), 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', {
                 '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 && dateFnsExports.isSameDay(day.date, new Date()),
             }), onClick: () => this._setValue(day.date) }, day.day))))));
     }

package/dist/esm/p-card-container.entry.js

@@ -26,14 +26,24 @@ const cardContainerComponentCss = () => `.inline-block{display:inline-block}*{bo
 // 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: {
@@ -93,13 +103,13 @@ const CardContainer = class {
      */
     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' }))));
     }
 };
 CardContainer.style = cardContainerComponentCss();

package/dist/esm/p-card-header.entry.js

@@ -7,7 +7,7 @@ import './state-BJbOyUuL.js';
 
 const cardHeaderComponentCss = () => `*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[-1\\]{z-index:-1}.z-\\[1\\]{z-index:1}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[5\\/1\\]{aspect-ratio:5/1}.h-8{height:2rem}.h-full{height:100%}.max-h-\\[6\\.25rem\\]{max-height:6.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.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-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/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\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){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-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/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))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}`;
 
-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',
@@ -23,7 +23,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
+ `);
 const CardHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -57,7 +60,7 @@ const CardHeader = class {
                 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' }))))));
     }
 };
 CardHeader.style = cardHeaderComponentCss();

package/dist/esm/p-checkbox_3.entry.js

@@ -12,45 +12,79 @@ import './state-BJbOyUuL.js';
 const checkboxComponentCss = () => `*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.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}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.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-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))}.text-xs{font-size:.75rem;line-height:1rem}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04));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)}.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))}.indeterminate\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:bg-indigo-600:indeterminate{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.indeterminate\\:ring-2:indeterminate{--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)}.indeterminate\\:ring-indigo-100:indeterminate{--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))}.indeterminate\\:hover\\:border-storm-500\\/20:hover:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:hover\\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem;line-height:1.25rem}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:flex{display:flex}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex}.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\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-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\\: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)}.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\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.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)}`;
 
 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,
         },
     },
@@ -114,13 +148,13 @@ const Checkbox = class {
     }
     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) {
@@ -424,19 +458,19 @@ const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static
 const dropdownMenuContainer = cva([
     'p-dropdown-menu-container',
     'p-1',
-    'rounded-lg z-10',
+    'z-10 rounded-lg',
     'border',
     'transform-gpu will-change-transform',
 ], {
     variants: {
         variant: {
             default: [
-                'bg-white border-storm-100 drop-shadow-2',
-                'dark:bg-hurricane-400 dark:border-transparent',
+                'border-storm-100 bg-white drop-shadow-2',
+                'dark:border-transparent dark:bg-hurricane-400',
             ],
             storm: [
-                'bg-storm-400 drop-shadow-3 border-storm-400',
-                'dark:bg-white dark:border-white/60 dark:border-storm-100',
+                'border-storm-400 bg-storm-400 drop-shadow-3',
+                'dark:border-storm-100 dark:border-white/60 dark:bg-white',
             ],
         },
         fullWidth: {
@@ -456,7 +490,7 @@ const dropdownMenuContainer = cva([
         },
     ],
 });
-const innerContainer = cva('w-full min-h-full relative', {
+const innerContainer = cva('relative min-h-full w-full', {
     variants: {
         allowOverflow: {
             false: 'overflow-y-auto overflow-x-hidden',

package/dist/esm/p-content-slider.entry.js

@@ -51,9 +51,19 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (h(Host, { key: '82853208f8862b3485a5a00b0c9c4f6986ea92ea', class: 'p-content-slider' }, h("div", { key: '3250c367ac25464a769c43d4093df28dbff8085d', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, ref: el => (this._sliderRef = el), style: {
+        return (h(Host, { key: '82853208f8862b3485a5a00b0c9c4f6986ea92ea', class: 'p-content-slider' }, h("div", { key: 'c06c9b5385f6fe2d69b17415ed46fc78fc8be5ae', 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: 'cb82eacdfc02898e9eeaff865b5e7fa7da69a2f9', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'e6e5636ba8ed11665e0d623bcffb8a53bba03908', onSlotchange: () => this._slotChange() }))), h("div", { key: '9d596407cda3aaa5cbae5c0a0a19209623627edd', 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: '5dfdd1adee4730a98789496e923c5ec6e3a8eb9c', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'd1557d4fa4336b8f01d7039a3b6e1fb9c65716f9', onSlotchange: () => this._slotChange() }))), h("div", { key: '1bf3e7c46755f0f85fc6fa573bd04ee43bd0752d', 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/esm/p-cropper.entry.js

@@ -2846,7 +2846,7 @@ const Cropper = class {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: 'dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7' }, this._loaded && (h("cropper-canvas", { key: 'cb359d80b35eae4aa2e58c75bed8ccd5a15b2df2', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '8a96ad1f1f11adc4a8291a1376f329af52c3d920', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '1b375fe73b98ec31776ba4762e10781a1c33117b', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'ae41c83bf91f714beb89b79998c2636ffe837f51', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '45148a814f6b3d1f04e94c0a8ee756b31d6dc7cb', action: 'move', plain: true }))), h("p-range", { key: 'b215e5dfc3aea8cae98d85dc590436a52c667c28', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: 'dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7' }, this._loaded && (h("cropper-canvas", { key: '69757749ad6d01c41e7aca2e8f21c693666e98fe', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '07b78454e15277f87160a6832c4fed1bbbfb08c1', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'e1784c618c68dac7a8311f8d7e93666c5d3b3611', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '2348efb74b1bf52ee4fab7157d32bb1dfe523430', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '45f943c9eefaf4312bd20ca8f4d089a5a0ece738', action: 'move', plain: true }))), h("p-range", { key: 'c96960f209547ddef6cd66a4ee9981d96901d0f0', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

package/dist/esm/p-datepicker.entry.js

@@ -219,7 +219,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: 'c65daeff45afabeefa654b8d033a40d9fda5b4e2', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '09aaa8a320e9a1852171aa59054a9b269667addb', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'f63ca80f15e52a5824a51e997f7b45664104a196', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', max: this.maxDate &&
+        return (h("p-dropdown", { key: 'c65daeff45afabeefa654b8d033a40d9fda5b4e2', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '09aaa8a320e9a1852171aa59054a9b269667addb', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '5d3bc6559f556f4965bfbdf5789691e1aebac89b', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
                 }), min: this._minDate &&
@@ -228,7 +228,7 @@ const Datepicker = class {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 dateFnsExports.format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: 'f57a7045507cc0bf0bb2ae070258c0d4ed1af81f', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '469d4b2a4c2972a0bfb621d85a67fb3d8c3c3e83', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '360edd69e71e6f308aea157491d3612bb3ea095f', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '0f1545e528dbf99bf47e3dc48d866d56522caae3', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/esm/p-divider.entry.js

@@ -9,14 +9,36 @@ const dividerComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-conten
 
 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',
@@ -40,12 +62,12 @@ const Divider = class {
     get _el() { return getElement(this); }
     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' })))));
     }
 };
 Divider.style = dividerComponentCss();

package/dist/esm/p-drawer-body_3.entry.js

@@ -20,10 +20,17 @@ DrawerBody.style = drawerBodyComponentCss();
 const drawerContainerComponentCss = () => `.flex{display:flex}.min-h-full{min-height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.px-2{padding-left:.5rem;padding-right:.5rem}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto}}.static{position:static}.z-drawer{z-index:500}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards}.rounded-2xl{border-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem);margin-top:calc(env(safe-area-inset-top) + .5rem)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}`;
 
 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: {
@@ -42,9 +49,9 @@ const DrawerContainer = class {
      */
     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' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss();
@@ -52,14 +59,20 @@ DrawerContainer.style = drawerContainerComponentCss();
 const drawerHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.size-8{height:2rem;width:2rem}.min-h-12{min-height:3rem}.min-h-18{min-height:4.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/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\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/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))}`;
 
 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
+ `,
 ]);
 const DrawerHeader = class {
     constructor(hostRef) {
@@ -75,7 +88,7 @@ const DrawerHeader = class {
      */
     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' }))));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss();