@paperless/core 3.0.2 → 3.1.0

package/dist/components/p-toggle.js

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as a,h as o}from"./p-CySg37XO.js";import{c as d}from"./p-CBWjHURv.js";import{T as c}from"./p-Au2WuEGF.js";import{a as h}from"./p-C5CTp9IA.js";import{n as i}from"./p-D9kEjsvZ.js";const n=d(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded-full w-8 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-storm-50 border-storm-100 dark:bg-white/10 dark:border-white/15","hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15","group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20","checked:bg-indigo-600 checked:border-storm-500/20","checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0","checked:hover:bg-indigo-700 checked:hover:border-storm-500/20","checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20"],true:"bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10"}}}),s=d(["flex items-center justify-center","rounded-full transition-all ","absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:["bg-white ring-1 ring-storm-500/10","left-[1px] peer-checked:-translate-x-[calc(100%+1px)]","after:content-[unset] peer-checked:after:content-['']  after:bg-indigo-800 after:rounded-full after:transition-all","w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]","after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2"],true:["bg-storm-100 peer-checked:bg-storm-200 dark:bg-white/15 dark:peer-checked:bg-white/15","left-[2px] peer-checked:-translate-x-[calc(100%+2px)]","w-3 h-3"]}}}),l=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChange=a(this,"checkedChange",7),this.indeterminateChange=a(this,"indeterminateChange",7),this._internals=this.attachInternals()}checked;disabled=!1;required=!0;id;name;checkedChange;indeterminateChange;_nonce=i(5);_internals;formResetCallback(){this.checked=!1}formDisabledCallback(e){this._internals.form&&(this.disabled=e)}render(){const e=this.id?.length?this.id:this._nonce;return o(c,{key:"71d4bd767b20adf62204be57f4aab791062b5e3d"},o("label",{key:"9a5152398ccfe931d48135fd2185dc1d04e0ae0a",class:"flex items-center justify-start gap-2",htmlFor:e},o("div",{key:"1fd1d1c6e8b35354c9f91442b88ee7aca4297c22",class:"group/p-toggle relative flex flex-shrink-0 items-center"},o("input",{key:"f487829bc32e0865446f006ef8de74a4fd3059cd",checked:!!this.checked,class:n({disabled:h(this.disabled)}),disabled:h(this.disabled),id:e,name:this.name,required:this.required,type:"checkbox",onChange:e=>this._onChange(e)}),o("div",{key:"8c1664a5b9eadf6c454636aca5e044e233a8a8ab",class:s({disabled:h(this.disabled)})})),o("div",{key:"90f8606523d6d4b131bf039717d9c436ae36d782",class:"flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white"},o("slot",{key:"cf7f5ed84d5b1cda9b6372209242415d4dd67024"}))))}_onChange(e){if(h(this.disabled))return void e.preventDefault();const r=e.target.checked;r!=this.checked&&(this.checked=r,this.checkedChange.emit(r),this._internals.setFormValue(this.checked?"on":"off"))}static get formAssociated(){return!0}static get style(){return"*{box-sizing:border-box}:host{--tw-content:unset}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[1px\\]{left:1px}.left-\\[2px\\]{left:2px}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-\\[14px\\]{height:14px}.w-3{width:.75rem}.w-8{width:2rem}.w-\\[14px\\]{width:14px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-storm-100{--tw-bg-opacity:1;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))}.bg-storm-50{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:w-1:after{content:var(--tw-content);width:.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:bg-indigo-800:after{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[unset\\]:after{--tw-content:unset;content:var(--tw-content)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content);width:.5rem}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:left-full{left:100%}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}"}},[836,"p-toggle",{checked:[4],disabled:[516],required:[516],id:[513],name:[513],_nonce:[32]}]);function g(){"undefined"!=typeof customElements&&["p-toggle"].forEach((r=>{"p-toggle"===r&&(customElements.get(e(r))||customElements.define(e(r),l))}))}g();const w=l,b=g;export{w as PToggle,b as defineCustomElement}
+import{t as e,p as r,H as t,c as a,h as o}from"./p-CySg37XO.js";import{c as d}from"./p-CBWjHURv.js";import{T as n}from"./p-Au2WuEGF.js";import{a as c}from"./p-C5CTp9IA.js";import{n as h}from"./p-D9kEjsvZ.js";const i=d(["peer m-0 flex-shrink-0 appearance-none outline-none","border-inset border border-solid","h-4 w-8 rounded-full"],{variants:{disabled:{false:["cursor-pointer shadow-1","\n       border-storm-100 bg-storm-50\n       dark:border-white/15 dark:bg-white/10\n     ","\n       hover:border-storm-500/20 hover:bg-indigo-100\n       dark:hover:border-white/15 dark:hover:bg-white/20\n     ","\n       group-hover/toggle-label:border-storm-500/20\n       group-hover/toggle-label:bg-indigo-100\n     ","checked:border-storm-500/20 checked:bg-indigo-600","\n       checked:ring-2 checked:ring-indigo-100\n       dark:checked:ring-0\n     ","checked:hover:border-storm-500/20 checked:hover:bg-indigo-700","\n       checked:group-hover/toggle-label:border-storm-500/20\n       checked:group-hover/toggle-label:bg-indigo-700\n     "],true:"\n      cursor-not-allowed border-storm-50 bg-white-600\n      dark:border-white/10 dark:bg-white/5\n    "}}}),s=d(["flex items-center justify-center","rounded-full transition-all","\n    pointer-events-none absolute top-1/2 -translate-y-1/2 transform\n    peer-checked:left-full\n  "],{variants:{disabled:{false:["bg-white ring-1 ring-storm-500/10","\n       left-[1px]\n       peer-checked:-translate-x-[calc(100%+1px)]\n     ","\n       after:rounded-full after:bg-indigo-800 after:transition-all\n       after:content-[unset]\n       peer-checked:after:content-['']\n     ","\n       h-[14px] w-[14px]\n       group-hover/p-toggle:w-[18px]\n       group-hover/toggle-label:w-[18px]\n     ","\n       after:h-1 after:w-1\n       group-hover/p-toggle:after:w-2\n       group-hover/toggle-label:after:w-2\n     "],true:["\n       bg-storm-100\n       peer-checked:bg-storm-200\n       dark:bg-white/15\n       dark:peer-checked:bg-white/15\n     ","\n       left-[2px]\n       peer-checked:-translate-x-[calc(100%+2px)]\n     ","h-3 w-3"]}}}),l=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChange=a(this,"checkedChange",7),this.indeterminateChange=a(this,"indeterminateChange",7),this._internals=this.attachInternals()}checked;disabled=!1;required=!0;id;name;checkedChange;indeterminateChange;_nonce=h(5);_internals;formResetCallback(){this.checked=!1}formDisabledCallback(e){this._internals.form&&(this.disabled=e)}render(){const e=this.id?.length?this.id:this._nonce;return o(n,{key:"a112d0ed2ec3daa865c559d44c587d20f76822f3"},o("label",{key:"36c971bf96e575e59f0e4ad39e1d917f255abaf9",class:"flex items-center justify-start gap-2",htmlFor:e},o("div",{key:"5081f38fa7bfd14664f71c837db04473892c13b0",class:"group/p-toggle relative flex flex-shrink-0 items-center"},o("input",{key:"219ab4b5bb5e444e51987898e59c8c31a69b3d1a",checked:!!this.checked,class:i({disabled:c(this.disabled)}),disabled:c(this.disabled),id:e,name:this.name,required:this.required,type:"checkbox",onChange:e=>this._onChange(e)}),o("div",{key:"9182edb7d27559da52a34e5481ac505c0bdd1d9b",class:s({disabled:c(this.disabled)})})),o("div",{key:"c3cff9609226e9e5ed671e9ed46506b8d996788f",class:"\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      "},o("slot",{key:"b140f22e50a8030d3a9deba673e0d0c078e7b064"}))))}_onChange(e){if(c(this.disabled))return void e.preventDefault();const r=e.target.checked;r!=this.checked&&(this.checked=r,this.checkedChange.emit(r),this._internals.setFormValue(this.checked?"on":"off"))}static get formAssociated(){return!0}static get style(){return"*{box-sizing:border-box}:host{--tw-content:unset}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[1px\\]{left:1px}.left-\\[2px\\]{left:2px}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-\\[14px\\]{height:14px}.w-3{width:.75rem}.w-8{width:2rem}.w-\\[14px\\]{width:14px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-storm-100{--tw-bg-opacity:1;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))}.bg-storm-50{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:w-1:after{content:var(--tw-content);width:.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:bg-indigo-800:after{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[unset\\]:after{--tw-content:unset;content:var(--tw-content)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content);width:.5rem}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:left-full{left:100%}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}"}},[836,"p-toggle",{checked:[4],disabled:[516],required:[516],id:[513],name:[513],_nonce:[32]}]);function g(){"undefined"!=typeof customElements&&["p-toggle"].forEach((r=>{"p-toggle"===r&&(customElements.get(e(r))||customElements.define(e(r),l))}))}g();const w=l,b=g;export{w as PToggle,b as defineCustomElement}

