@paperless/core 3.0.2 → 3.1.0

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

@@ -88,7 +88,7 @@ const button = index$1.cva([
             primary: ['border-storm-500/20', 'text-white'],
             secondary: null,
             text: 'border-0',
-            transparent: 'bg-transparent border-transparent',
+            transparent: 'border-transparent bg-transparent',
             dropdown: null,
         },
         active: {
@@ -104,9 +104,9 @@ const button = index$1.cva([
             false: null,
         },
         size: {
-            sm: ['text-xs h-6 gap-1'],
-            base: ['text-sm h-8 gap-2'],
-            lg: ['text-base h-10 gap-2'],
+            sm: ['h-6 gap-1 text-xs'],
+            base: ['h-8 gap-2 text-sm'],
+            lg: ['h-10 gap-2 text-base'],
         },
         disabled: {
             true: 'cursor-not-allowed border-transparent',
@@ -131,7 +131,7 @@ const button = index$1.cva([
         // variants
         {
             variant: ['secondary', 'dropdown'],
-            class: 'bg-white dark:bg-white/15',
+            class: ['bg-white', 'dark:bg-white/15'],
         },
         {
             variant: ['primary', 'secondary', 'dropdown'],
@@ -157,16 +157,25 @@ const button = index$1.cva([
             variant: ['secondary', 'dropdown'],
             disabled: false,
             error: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             variant: 'primary',
-            class: 'dark:border-0 dark:active:border-0',
+            class: `
+      dark:border-0
+      dark:active:border-0
+    `,
         },
         {
             variant: 'primary',
             disabled: true,
-            class: 'bg-indigo-200 dark:bg-indigo-600/30 dark:text-white/30',
+            class: `
+      bg-indigo-200
+      dark:bg-indigo-600/30 dark:text-white/30
+    `,
         },
         {
             variant: 'primary',
@@ -178,8 +187,15 @@ const button = index$1.cva([
             disabled: false,
             loading: false,
             class: [
-                'active:border-storm-500/10 dark:active:ring-0 active:ring-2 active:text-white/60',
-                'drop-shadow-primary-button hover:drop-shadow-2 hover:bg-indigo-700 active:ring-indigo-100',
+                `
+       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
+     `,
             ],
         },
         {
@@ -187,7 +203,7 @@ const button = index$1.cva([
             disabled: false,
             loading: false,
             active: true,
-            class: 'ring ring-2',
+            class: 'ring-2',
         },
         {
             variant: 'primary',
@@ -199,20 +215,33 @@ const button = index$1.cva([
         {
             variant: ['secondary', 'dropdown'],
             disabled: true,
-            class: 'border bg-white-600 text-storm-100 dark:bg-white/5 dark:border-white/5 dark:text-hurricane-400',
+            class: `
+      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',
+            class: `
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             variant: ['secondary', 'dropdown'],
             disabled: false,
             loading: false,
             class: [
-                'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:ring-indigo-100 active:text-storm-500/60',
-                'dark:hover:bg-white/25 dark:active:bg-white/25 dark:active:ring-0 dark:active:text-white/60',
+                `
+       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
+     `,
             ],
         },
         {
@@ -237,20 +266,35 @@ const button = index$1.cva([
             variant: ['secondary', 'dropdown'],
             error: false,
             active: false,
-            class: ['border-storm-500/20 dark:border-transparent'],
+            class: [
+                `
+       border-storm-500/20
+       dark:border-transparent
+     `,
+            ],
         },
         {
             variant: ['secondary', 'dropdown'],
             error: true,
             class: [
-                'border border-negative-red-500 text-negative-red-800 ring ring-2 ring-negative-red-50  active:text-negative-red-800',
-                'dark:ring-0 dark:border-negative-red-700 dark:text-negative-red-alternative',
+                `
+       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
+     `,
             ],
         },
         {
             variant: ['text', 'transparent'],
             disabled: false,
-            class: 'text-indigo-700 hover:text-indigo-800',
+            class: `
+      text-indigo-700
+      hover:text-indigo-800
+    `,
         },
         {
             variant: ['text', 'transparent'],
@@ -339,7 +383,11 @@ const icon$1 = index$1.cva([], {
             disabled: false,
             active: false,
             error: false,
-            class: 'text-indigo-300 group-hover/button:text-white group-active/button:text-white/60',
+            class: `
+     text-indigo-300
+     group-hover/button:text-white
+     group-active/button:text-white/60
+   `,
         },
         {
             variant: 'primary',
@@ -353,8 +401,15 @@ const icon$1 = index$1.cva([], {
             active: false,
             error: false,
             class: [
-                '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',
+                `
+      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
+    `,
             ],
         },
         {
@@ -378,19 +433,30 @@ const icon$1 = index$1.cva([], {
             disabled: false,
             active: true,
             error: false,
-            class: 'text-storm-500/60 dark:text-white/60',
+            class: `
+     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',
+            class: `
+     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',
+            class: `
+     text-negative-red-500
+     group-hover/button:text-negative-red-800
+     dark:text-negative-red-alternative
+   `,
         },
         {
             variant: ['secondary', 'dropdown'],
@@ -525,7 +591,7 @@ const Button = class {
             : 'button';
         const hostClass = cn.cn('p-button inline-block', this.class);
         const active = asBoolean.asBoolean(this.active) || hostClass?.includes('active');
-        return (index.h(themedHost_component.ThemedHost, { key: '7452fa765b24901c77a8ed76278994150ba11acf', class: hostClass }, index.h(VariableTag, { key: '9f0d18fb8068bb01f0dd5d844aa322c1effccb9b', class: button({
+        return (index.h(themedHost_component.ThemedHost, { key: '96d79703fdd577fadf843e31db00fc39c7a0f60b', class: hostClass }, index.h(VariableTag, { key: 'b61672659ecbd461e3ee99ac8288f90fddc9f2e1', class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean.asBoolean(this.loading),
@@ -535,14 +601,14 @@ const Button = class {
                 active,
                 error: asBoolean.asBoolean(this.error),
                 underline: asBoolean.asBoolean(this.underline) && VariableTag === 'a',
-            }), disabled: asBoolean.asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (index.h("p-icon", { key: 'c838235c3411be17231b10e8fcca992f62d89afe', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
+            }), disabled: asBoolean.asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (index.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 ?? index.h("slot", { key: '96401595325aecdfb14c77b5dce103a67d4d8da8' }), this.icon &&
+            this._getIcon(), this.label ?? index.h("slot", { key: '59dc0d14a430e8e47fa46752025d76c0848bcbc4' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (index.h("p-icon", { key: 'b543d3ca7e0253c71e93d6736a1a99a69d156fe0', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && index.h("p-loader", { key: 'f655d54d167b02f7e546962f182e61b3cec77ccc', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (index.h("p-icon", { key: '5e1c8d2f5781900af5ff53b565f7904a42df2c23', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && index.h("p-loader", { key: 'a760f9a6c098b0857225acd689bda1824021455a', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -682,11 +748,17 @@ const Loader = class {
         if (this.variant === 'ghost') {
             return (index.h(themedHost_component.ThemedHost, { class: 'variant-ghost min-h-4 min-w-4 rounded-2xl' }));
         }
-        const loader = index.h("div", { class: `loader color-${this.color}` });
+        const loader = (index.h("div", { class: `
+      loader
+      color-${this.color}
+    ` }));
         if (this.variant === 'full-screen') {
             return (index.h(themedHost_component.ThemedHost, { class: 'variant-full-screen' }, index.h("div", { class: 'loading-screen' }, index.h("div", { class: 'content' }, index.h("slot", null)))));
         }
-        return (index.h(themedHost_component.ThemedHost, { class: `variant-default flex ${this.variant === 'full-width' && 'flex w-full justify-center text-4xl'}` }, loader));
+        return (index.h(themedHost_component.ThemedHost, { class: `
+      variant-default flex
+      ${this.variant === 'full-width' && 'w-full justify-center text-4xl'}
+    ` }, loader));
     }
     _checkShow() {
         if (this._showSubscriber) {

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

@@ -10,18 +10,21 @@ require('./clsx-BtxeOLZW.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 = index$1.cva(['w-[17.5rem] flex flex-col gap-4'], {
+const calendar = index$1.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 = index$1.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: {
@@ -195,7 +198,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '579b8140d5697bdc7fb1dd76017773d313e466eb' }, index.h("div", { key: 'e642635da9ec396325e0f1829860bc14e6231463', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (index.h(themedHost_component.ThemedHost, { key: 'f15ea9c031af444ef0d1679b88baf45d554fea8b' }, index.h("div", { key: 'ffd0b34ea60681b58a5ca1e75ae81bd4209a442f', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && locale.dateFnsExports.isAfter(this._today, this._maxDate)) {
@@ -228,10 +231,14 @@ const Calendar = class {
         const daysInMonth = this._generateDaysInMonth();
         return (index.h("div", { class: view({ view: 'day' }) }, this._getHeader('day'), index.h("div", { class: 'grid grid-cols-7 justify-between gap-1' }, this._weekDays.map(weekday => (index.h("span", { class: 'w-8 text-center text-xs text-storm-200' }, locale.dateFnsExports.format(locale.dateFnsExports.addDays(new Date(2022, 7, 1), weekday), state.state.locale === 'nl' ? 'EEEEEE' : 'eee', {
             locale: state.state.locale === 'nl' ? locale.localeExports.nl : locale.localeExports.enUS,
-        })))), daysInMonth.map(day => day.active ? (index.h("p-button", { class: cn.cn('w-8', `col-start-${day.offset}`), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (index.h("time", { class: cn.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 ? (index.h("p-button", { class: cn.cn('w-8', `
+           col-start-${day.offset}
+         `), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (index.h("time", { class: cn.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 && locale.dateFnsExports.isSameDay(day.date, new Date()),
             }), onClick: () => this._setValue(day.date) }, day.day))))));
     }

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

@@ -28,14 +28,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 = index$1.cva(['flex flex-col w-inherit h-inherit transition', 'rounded-2xl'], {
+const container = index$1.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: {
@@ -95,13 +105,13 @@ const CardContainer = class {
      */
     border = true;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '988b3544492dfd87aad3b35b179f585f0c95000d' }, index.h("div", { key: '31fee6e19c71534cd3b1dcd8ce35731f2ca372c0', class: cn.cn(container({
+        return (index.h(themedHost_component.ThemedHost, { key: 'a38d44ea64514da47c620cf3ea4715a764a09774' }, index.h("div", { key: '4311d4de38c82349896e47ef2a45734505c54890', class: cn.cn(container({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active, false),
                 hoverable: asBoolean.asBoolean(this.hoverable, false),
                 shadow: asBoolean.asBoolean(this.shadow, true),
                 border: asBoolean.asBoolean(this.border),
-            }), this.bgClass) }, index.h("slot", { key: 'ac3d7abeea89dba1f48d7aef0c76c18c3249d9f1' }))));
+            }), this.bgClass) }, index.h("slot", { key: '55798f8cdab816bf4eb64464006a5069fe33dfe6' }))));
     }
 };
 CardContainer.style = cardContainerComponentCss();

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

@@ -9,7 +9,7 @@ require('./state-DM8SZBNO.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 = index$1.cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
+const header = index$1.cva(`relative z-[1] inline-flex w-full flex-col justify-start rounded-t-2xl`, {
     variants: {
         variant: {
             default: 'px-4',
@@ -25,7 +25,10 @@ const content = index$1.cva('flex items-center gap-2', {
         },
     },
 });
-const title = index$1.cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500 dark:text-white');
+const title = index$1.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) {
         index.registerInstance(this, hostRef);
@@ -59,7 +62,7 @@ const CardHeader = class {
                 variant: this.variant,
             }) }, index.h("div", { key: '3d56078ea79fdcb81461437dd3b8c66f712a5cef', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (index.h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: 'e22fd58249b94c1824bfa82cb367bf780a5b99b7', class: title() }, index.h("span", { key: '5de7e320dd84436f9de735f503cae3cbab37b1d7', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: 'eb9e59d3d09f5e7488128d2ddb33d40f3724252e', name: 'content-suffix' })), index.h("div", { key: '934928145118a42aeef1008317c88a503bd58fe8', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, index.h("slot", { key: '915ac41cb6bf6e56bde59d61b8a9601e2c402094', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && (index.h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (index.h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, index.h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (index.h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: '005f43cba3bfe99a983662f0bfb7d6c5429cef5d', class: title() }, index.h("span", { key: '1fc8a26b87fc27bc6d51031bde168b9a1ab3e395', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: '0afc16e030c057789bbbf3ef3649d81c7721dfa6', name: 'content-suffix' })), index.h("div", { key: 'e8e336a47953c3a6f11434622aa221e9295d4592', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, index.h("slot", { key: 'b0aec6d332a4109cb91fae4c5b75945486c1b91c', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && (index.h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (index.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       ' }, index.h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
 };
 CardHeader.style = cardHeaderComponentCss();

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

@@ -14,45 +14,79 @@ require('./state-DM8SZBNO.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 = index$1.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 = index$1.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 = index$1.cva(['drop-shadow-2 text-xs'], {
+const icon = index$1.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,
         },
     },
@@ -116,13 +150,13 @@ const Checkbox = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '03c9bf5aa440371b96bec78c7485c3e6269e3912' }, index.h("label", { key: '2b6622d4b6fa53b9b655408f6f5f309437ac0a51', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '0302b3c44cef3973eba59676a4fbafc8ffe7ec30', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'ce840a43c8406e09930e5b64d9c7953f2e6834d6', checked: asBoolean.asBoolean(this.checked), class: checkbox({
+        return (index.h(themedHost_component.ThemedHost, { key: '790e3aa34ae9ab672a26033e58b1801742e9989d' }, index.h("label", { key: 'a40fd069e097065a718100d32b0f823e228f6aec', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '102743e8fb860e7290d77e7407be13856460f613', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'e0aab8a3669d74a544d49ea0dfa40312c913d20e', checked: asBoolean.asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), disabled: asBoolean.asBoolean(this.disabled), id: id, indeterminate: asBoolean.asBoolean(this.indeterminate), name: this.name, required: asBoolean.asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: '85129e843c23d91173f748031191e33f96c08491', class: iconContainer({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, indeterminate: asBoolean.asBoolean(this.indeterminate), name: this.name, required: asBoolean.asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: '54a632b71823fe37ea899841ce1a991ade8dab08', class: iconContainer({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("p-icon", { key: 'c649d245d7184a33c235b65aaa2cc282cb5d3b56', class: icon({
+            }) }, index.h("p-icon", { key: '78ea7112217b5d623be8dcd20c422796a85372dc', class: icon({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: '0be84c8571539e399e2139a1c1c9817eef9f09f5', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: '540099efaa692b1db487eea7c7d8ac69fa1753c4' })))));
+            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: '6946c6e2c07e6a38ce02d849468d499728a0e4c5', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, index.h("slot", { key: '7219e1faea7dee90c29a1e9c4c5182caffad36c5' })))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -426,19 +460,19 @@ const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static
 const dropdownMenuContainer = index$1.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: {
@@ -458,7 +492,7 @@ const dropdownMenuContainer = index$1.cva([
         },
     ],
 });
-const innerContainer = index$1.cva('w-full min-h-full relative', {
+const innerContainer = index$1.cva('relative min-h-full w-full', {
     variants: {
         allowOverflow: {
             false: 'overflow-y-auto overflow-x-hidden',

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

@@ -53,9 +53,19 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '82853208f8862b3485a5a00b0c9c4f6986ea92ea', class: 'p-content-slider' }, index.h("div", { key: '3250c367ac25464a769c43d4093df28dbff8085d', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, ref: el => (this._sliderRef = el), style: {
+        return (index.h(index.Host, { key: '82853208f8862b3485a5a00b0c9c4f6986ea92ea', class: 'p-content-slider' }, index.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) }, index.h("div", { key: 'cb82eacdfc02898e9eeaff865b5e7fa7da69a2f9', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'e6e5636ba8ed11665e0d623bcffb8a53bba03908', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '9d596407cda3aaa5cbae5c0a0a19209623627edd', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (index.h("div", { class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}`, onClick: () => this._scrollTo(i, true) }, index.h("div", { class: cn.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) }, index.h("div", { key: '5dfdd1adee4730a98789496e923c5ec6e3a8eb9c', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'd1557d4fa4336b8f01d7039a3b6e1fb9c65716f9', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '1bf3e7c46755f0f85fc6fa573bd04ee43bd0752d', class: `
+       indicator
+       ${this.hideMobileIndicator && 'hidden'}
+     ` }, this._filteredItems.map((_, i) => (index.h("div", { class: `
+         item
+         ${!this.disableIndicatorClick && 'cursor-pointer'}
+       `, onClick: () => this._scrollTo(i, true) }, index.h("div", { class: cn.cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

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

@@ -2848,7 +2848,7 @@ const Cropper = class {
         const themeColor = state.state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (index.h(themedHost_component.ThemedHost, { key: 'dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7' }, this._loaded && (index.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() }, index.h("cropper-image", { key: '8a96ad1f1f11adc4a8291a1376f329af52c3d920', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: '1b375fe73b98ec31776ba4762e10781a1c33117b', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: 'ae41c83bf91f714beb89b79998c2636ffe837f51', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '45148a814f6b3d1f04e94c0a8ee756b31d6dc7cb', action: 'move', plain: true }))), index.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 (index.h(themedHost_component.ThemedHost, { key: 'dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7' }, this._loaded && (index.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() }, index.h("cropper-image", { key: '07b78454e15277f87160a6832c4fed1bbbfb08c1', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: 'e1784c618c68dac7a8311f8d7e93666c5d3b3611', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: '2348efb74b1bf52ee4fab7157d32bb1dfe523430', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '45f943c9eefaf4312bd20ca8f4d089a5a0ece738', action: 'move', plain: true }))), index.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) {