package/dist/components/p-tooltip.js

@@ -1 +1 @@
-import{T as o,d as p}from"./p--y4GWpzd.js";const s=o,r=p;export{s as PTooltip,r as defineCustomElement}
+import{T as a,d as o}from"./p-2yaxaWU2.js";const s=a,p=o;export{s as PTooltip,p as defineCustomElement}

package/dist/esm/index.js

@@ -4,7 +4,7 @@ export { i as initTheme, o as onStateChange, s as state, a as stateLocaleOptions
 export { c as childOf, a as childOfComposed } from './child-of-TyZ7uPES.js';
 export { c as categorized, i as icons } from './icons-CXVK8SLW.js';
 export { f as formatTranslation, g as getLocaleComponentStrings } from './localization-CwQG70_4.js';
-export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes } from './table-helpers-DA1PfY6l.js';
+export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes } from './table-helpers-Bvtfm-ta.js';
 export { o as objectGetByPath } from './object-get-by-path-CLLU0oUD.js';
 export { i as isMobileBrowser } from './is-mobile-browser-DPc49L2n.js';
 export { c as cn } from './cn-CsNqHcjL.js';

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

@@ -8,7 +8,7 @@ const attachmentComponentCss = () => `.block{display:block}*{box-sizing:border-b
 
 const attachment = cva([
     'flex flex-1 items-center justify-start gap-2',
-    'h-8 min-w-0 px-2 rounded-lg',
+    'h-8 min-w-0 rounded-lg px-2',
     'border border-solid',
     'bg-white-600 text-storm-200',
     'dark:bg-white/15 dark:text-hurricane-200',
@@ -19,8 +19,14 @@ const attachment = cva([
             true: 'cursor-pointer',
         },
         error: {
-            false: 'border-storm-100 dark:border-white/15',
-            true: 'border-negative-red-500 dark:border-negative-red-alternative',
+            false: `
+      border-storm-100
+      dark:border-white/15
+    `,
+            true: `
+      border-negative-red-500
+      dark:border-negative-red-alternative
+    `,
         },
     },
 });
@@ -106,21 +112,28 @@ const Attachment = class {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: 'c32bd5160f16b5fe66dd6bdddc7abab643ecac69', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: '38bee5bc396126d20cc43e7278e4b5da7fb7a695', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '258cc04fd6a6ca24cc99fd4402740c600c845641', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: '66dfe096ee491c8c3f97170eb8ae3417d1d95de4', class: 'text-negative-red-500', variant: 'warning' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: '2d4812f3d31f3cd0816628933c7f430526db82d6' }, h("p-field-container", { key: '349206b933ad13c0f37cd07d2a8da5b7be1a5c06', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '59d1189891173772085e25882c3fcb474e459e0a', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '41b8af0f2636db293df1e503effbd1ec7f97685b', class: attachment({
+        return (h(Fragment, { key: '8b2d38564597724ee40f9916d45b053d946b35de' }, h("p-field-container", { key: '33a74e375c9fb319a20abd1962723572adaf11c6', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '92d7a778625a40c171f58a722f34d7bdb6b978da', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'aaf92c3e3d2017456492ac31f11bda522bafb62e', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'd53642b51ad59ff0b5ccf497085ba81f4111bebf', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '285839432a117ed07ad59c5d66e5784109ac5f79', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '1e5cd8b15e61316f678fb7b66af77969a3cb403a', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '13cfd3cb6c405275f36c3bdc4b5f0b43010dcacd', class: cn(baseText, `
+           peer
+           empty:hidden
+           dark:text-white
+         `) }, this.value), h("span", { key: '251d050ffb58678f6da944fd4775833f24874ed0', class: cn(baseText, `
+           hidden
+           peer-empty:block
+         `) }, this.placeholder)), h("p-tooltip", { key: 'c55bd274b3a21ea4ed12b8201d8acb8ba37e39c0', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'a0f090e19e177cff757ebae1fc2f5d1f4df8db68', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '2e47e228cdcfe7d19224a1e3884cc39cbb5c83c6', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -131,7 +144,7 @@ const Attachment = class {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '2b41ef669b3fc1e58a394d847a30b1316f0e3a0d', class: 'w-8 desktop-xs:hidden', content: this.cameraTooltip }, h("p-button", { key: 'b3ddba24285c00e05397221a77f73a08164c6953', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5eec66f53142eb76391fbd626a01556470ce395a', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '288987b14646880b3fbe960514e0b5915b421270', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: 'b70b24f761917d9581abea3176f7baad59a8c643', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: 'e9cd1e9c59547671c77f1f0f78bb5ecc45b6d94a', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '129ff3a7706fd2ce0c85e9867c1a5b35cd6b2021', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a214ffd826b76810792348b03662f6e8674658d5', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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

@@ -5,7 +5,10 @@ import './clsx-ChV9xqsO.js';
 const avatarComponentCss = () => `*{box-sizing:border-box}.static{position:static}.z-0{z-index:0}.flex{display:flex}.aspect-branding{aspect-ratio:23/24}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[6\\.5rem\\]{height:6.5rem}.h-\\[8\\.5rem\\]{height:8.5rem}.h-full{height:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-500{--tw-bg-opacity:1;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.font-ambit{font-family:Ambit,sans-serif}.text-4xl{font-size:2.5rem;line-height:3rem}.text-\\[3\\.5rem\\]{font-size:3.5rem}.text-\\[4\\.5rem\\]{font-size:4.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xxs{font-size:.5rem;line-height:1rem}.font-bold{font-weight:700}.leading-\\[4rem\\]{line-height:4rem}.leading-\\[5rem\\]{line-height:5rem}.leading-none{line-height: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))}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-storm-500\\/20{--tw-ring-color:rgba(24,30,41,.2)}`;
 
 const avatar = cva([
-    'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 flex items-center justify-center font-ambit leading-none font-bold',
+    `
+    p-avatar flex aspect-branding items-center justify-center rounded-full
+    font-ambit font-bold leading-none ring-1 ring-inset ring-storm-500/20
+  `,
 ], {
     variants: {
         variant: {
@@ -61,7 +64,7 @@ const Avatar = class {
         }
     }
     render() {
-        return (h(Host, { key: '796c5d3f656f05a0fb841dc24ba3ffd443a690da', class: avatar({
+        return (h(Host, { key: '3a9dc3ebf87eed33626d3ae0885100a3ea4d9c78', class: avatar({
                 size: this.size,
                 variant: this.variant,
             }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { class: 'z-0 aspect-branding h-full rounded-full object-cover', src: this._src, onError: () => this._setFailed() }))));

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

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

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

@@ -12,8 +12,14 @@ const badge = cva([
     'inline-flex items-center justify-center',
     'h-4 min-w-4 px-1',
     'rounded-full',
-    'bg-storm-100 dark:bg-white/20',
-    'text-storm-500 dark:text-white',
+    `
+   bg-storm-100
+   dark:bg-white/20
+ `,
+    `
+   text-storm-500
+   dark:text-white
+ `,
     'text-center text-xs font-semibold tracking-tight',
 ]);
 const Badge = class {
@@ -21,7 +27,7 @@ const Badge = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '4e6acd91dc2d4bdddeac7d6078e29e9731e334e8' }, h("div", { key: 'b8338854cf128a3165b36429612227e170852772', class: badge() }, h("slot", { key: 'de6771bb8eb1d2b39c8cb30f0cab4a10b1ab8237' }))));
+        return (h(ThemedHost, { key: '8d30aeb1da5a6e388bda06a15f92a06632a68433' }, h("div", { key: '59b10cb3fe29df5ecf33181f092f06b03b921f1c', class: badge() }, h("slot", { key: 'ae19227cab5cb241bd08fd9b4d0c1b2b5e52a252' }))));
     }
 };
 Badge.style = badgeComponentCss();
@@ -33,7 +39,7 @@ const SegmentContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '1a1008baf7277eddba9c4e618755cd1acbe9a841' }, h("div", { key: 'daa680e3f2ca890c091b81869ef328e7652c7c09', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '3931579ceb2a19c187ecba849c316e29cde001a4' }))));
+        return (h(ThemedHost, { key: '1a1008baf7277eddba9c4e618755cd1acbe9a841' }, h("div", { key: '890325242b0b67849d871082b5199e0a89a7e418', class: '\n       flex rounded-2xl border border-solid border-off-white-700\n       bg-off-white-300 p-1\n       dark:border-hurricane-400 dark:bg-hurricane-600\n     ' }, h("slot", { key: '781298086637577844b1dfcb08e13e477573bf54' }))));
     }
 };
 SegmentContainer.style = segmentContainerComponentCss();
@@ -49,8 +55,11 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
         active: {
             false: [
                 'cursor-pointer',
-                'text-storm-300 hover:text-storm-500 hover:bg-storm-50',
-                'dark:hover:text-white dark:hover:bg-white/15',
+                `
+       text-storm-300
+       hover:bg-storm-50 hover:text-storm-500
+     `,
+                'dark:hover:bg-white/15 dark:hover:text-white',
             ],
             true: 'bg-indigo-600 text-white',
         },
@@ -63,12 +72,18 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
         {
             variant: 'default',
             active: false,
-            class: 'text-storm-500 dark:text-hurricane-200',
+            class: `
+      text-storm-500
+      dark:text-hurricane-200
+    `,
         },
         {
             variant: 'block',
             active: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+      text-storm-500
+      dark:text-white
+    `,
         },
     ],
 });
@@ -102,14 +117,17 @@ const SegmentItem = class {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '9cd8ce2db3d393050b684b8c54c8a1ce7679b058' }, h("div", { key: '2fe85e1298c475d9c0cc4a4f95405b73e2323ebb', class: segmentItem({
+        return (h(ThemedHost, { key: 'fb365ffba7e5d105956b9ffbfa4b3effdeec27b2' }, h("div", { key: '54736bcb97a642dc66a9c94451e0b3b6bb18d0d3', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '63323d0681027b5a1215c342113d1ffb5c3924b4', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '5eca3c0638d613f947e320a0ee89867c6fb468ae', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn(`
+           my-0 font-medium
+           empty:hidden
+         `, {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }) }, descriptionSlot)))))));

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

@@ -86,7 +86,7 @@ const button = 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: {
@@ -102,9 +102,9 @@ const button = 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',
@@ -129,7 +129,7 @@ const button = cva([
         // variants
         {
             variant: ['secondary', 'dropdown'],
-            class: 'bg-white dark:bg-white/15',
+            class: ['bg-white', 'dark:bg-white/15'],
         },
         {
             variant: ['primary', 'secondary', 'dropdown'],
@@ -155,16 +155,25 @@ const button = 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',
@@ -176,8 +185,15 @@ const button = 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
+     `,
             ],
         },
         {
@@ -185,7 +201,7 @@ const button = cva([
             disabled: false,
             loading: false,
             active: true,
-            class: 'ring ring-2',
+            class: 'ring-2',
         },
         {
             variant: 'primary',
@@ -197,20 +213,33 @@ const button = 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
+     `,
             ],
         },
         {
@@ -235,20 +264,35 @@ const button = 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'],
@@ -337,7 +381,11 @@ const icon$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',
@@ -351,8 +399,15 @@ const icon$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
+    `,
             ],
         },
         {
@@ -376,19 +431,30 @@ const icon$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'],
@@ -523,7 +589,7 @@ const Button = class {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(ThemedHost, { key: '7452fa765b24901c77a8ed76278994150ba11acf', class: hostClass }, h(VariableTag, { key: '9f0d18fb8068bb01f0dd5d844aa322c1effccb9b', class: button({
+        return (h(ThemedHost, { key: '96d79703fdd577fadf843e31db00fc39c7a0f60b', class: hostClass }, h(VariableTag, { key: 'b61672659ecbd461e3ee99ac8288f90fddc9f2e1', class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean(this.loading),
@@ -533,14 +599,14 @@ const Button = class {
                 active,
                 error: asBoolean(this.error),
                 underline: asBoolean(this.underline) && VariableTag === 'a',
-            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'c838235c3411be17231b10e8fcca992f62d89afe', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
+            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '53ad0547df945a2055d9d9a8e9a4e32f8b4474d6', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), this.label ?? h("slot", { key: '96401595325aecdfb14c77b5dce103a67d4d8da8' }), this.icon &&
+            this._getIcon(), this.label ?? h("slot", { key: '59dc0d14a430e8e47fa46752025d76c0848bcbc4' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'b543d3ca7e0253c71e93d6736a1a99a69d156fe0', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: 'f655d54d167b02f7e546962f182e61b3cec77ccc', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '5e1c8d2f5781900af5ff53b565f7904a42df2c23', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: 'a760f9a6c098b0857225acd689bda1824021455a', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -680,11 +746,17 @@ const Loader = class {
         if (this.variant === 'ghost') {
             return (h(ThemedHost, { class: 'variant-ghost min-h-4 min-w-4 rounded-2xl' }));
         }
-        const loader = h("div", { class: `loader color-${this.color}` });
+        const loader = (h("div", { class: `
+      loader
+      color-${this.color}
+    ` }));
         if (this.variant === 'full-screen') {
             return (h(ThemedHost, { class: 'variant-full-screen' }, h("div", { class: 'loading-screen' }, h("div", { class: 'content' }, h("slot", null)))));
         }
-        return (h(ThemedHost, { class: `variant-default flex ${this.variant === 'full-width' && 'flex w-full justify-center text-4xl'}` }, loader));
+        return (h(ThemedHost, { class: `
+      variant-default flex
+      ${this.variant === 'full-width' && 'w-full justify-center text-4xl'}
+    ` }, loader));
     }
     _checkShow() {
         if (this._showSubscriber) {