@luzmo/analytics-components-kit 1.0.1-alpha.6 → 1.0.1-alpha.7

package/components/edit-option-color-picker/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var vo=Object.getPrototypeOf;var xo=Reflect.get;var G=(t,o,e)=>xo(vo(t),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../property-ChsOQ1Yj.cjs"),no=require("../directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs"),d=require("../if-defined-BSAr_4u4-CNmaFBUP.cjs"),j=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs"),B=require("@luzmo/icons"),Q=require("../async-directive-DWRUSKKF-C2JoUGYR.cjs"),L=require("../language-resolution-8yZa5r_P-CpbzT4ej.cjs"),yo=require("../text-field-CvKSS59x-D0MM0fDH.cjs"),Z=require("../index-DDleIdd8.cjs");require("../index-DxXcY78P.cjs");require("../index-BEi8DTwW.cjs");const J=require("../when-CDK1Tt5Y-BN3qcTK0.cjs"),wo=require("../observe-slot-text-ggb4kKgY-DqsddtTd.cjs"),ko=require("../roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");require("../index-BxFGd_xp.cjs");const Co=require("../query-D5qWDopr.cjs"),So=require("../edit-option-base-Ck3NFAli.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";var vo=Object.getPrototypeOf;var xo=Reflect.get;var G=(t,o,e)=>xo(vo(t),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../property-0L4eB11h.cjs"),no=require("../directive-helpers-nlQRAaQt-3kEWF2GV.cjs"),d=require("../if-defined-BSAr_4u4-gECNwmTC.cjs"),j=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),B=require("../luzmo-icons-XsFsTAl3.cjs"),Q=require("../async-directive-DWRUSKKF-D4itZyzc.cjs"),L=require("../language-resolution-8yZa5r_P-FqQChUDW.cjs"),yo=require("../text-field-CvKSS59x-E9LQElL4.cjs"),Z=require("../index-BJVxTeoi.cjs");require("../index-DEVOZNSc.cjs");require("../index-CdpyJ7hp.cjs");const J=require("../when-CDK1Tt5Y-BN3qcTK0.cjs"),wo=require("../observe-slot-text-ggb4kKgY-DBVrKDBD.cjs"),ko=require("../roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");require("../index-D8qmoauu.cjs");const Co=require("../query-D5qWDopr.cjs"),So=require("../edit-option-base-Boz7TNRZ.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -93,7 +93,7 @@
         color=${this.color}
         ?open=${this.open&&!this.disabled}
       ></luzmo-color-loupe>
-    `}firstUpdated(o){super.firstUpdated(o),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("pointercancel",this.handlePointerup)}};mo.styles=s.ht(Eo);let D=mo;K([s.Rt({type:Boolean,reflect:!0})],D.prototype,"disabled");K([s.Rt({type:Boolean,reflect:!0})],D.prototype,"focused");K([s.Rt({type:Boolean,reflect:!0})],D.prototype,"open");K([s.Rt({type:String})],D.prototype,"color");customElements.get("luzmo-color-handle")||customElements.define("luzmo-color-handle",D);const Mo=Object.freeze(Object.defineProperty({__proto__:null,LuzmoColorHandle:D},Symbol.toStringTag,{value:"Module"}));/*! * Lucero - The design system for Luzmo.
+    `}firstUpdated(o){super.firstUpdated(o),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("pointercancel",this.handlePointerup)}};mo.styles=s.ht(Eo);let O=mo;K([s.Rt({type:Boolean,reflect:!0})],O.prototype,"disabled");K([s.Rt({type:Boolean,reflect:!0})],O.prototype,"focused");K([s.Rt({type:Boolean,reflect:!0})],O.prototype,"open");K([s.Rt({type:String})],O.prototype,"color");customElements.get("luzmo-color-handle")||customElements.define("luzmo-color-handle",O);const Mo=Object.freeze(Object.defineProperty({__proto__:null,LuzmoColorHandle:O},Symbol.toStringTag,{value:"Module"}));/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -109,7 +109,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */function p(t,o){Ho(t)&&(t="100%");const e=Po(t);return t=o===360?t:Math.min(o,Math.max(0,parseFloat(t))),e&&(t=parseInt(String(t*o),10)/100),Math.abs(t-o)<1e-6?1:(o===360?t=(t<0?t%o+o:t%o)/parseFloat(String(o)):t=t%o/parseFloat(String(o)),t)}function I(t){return Math.min(1,Math.max(0,t))}function Ho(t){return typeof t=="string"&&t.indexOf(".")!==-1&&parseFloat(t)===1}function Po(t){return typeof t=="string"&&t.indexOf("%")!==-1}function po(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function U(t){return Number(t)<=1?`${Number(t)*100}%`:t}function F(t){return t.length===1?"0"+t:String(t)}function Fo(t,o,e){return{r:p(t,255)*255,g:p(o,255)*255,b:p(e,255)*255}}function oo(t,o,e){t=p(t,255),o=p(o,255),e=p(e,255);const r=Math.max(t,o,e),l=Math.min(t,o,e);let i=0,a=0;const n=(r+l)/2;if(r===l)a=0,i=0;else{const c=r-l;switch(a=n>.5?c/(2-r-l):c/(r+l),r){case t:i=(o-e)/c+(o<e?6:0);break;case o:i=(e-t)/c+2;break;case e:i=(t-o)/c+4;break}i/=6}return{h:i,s:a,l:n}}function X(t,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+(o-t)*(6*e):e<1/2?o:e<2/3?t+(o-t)*(2/3-e)*6:t}function To(t,o,e){let r,l,i;if(t=p(t,360),o=p(o,100),e=p(e,100),o===0)l=e,i=e,r=e;else{const a=e<.5?e*(1+o):e+o-e*o,n=2*e-a;r=X(n,a,t+1/3),l=X(n,a,t),i=X(n,a,t-1/3)}return{r:r*255,g:l*255,b:i*255}}function eo(t,o,e){t=p(t,255),o=p(o,255),e=p(e,255);const r=Math.max(t,o,e),l=Math.min(t,o,e);let i=0;const a=r,n=r-l,c=r===0?0:n/r;if(r===l)i=0;else{switch(r){case t:i=(o-e)/n+(o<e?6:0);break;case o:i=(e-t)/n+2;break;case e:i=(t-o)/n+4;break}i/=6}return{h:i,s:c,v:a}}function Bo(t,o,e){t=p(t,360)*6,o=p(o,100),e=p(e,100);const r=Math.floor(t),l=t-r,i=e*(1-o),a=e*(1-l*o),n=e*(1-(1-l)*o),c=r%6,m=[e,a,i,i,n,e][c],b=[n,e,e,a,i,i][c],P=[i,i,n,e,e,a][c];return{r:m*255,g:b*255,b:P*255}}function to(t,o,e,r){const l=[F(Math.round(t).toString(16)),F(Math.round(o).toString(16)),F(Math.round(e).toString(16))];return r&&l[0].startsWith(l[0].charAt(1))&&l[1].startsWith(l[1].charAt(1))&&l[2].startsWith(l[2].charAt(1))?l[0].charAt(0)+l[1].charAt(0)+l[2].charAt(0):l.join("")}function Do(t,o,e,r,l){const i=[F(Math.round(t).toString(16)),F(Math.round(o).toString(16)),F(Math.round(e).toString(16)),F(Io(r))];return l&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))&&i[3].startsWith(i[3].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function qo(t,o,e,r){const l=t/100,i=o/100,a=e/100,n=r/100,c=255*(1-l)*(1-n),m=255*(1-i)*(1-n),b=255*(1-a)*(1-n);return{r:c,g:m,b}}function ro(t,o,e){let r=1-t/255,l=1-o/255,i=1-e/255,a=Math.min(r,l,i);return a===1?(r=0,l=0,i=0):(r=(r-a)/(1-a)*100,l=(l-a)/(1-a)*100,i=(i-a)/(1-a)*100),a*=100,{c:Math.round(r),m:Math.round(l),y:Math.round(i),k:Math.round(a)}}function Io(t){return Math.round(parseFloat(t)*255).toString(16)}function lo(t){return x(t)/255}function x(t){return parseInt(t,16)}function Uo(t){return{r:t>>16,g:(t&65280)>>8,b:t&255}}const W={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function No(t){let o={r:0,g:0,b:0},e=1,r=null,l=null,i=null,a=!1,n=!1;return typeof t=="string"&&(t=jo(t)),typeof t=="object"&&(v(t.r)&&v(t.g)&&v(t.b)?(o=Fo(t.r,t.g,t.b),a=!0,n=String(t.r).substr(-1)==="%"?"prgb":"rgb"):v(t.h)&&v(t.s)&&v(t.v)?(r=U(t.s),l=U(t.v),o=Bo(t.h,r,l),a=!0,n="hsv"):v(t.h)&&v(t.s)&&v(t.l)?(r=U(t.s),i=U(t.l),o=To(t.h,r,i),a=!0,n="hsl"):v(t.c)&&v(t.m)&&v(t.y)&&v(t.k)&&(o=qo(t.c,t.m,t.y,t.k),a=!0,n="cmyk"),Object.prototype.hasOwnProperty.call(t,"a")&&(e=t.a)),e=po(e),{ok:a,format:t.format||n,r:Math.min(255,Math.max(o.r,0)),g:Math.min(255,Math.max(o.g,0)),b:Math.min(255,Math.max(o.b,0)),a:e}}const Oo="[-\\+]?\\d+%?",Lo="[-\\+]?\\d*\\.\\d+%?",M="(?:"+Lo+")|(?:"+Oo+")",Y="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",N="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",k={CSS_UNIT:new RegExp(M),rgb:new RegExp("rgb"+Y),rgba:new RegExp("rgba"+N),hsl:new RegExp("hsl"+Y),hsla:new RegExp("hsla"+N),hsv:new RegExp("hsv"+Y),hsva:new RegExp("hsva"+N),cmyk:new RegExp("cmyk"+N),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function jo(t){if(t=t.trim().toLowerCase(),t.length===0)return!1;let o=!1;if(W[t])t=W[t],o=!0;else if(t==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let e=k.rgb.exec(t);return e?{r:e[1],g:e[2],b:e[3]}:(e=k.rgba.exec(t),e?{r:e[1],g:e[2],b:e[3],a:e[4]}:(e=k.hsl.exec(t),e?{h:e[1],s:e[2],l:e[3]}:(e=k.hsla.exec(t),e?{h:e[1],s:e[2],l:e[3],a:e[4]}:(e=k.hsv.exec(t),e?{h:e[1],s:e[2],v:e[3]}:(e=k.hsva.exec(t),e?{h:e[1],s:e[2],v:e[3],a:e[4]}:(e=k.cmyk.exec(t),e?{c:e[1],m:e[2],y:e[3],k:e[4]}:(e=k.hex8.exec(t),e?{r:x(e[1]),g:x(e[2]),b:x(e[3]),a:lo(e[4]),format:o?"name":"hex8"}:(e=k.hex6.exec(t),e?{r:x(e[1]),g:x(e[2]),b:x(e[3]),format:o?"name":"hex"}:(e=k.hex4.exec(t),e?{r:x(e[1]+e[1]),g:x(e[2]+e[2]),b:x(e[3]+e[3]),a:lo(e[4]+e[4]),format:o?"name":"hex8"}:(e=k.hex3.exec(t),e?{r:x(e[1]+e[1]),g:x(e[2]+e[2]),b:x(e[3]+e[3]),format:o?"name":"hex"}:!1))))))))))}function v(t){return typeof t=="number"?!Number.isNaN(t):k.CSS_UNIT.test(t)}let h=class u{constructor(o="",e={}){if(o instanceof u)return o;typeof o=="number"&&(o=Uo(o)),this.originalInput=o;const r=No(o);this.originalInput=o,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=e.format??r.format,this.gradientType=e.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){const o=this.toRgb();return(o.r*299+o.g*587+o.b*114)/1e3}getLuminance(){const o=this.toRgb();let e,r,l;const i=o.r/255,a=o.g/255,n=o.b/255;return i<=.03928?e=i/12.92:e=Math.pow((i+.055)/1.055,2.4),a<=.03928?r=a/12.92:r=Math.pow((a+.055)/1.055,2.4),n<=.03928?l=n/12.92:l=Math.pow((n+.055)/1.055,2.4),.2126*e+.7152*r+.0722*l}getAlpha(){return this.a}setAlpha(o){return this.a=po(o),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){const{s:o}=this.toHsl();return o===0}toHsv(){const o=eo(this.r,this.g,this.b);return{h:o.h*360,s:o.s,v:o.v,a:this.a}}toHsvString(){const o=eo(this.r,this.g,this.b),e=Math.round(o.h*360),r=Math.round(o.s*100),l=Math.round(o.v*100);return this.a===1?`hsv(${e}, ${r}%, ${l}%)`:`hsva(${e}, ${r}%, ${l}%, ${this.roundA})`}toHsl(){const o=oo(this.r,this.g,this.b);return{h:o.h*360,s:o.s,l:o.l,a:this.a}}toHslString(){const o=oo(this.r,this.g,this.b),e=Math.round(o.h*360),r=Math.round(o.s*100),l=Math.round(o.l*100);return this.a===1?`hsl(${e}, ${r}%, ${l}%)`:`hsla(${e}, ${r}%, ${l}%, ${this.roundA})`}toHex(o=!1){return to(this.r,this.g,this.b,o)}toHexString(o=!1){return"#"+this.toHex(o)}toHex8(o=!1){return Do(this.r,this.g,this.b,this.a,o)}toHex8String(o=!1){return"#"+this.toHex8(o)}toHexShortString(o=!1){return this.a===1?this.toHexString(o):this.toHex8String(o)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){const o=Math.round(this.r),e=Math.round(this.g),r=Math.round(this.b);return this.a===1?`rgb(${o}, ${e}, ${r})`:`rgba(${o}, ${e}, ${r}, ${this.roundA})`}toPercentageRgb(){const o=e=>`${Math.round(p(e,255)*100)}%`;return{r:o(this.r),g:o(this.g),b:o(this.b),a:this.a}}toPercentageRgbString(){const o=e=>Math.round(p(e,255)*100);return this.a===1?`rgb(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%)`:`rgba(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%, ${this.roundA})`}toCmyk(){return{...ro(this.r,this.g,this.b)}}toCmykString(){const{c:o,m:e,y:r,k:l}=ro(this.r,this.g,this.b);return`cmyk(${o}, ${e}, ${r}, ${l})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;const o="#"+to(this.r,this.g,this.b,!1);for(const[e,r]of Object.entries(W))if(o===r)return e;return!1}toString(o){const e=!!o;o=o??this.format;let r=!1;const l=this.a<1&&this.a>=0;return!e&&l&&(o.startsWith("hex")||o==="name")?o==="name"&&this.a===0?this.toName():this.toRgbString():(o==="rgb"&&(r=this.toRgbString()),o==="prgb"&&(r=this.toPercentageRgbString()),(o==="hex"||o==="hex6")&&(r=this.toHexString()),o==="hex3"&&(r=this.toHexString(!0)),o==="hex4"&&(r=this.toHex8String(!0)),o==="hex8"&&(r=this.toHex8String()),o==="name"&&(r=this.toName()),o==="hsl"&&(r=this.toHslString()),o==="hsv"&&(r=this.toHsvString()),o==="cmyk"&&(r=this.toCmykString()),r||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new u(this.toString())}lighten(o=10){const e=this.toHsl();return e.l+=o/100,e.l=I(e.l),new u(e)}brighten(o=10){const e=this.toRgb();return e.r=Math.max(0,Math.min(255,e.r-Math.round(255*-(o/100)))),e.g=Math.max(0,Math.min(255,e.g-Math.round(255*-(o/100)))),e.b=Math.max(0,Math.min(255,e.b-Math.round(255*-(o/100)))),new u(e)}darken(o=10){const e=this.toHsl();return e.l-=o/100,e.l=I(e.l),new u(e)}tint(o=10){return this.mix("white",o)}shade(o=10){return this.mix("black",o)}desaturate(o=10){const e=this.toHsl();return e.s-=o/100,e.s=I(e.s),new u(e)}saturate(o=10){const e=this.toHsl();return e.s+=o/100,e.s=I(e.s),new u(e)}greyscale(){return this.desaturate(100)}spin(o){const e=this.toHsl(),r=(e.h+o)%360;return e.h=r<0?360+r:r,new u(e)}mix(o,e=50){const r=this.toRgb(),l=new u(o).toRgb(),i=e/100,a={r:(l.r-r.r)*i+r.r,g:(l.g-r.g)*i+r.g,b:(l.b-r.b)*i+r.b,a:(l.a-r.a)*i+r.a};return new u(a)}analogous(o=6,e=30){const r=this.toHsl(),l=360/e,i=[this];for(r.h=(r.h-(l*o>>1)+720)%360;--o;)r.h=(r.h+l)%360,i.push(new u(r));return i}complement(){const o=this.toHsl();return o.h=(o.h+180)%360,new u(o)}monochromatic(o=6){const e=this.toHsv(),{h:r}=e,{s:l}=e;let{v:i}=e;const a=[],n=1/o;for(;o--;)a.push(new u({h:r,s:l,v:i})),i=(i+n)%1;return a}splitcomplement(){const o=this.toHsl(),{h:e}=o;return[this,new u({h:(e+72)%360,s:o.s,l:o.l}),new u({h:(e+216)%360,s:o.s,l:o.l})]}onBackground(o){const e=this.toRgb(),r=new u(o).toRgb(),l=e.a+r.a*(1-e.a);return new u({r:(e.r*e.a+r.r*r.a*(1-e.a))/l,g:(e.g*e.a+r.g*r.a*(1-e.a))/l,b:(e.b*e.a+r.b*r.a*(1-e.a))/l,a:l})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(o){const e=this.toHsl(),{h:r}=e,l=[this],i=360/o;for(let a=1;a<o;a++)l.push(new u({h:(r+a*i)%360,s:e.s,l:e.l}));return l}equals(o){const e=new u(o);return this.format==="cmyk"||e.format==="cmyk"?this.toCmykString()===e.toCmykString():this.toRgbString()===e.toRgbString()}};/*! * Lucero - The design system for Luzmo.
+ * */function p(t,o){Ho(t)&&(t="100%");const e=Po(t);return t=o===360?t:Math.min(o,Math.max(0,parseFloat(t))),e&&(t=parseInt(String(t*o),10)/100),Math.abs(t-o)<1e-6?1:(o===360?t=(t<0?t%o+o:t%o)/parseFloat(String(o)):t=t%o/parseFloat(String(o)),t)}function D(t){return Math.min(1,Math.max(0,t))}function Ho(t){return typeof t=="string"&&t.indexOf(".")!==-1&&parseFloat(t)===1}function Po(t){return typeof t=="string"&&t.indexOf("%")!==-1}function po(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function N(t){return Number(t)<=1?`${Number(t)*100}%`:t}function F(t){return t.length===1?"0"+t:String(t)}function Fo(t,o,e){return{r:p(t,255)*255,g:p(o,255)*255,b:p(e,255)*255}}function oo(t,o,e){t=p(t,255),o=p(o,255),e=p(e,255);const r=Math.max(t,o,e),l=Math.min(t,o,e);let i=0,a=0;const n=(r+l)/2;if(r===l)a=0,i=0;else{const c=r-l;switch(a=n>.5?c/(2-r-l):c/(r+l),r){case t:i=(o-e)/c+(o<e?6:0);break;case o:i=(e-t)/c+2;break;case e:i=(t-o)/c+4;break}i/=6}return{h:i,s:a,l:n}}function X(t,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+(o-t)*(6*e):e<1/2?o:e<2/3?t+(o-t)*(2/3-e)*6:t}function To(t,o,e){let r,l,i;if(t=p(t,360),o=p(o,100),e=p(e,100),o===0)l=e,i=e,r=e;else{const a=e<.5?e*(1+o):e+o-e*o,n=2*e-a;r=X(n,a,t+1/3),l=X(n,a,t),i=X(n,a,t-1/3)}return{r:r*255,g:l*255,b:i*255}}function eo(t,o,e){t=p(t,255),o=p(o,255),e=p(e,255);const r=Math.max(t,o,e),l=Math.min(t,o,e);let i=0;const a=r,n=r-l,c=r===0?0:n/r;if(r===l)i=0;else{switch(r){case t:i=(o-e)/n+(o<e?6:0);break;case o:i=(e-t)/n+2;break;case e:i=(t-o)/n+4;break}i/=6}return{h:i,s:c,v:a}}function Bo(t,o,e){t=p(t,360)*6,o=p(o,100),e=p(e,100);const r=Math.floor(t),l=t-r,i=e*(1-o),a=e*(1-l*o),n=e*(1-(1-l)*o),c=r%6,m=[e,a,i,i,n,e][c],b=[n,e,e,a,i,i][c],P=[i,i,n,e,e,a][c];return{r:m*255,g:b*255,b:P*255}}function to(t,o,e,r){const l=[F(Math.round(t).toString(16)),F(Math.round(o).toString(16)),F(Math.round(e).toString(16))];return r&&l[0].startsWith(l[0].charAt(1))&&l[1].startsWith(l[1].charAt(1))&&l[2].startsWith(l[2].charAt(1))?l[0].charAt(0)+l[1].charAt(0)+l[2].charAt(0):l.join("")}function Oo(t,o,e,r,l){const i=[F(Math.round(t).toString(16)),F(Math.round(o).toString(16)),F(Math.round(e).toString(16)),F(Do(r))];return l&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))&&i[3].startsWith(i[3].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function qo(t,o,e,r){const l=t/100,i=o/100,a=e/100,n=r/100,c=255*(1-l)*(1-n),m=255*(1-i)*(1-n),b=255*(1-a)*(1-n);return{r:c,g:m,b}}function ro(t,o,e){let r=1-t/255,l=1-o/255,i=1-e/255,a=Math.min(r,l,i);return a===1?(r=0,l=0,i=0):(r=(r-a)/(1-a)*100,l=(l-a)/(1-a)*100,i=(i-a)/(1-a)*100),a*=100,{c:Math.round(r),m:Math.round(l),y:Math.round(i),k:Math.round(a)}}function Do(t){return Math.round(parseFloat(t)*255).toString(16)}function lo(t){return x(t)/255}function x(t){return parseInt(t,16)}function No(t){return{r:t>>16,g:(t&65280)>>8,b:t&255}}const W={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function Uo(t){let o={r:0,g:0,b:0},e=1,r=null,l=null,i=null,a=!1,n=!1;return typeof t=="string"&&(t=jo(t)),typeof t=="object"&&(v(t.r)&&v(t.g)&&v(t.b)?(o=Fo(t.r,t.g,t.b),a=!0,n=String(t.r).substr(-1)==="%"?"prgb":"rgb"):v(t.h)&&v(t.s)&&v(t.v)?(r=N(t.s),l=N(t.v),o=Bo(t.h,r,l),a=!0,n="hsv"):v(t.h)&&v(t.s)&&v(t.l)?(r=N(t.s),i=N(t.l),o=To(t.h,r,i),a=!0,n="hsl"):v(t.c)&&v(t.m)&&v(t.y)&&v(t.k)&&(o=qo(t.c,t.m,t.y,t.k),a=!0,n="cmyk"),Object.prototype.hasOwnProperty.call(t,"a")&&(e=t.a)),e=po(e),{ok:a,format:t.format||n,r:Math.min(255,Math.max(o.r,0)),g:Math.min(255,Math.max(o.g,0)),b:Math.min(255,Math.max(o.b,0)),a:e}}const Io="[-\\+]?\\d+%?",Lo="[-\\+]?\\d*\\.\\d+%?",M="(?:"+Lo+")|(?:"+Io+")",Y="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",U="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",k={CSS_UNIT:new RegExp(M),rgb:new RegExp("rgb"+Y),rgba:new RegExp("rgba"+U),hsl:new RegExp("hsl"+Y),hsla:new RegExp("hsla"+U),hsv:new RegExp("hsv"+Y),hsva:new RegExp("hsva"+U),cmyk:new RegExp("cmyk"+U),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function jo(t){if(t=t.trim().toLowerCase(),t.length===0)return!1;let o=!1;if(W[t])t=W[t],o=!0;else if(t==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let e=k.rgb.exec(t);return e?{r:e[1],g:e[2],b:e[3]}:(e=k.rgba.exec(t),e?{r:e[1],g:e[2],b:e[3],a:e[4]}:(e=k.hsl.exec(t),e?{h:e[1],s:e[2],l:e[3]}:(e=k.hsla.exec(t),e?{h:e[1],s:e[2],l:e[3],a:e[4]}:(e=k.hsv.exec(t),e?{h:e[1],s:e[2],v:e[3]}:(e=k.hsva.exec(t),e?{h:e[1],s:e[2],v:e[3],a:e[4]}:(e=k.cmyk.exec(t),e?{c:e[1],m:e[2],y:e[3],k:e[4]}:(e=k.hex8.exec(t),e?{r:x(e[1]),g:x(e[2]),b:x(e[3]),a:lo(e[4]),format:o?"name":"hex8"}:(e=k.hex6.exec(t),e?{r:x(e[1]),g:x(e[2]),b:x(e[3]),format:o?"name":"hex"}:(e=k.hex4.exec(t),e?{r:x(e[1]+e[1]),g:x(e[2]+e[2]),b:x(e[3]+e[3]),a:lo(e[4]+e[4]),format:o?"name":"hex8"}:(e=k.hex3.exec(t),e?{r:x(e[1]+e[1]),g:x(e[2]+e[2]),b:x(e[3]+e[3]),format:o?"name":"hex"}:!1))))))))))}function v(t){return typeof t=="number"?!Number.isNaN(t):k.CSS_UNIT.test(t)}let h=class u{constructor(o="",e={}){if(o instanceof u)return o;typeof o=="number"&&(o=No(o)),this.originalInput=o;const r=Uo(o);this.originalInput=o,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=e.format??r.format,this.gradientType=e.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){const o=this.toRgb();return(o.r*299+o.g*587+o.b*114)/1e3}getLuminance(){const o=this.toRgb();let e,r,l;const i=o.r/255,a=o.g/255,n=o.b/255;return i<=.03928?e=i/12.92:e=Math.pow((i+.055)/1.055,2.4),a<=.03928?r=a/12.92:r=Math.pow((a+.055)/1.055,2.4),n<=.03928?l=n/12.92:l=Math.pow((n+.055)/1.055,2.4),.2126*e+.7152*r+.0722*l}getAlpha(){return this.a}setAlpha(o){return this.a=po(o),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){const{s:o}=this.toHsl();return o===0}toHsv(){const o=eo(this.r,this.g,this.b);return{h:o.h*360,s:o.s,v:o.v,a:this.a}}toHsvString(){const o=eo(this.r,this.g,this.b),e=Math.round(o.h*360),r=Math.round(o.s*100),l=Math.round(o.v*100);return this.a===1?`hsv(${e}, ${r}%, ${l}%)`:`hsva(${e}, ${r}%, ${l}%, ${this.roundA})`}toHsl(){const o=oo(this.r,this.g,this.b);return{h:o.h*360,s:o.s,l:o.l,a:this.a}}toHslString(){const o=oo(this.r,this.g,this.b),e=Math.round(o.h*360),r=Math.round(o.s*100),l=Math.round(o.l*100);return this.a===1?`hsl(${e}, ${r}%, ${l}%)`:`hsla(${e}, ${r}%, ${l}%, ${this.roundA})`}toHex(o=!1){return to(this.r,this.g,this.b,o)}toHexString(o=!1){return"#"+this.toHex(o)}toHex8(o=!1){return Oo(this.r,this.g,this.b,this.a,o)}toHex8String(o=!1){return"#"+this.toHex8(o)}toHexShortString(o=!1){return this.a===1?this.toHexString(o):this.toHex8String(o)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){const o=Math.round(this.r),e=Math.round(this.g),r=Math.round(this.b);return this.a===1?`rgb(${o}, ${e}, ${r})`:`rgba(${o}, ${e}, ${r}, ${this.roundA})`}toPercentageRgb(){const o=e=>`${Math.round(p(e,255)*100)}%`;return{r:o(this.r),g:o(this.g),b:o(this.b),a:this.a}}toPercentageRgbString(){const o=e=>Math.round(p(e,255)*100);return this.a===1?`rgb(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%)`:`rgba(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%, ${this.roundA})`}toCmyk(){return{...ro(this.r,this.g,this.b)}}toCmykString(){const{c:o,m:e,y:r,k:l}=ro(this.r,this.g,this.b);return`cmyk(${o}, ${e}, ${r}, ${l})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;const o="#"+to(this.r,this.g,this.b,!1);for(const[e,r]of Object.entries(W))if(o===r)return e;return!1}toString(o){const e=!!o;o=o??this.format;let r=!1;const l=this.a<1&&this.a>=0;return!e&&l&&(o.startsWith("hex")||o==="name")?o==="name"&&this.a===0?this.toName():this.toRgbString():(o==="rgb"&&(r=this.toRgbString()),o==="prgb"&&(r=this.toPercentageRgbString()),(o==="hex"||o==="hex6")&&(r=this.toHexString()),o==="hex3"&&(r=this.toHexString(!0)),o==="hex4"&&(r=this.toHex8String(!0)),o==="hex8"&&(r=this.toHex8String()),o==="name"&&(r=this.toName()),o==="hsl"&&(r=this.toHslString()),o==="hsv"&&(r=this.toHsvString()),o==="cmyk"&&(r=this.toCmykString()),r||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new u(this.toString())}lighten(o=10){const e=this.toHsl();return e.l+=o/100,e.l=D(e.l),new u(e)}brighten(o=10){const e=this.toRgb();return e.r=Math.max(0,Math.min(255,e.r-Math.round(255*-(o/100)))),e.g=Math.max(0,Math.min(255,e.g-Math.round(255*-(o/100)))),e.b=Math.max(0,Math.min(255,e.b-Math.round(255*-(o/100)))),new u(e)}darken(o=10){const e=this.toHsl();return e.l-=o/100,e.l=D(e.l),new u(e)}tint(o=10){return this.mix("white",o)}shade(o=10){return this.mix("black",o)}desaturate(o=10){const e=this.toHsl();return e.s-=o/100,e.s=D(e.s),new u(e)}saturate(o=10){const e=this.toHsl();return e.s+=o/100,e.s=D(e.s),new u(e)}greyscale(){return this.desaturate(100)}spin(o){const e=this.toHsl(),r=(e.h+o)%360;return e.h=r<0?360+r:r,new u(e)}mix(o,e=50){const r=this.toRgb(),l=new u(o).toRgb(),i=e/100,a={r:(l.r-r.r)*i+r.r,g:(l.g-r.g)*i+r.g,b:(l.b-r.b)*i+r.b,a:(l.a-r.a)*i+r.a};return new u(a)}analogous(o=6,e=30){const r=this.toHsl(),l=360/e,i=[this];for(r.h=(r.h-(l*o>>1)+720)%360;--o;)r.h=(r.h+l)%360,i.push(new u(r));return i}complement(){const o=this.toHsl();return o.h=(o.h+180)%360,new u(o)}monochromatic(o=6){const e=this.toHsv(),{h:r}=e,{s:l}=e;let{v:i}=e;const a=[],n=1/o;for(;o--;)a.push(new u({h:r,s:l,v:i})),i=(i+n)%1;return a}splitcomplement(){const o=this.toHsl(),{h:e}=o;return[this,new u({h:(e+72)%360,s:o.s,l:o.l}),new u({h:(e+216)%360,s:o.s,l:o.l})]}onBackground(o){const e=this.toRgb(),r=new u(o).toRgb(),l=e.a+r.a*(1-e.a);return new u({r:(e.r*e.a+r.r*r.a*(1-e.a))/l,g:(e.g*e.a+r.g*r.a*(1-e.a))/l,b:(e.b*e.a+r.b*r.a*(1-e.a))/l,a:l})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(o){const e=this.toHsl(),{h:r}=e,l=[this],i=360/o;for(let a=1;a<o;a++)l.push(new u({h:(r+a*i)%360,s:e.s,l:e.l}));return l}equals(o){const e=new u(o);return this.format==="cmyk"||e.format==="cmyk"?this.toCmykString()===e.toCmykString():this.toRgbString()===e.toRgbString()}};/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -125,7 +125,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const io=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,ao=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,so=/(^hs[v|l]a?\()\d{1,3}/,O=(t,o)=>o?t.toHexString():t.toHex();let go=class{constructor(o,{applyColorToState:e,extractColorFromState:r,maintains:l}){this.maintains="hue",this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(i,a)=>a?i.toRgbString():i.toRgb(),prgb:(i,a)=>a?i.toPercentageRgbString():i.toPercentageRgb(),hex8:(i,a)=>a?i.toHex8String():i.toHex8(),name:i=>i.toName()||i.toRgbString(),hsl:(i,a)=>{if(this.maintains==="hue"){if(a)return i.toHslString().replace(so,`$1${this.hue}`);const{s:b,l:P,a:V}=i.toHsl();return{h:this.hue,s:b,l:P,a:V}}if(a)return i.toHslString().replace(ao,`$1${this.hue}$2${this.saturation}`);const{s:n,l:c,a:m}=i.toHsl();return{h:this.hue,s:n,l:c,a:m}},hsv:(i,a)=>{if(this.maintains==="hue"){if(a)return i.toHsvString().replace(so,`$1${this.hue}`);const{s:b,v:P,a:V}=i.toHsv();return{h:this.hue,s:b,v:P,a:V}}if(a)return i.toHsvString().replace(ao,`$1${this.hue}$2${this.saturation}`);const{s:n,v:c,a:m}=i.toHsv();return{h:this.hue,s:n,v:c,a:m}},hex:O,hex3:O,hex4:O,hex6:O},this._color=new h({h:0,s:1,v:1}),this._previousColor=new h({h:0,s:1,v:1}),this._format={format:"",isString:!1},this.host=o,this.applyColorToState=e,this.extractColorFromState=r,this.maintains=l||this.maintains}setColorProcess(o,e,r,l){this.maintains==="hue"?this.setColorMaintainHue(o,e,r,l):this.maintains==="saturation"&&this.setColorMaintainSaturation(o,e,r,l)}setColorMaintainHue(o,e,r,l){const{h:i,s:a,v:n,a:c}=this._color.toHsv();let m;if(l&&r.startsWith("hs")){const b=io.exec(e);if(b!==null){const[,P]=b;m=Number(P)}}else if(!l&&r.startsWith("hs")){const b=o.originalInput;m=Object.values(b)[0]}this.hue=m||i,this.opacity=c??1,this.applyColorToState({h:i,s:a,v:n,a:c})}setColorMaintainSaturation(o,e,r,l){const{a:i}=this._color.toHsv();if(l&&r.startsWith("hs")){const a=io.exec(e);if(a!==null){const[,n,c]=a;this.hue=Number(n),this.saturation=Number(c)}}else if(!l&&r.startsWith("hs")){const a=o.originalInput,n=Object.values(a);this.hue=n[0],this.saturation=n[1]}else{const{h:a}=o.toHsv();this.hue=a}this.opacity=i??1,this.applyColorToState(o.toHsv())}applyColorFromState(){this._color=new h(this.extractColorFromState(this))}get hue(){return this._hue}set hue(o){const e=Math.min(360,Math.max(0,o));if(e===this.hue)return;const r=this.hue,{s:l,v:i,a}=this._color.toHsv();this._color=new h({h:e,s:l,v:i,a}),this._hue=e,this.host.requestUpdate("hue",r)}get opacity(){return this._opacity}set opacity(o){const e=Math.min(1,Math.max(0,o));if(e===this.opacity)return;const r=this.opacity,{h:l,s:i,v:a}=this._color.toHsv();this._color=new h({h:l,s:i,v:a,a:e}),this._opacity=e,this.host.requestUpdate("opacity",r)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||"hex"](this._color,this._format.isString)}set color(o){if(o===this.color)return;const e=this._color;this._color=new h(o);const r=this._color.format;let l=typeof o=="string"||o instanceof String;r.startsWith("hex")&&(l=o.startsWith("#")),this._format={format:r,isString:l},this.setColorProcess(this._color,o,r,l),this.host.requestUpdate("color",e)}getColor(o){const e={hsl:"toHsl"};return this._color[e[o]]()}setColor(o){this._color=o;const e=typeof this._color.originalInput=="string"||this._color.originalInput instanceof String;this.setColorProcess(this._color,o,this._color.format,e)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}};/*! * Lucero - The design system for Luzmo.
+ * */const io=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,ao=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,so=/(^hs[v|l]a?\()\d{1,3}/,I=(t,o)=>o?t.toHexString():t.toHex();let go=class{constructor(o,{applyColorToState:e,extractColorFromState:r,maintains:l}){this.maintains="hue",this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(i,a)=>a?i.toRgbString():i.toRgb(),prgb:(i,a)=>a?i.toPercentageRgbString():i.toPercentageRgb(),hex8:(i,a)=>a?i.toHex8String():i.toHex8(),name:i=>i.toName()||i.toRgbString(),hsl:(i,a)=>{if(this.maintains==="hue"){if(a)return i.toHslString().replace(so,`$1${this.hue}`);const{s:b,l:P,a:V}=i.toHsl();return{h:this.hue,s:b,l:P,a:V}}if(a)return i.toHslString().replace(ao,`$1${this.hue}$2${this.saturation}`);const{s:n,l:c,a:m}=i.toHsl();return{h:this.hue,s:n,l:c,a:m}},hsv:(i,a)=>{if(this.maintains==="hue"){if(a)return i.toHsvString().replace(so,`$1${this.hue}`);const{s:b,v:P,a:V}=i.toHsv();return{h:this.hue,s:b,v:P,a:V}}if(a)return i.toHsvString().replace(ao,`$1${this.hue}$2${this.saturation}`);const{s:n,v:c,a:m}=i.toHsv();return{h:this.hue,s:n,v:c,a:m}},hex:I,hex3:I,hex4:I,hex6:I},this._color=new h({h:0,s:1,v:1}),this._previousColor=new h({h:0,s:1,v:1}),this._format={format:"",isString:!1},this.host=o,this.applyColorToState=e,this.extractColorFromState=r,this.maintains=l||this.maintains}setColorProcess(o,e,r,l){this.maintains==="hue"?this.setColorMaintainHue(o,e,r,l):this.maintains==="saturation"&&this.setColorMaintainSaturation(o,e,r,l)}setColorMaintainHue(o,e,r,l){const{h:i,s:a,v:n,a:c}=this._color.toHsv();let m;if(l&&r.startsWith("hs")){const b=io.exec(e);if(b!==null){const[,P]=b;m=Number(P)}}else if(!l&&r.startsWith("hs")){const b=o.originalInput;m=Object.values(b)[0]}this.hue=m||i,this.opacity=c??1,this.applyColorToState({h:i,s:a,v:n,a:c})}setColorMaintainSaturation(o,e,r,l){const{a:i}=this._color.toHsv();if(l&&r.startsWith("hs")){const a=io.exec(e);if(a!==null){const[,n,c]=a;this.hue=Number(n),this.saturation=Number(c)}}else if(!l&&r.startsWith("hs")){const a=o.originalInput,n=Object.values(a);this.hue=n[0],this.saturation=n[1]}else{const{h:a}=o.toHsv();this.hue=a}this.opacity=i??1,this.applyColorToState(o.toHsv())}applyColorFromState(){this._color=new h(this.extractColorFromState(this))}get hue(){return this._hue}set hue(o){const e=Math.min(360,Math.max(0,o));if(e===this.hue)return;const r=this.hue,{s:l,v:i,a}=this._color.toHsv();this._color=new h({h:e,s:l,v:i,a}),this._hue=e,this.host.requestUpdate("hue",r)}get opacity(){return this._opacity}set opacity(o){const e=Math.min(1,Math.max(0,o));if(e===this.opacity)return;const r=this.opacity,{h:l,s:i,v:a}=this._color.toHsv();this._color=new h({h:l,s:i,v:a,a:e}),this._opacity=e,this.host.requestUpdate("opacity",r)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||"hex"](this._color,this._format.isString)}set color(o){if(o===this.color)return;const e=this._color;this._color=new h(o);const r=this._color.format;let l=typeof o=="string"||o instanceof String;r.startsWith("hex")&&(l=o.startsWith("#")),this._format={format:r,isString:l},this.setColorProcess(this._color,o,r,l),this.host.requestUpdate("color",e)}getColor(o){const e={hsl:"toHsl"};return this._color[e[o]]()}setColor(o){this._color=o;const e=typeof this._color.originalInput=="string"||this._color.originalInput instanceof String;this.setColorProcess(this._color,o,this._color.format,e)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}};/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -141,7 +141,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const Ko=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};Ko();const Vo="@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)));display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,z=(t,o,e,r)=>{for(var l=r>1?void 0:r?Yo(o,e):o,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=(r?a(o,e,l):a(l))||l);return r&&l&&Xo(o,e,l),l};class g extends s.kt{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.labelX="saturation",this.labelY="luminosity",this.isLTR=!0,this.languageResolver=new L.l(this),this.colorController=new go(this,{extractColorFromState:()=>({h:this.hue,s:this.x,v:this.y}),applyColorToState:({s:o,v:e})=>{this._x=o,this._y=e,this.requestUpdate()}}),this.activeAxis="x",this._x=1,this._y=1,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1}static get styles(){return[s.ht(Vo)]}get hue(){return this.colorController.hue}set hue(o){this.colorController.hue=o}get value(){return this.colorController.color}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get x(){return this._x}set x(o){if(o===this.x)return;const e=this.x;this._x=o,this.inputX&&(this.inputX.value=o.toString(),this._x=this.inputX.valueAsNumber),this.requestUpdate("x",e),this.colorController.applyColorFromState()}get y(){return this._y}set y(o){if(o===this.y)return;const e=this.y;this._y=o,this.inputY&&(this.inputY.value=o.toString(),this._y=this.inputY.valueAsNumber),this.requestUpdate("y",e),this.colorController.applyColorFromState()}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.activeAxis==="x"?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(o){const{code:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(r=>!!r).length,(e.search("Arrow")===0||e.search("Page")===0||e.search("Home")===0||e.search("End")===0)&&(o.preventDefault(),this.activeKeys.add(e),this.handleKeypress())}handleKeypress(){let o=0,e=0;const r=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(l=>{switch(l){case"ArrowUp":{e=r;break}case"ArrowDown":{e=r*-1;break}case"ArrowLeft":{o=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{o=this.step*(this.isLTR?1:-1);break}case"PageUp":{e=r*10;break}case"PageDown":{e=r*-10;break}case"Home":{o=r*(this.isLTR?-10:10);break}case"End":{o=r*(this.isLTR?10:-10);break}}}),o!==0?(this.activeAxis="x",this.inputX.focus()):e!==0&&(this.activeAxis="y",this.inputY.focus()),this.x=Math.min(1,Math.max(this.x+o,0)),this.y=Math.min(1,Math.max(this.y+e,0)),this.colorController.savePreviousColor(),this.colorController.applyColorFromState(),(o!==0||e!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(o){o.preventDefault();const{code:e}=o;this.activeKeys.delete(e)}handleInput(o){const{valueAsNumber:e,name:r}=o.target;this[r]=e,this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){const[e,r]=this.calculateHandlePosition(o);this._valueChanged=!1,this.x=e,this.y=1-r,this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){o.preventDefault(),this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId);const e=this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),o.pointerType==="mouse"&&(this.focused=!1),e||this.colorController.restorePreviousColor()}calculateHandlePosition(o){if(!this.boundingClientRect)return[this.x,this.y];const e=this.boundingClientRect,r=e.left,l=e.top,i=o.clientX,a=o.clientY,n=e.width,c=e.height,m=Math.max(0,Math.min(1,(i-r)/n)),b=Math.max(0,Math.min(1,(a-l)/c));return[this.isLTR?m:1-m,b]}handleAreaPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}render(){const{width:o=0,height:e=0}=this.boundingClientRect||{},r=Q.w()||Q.a(),l="Color Picker",i=d.m(r?void 0:"2d slider"),a=this.labelX,n=this.labelY,c=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.x),m=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.y),b=`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`;return s.Ht`
+ * */const Ko=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};Ko();const Vo="@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)));display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,f=(t,o,e,r)=>{for(var l=r>1?void 0:r?Yo(o,e):o,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=(r?a(o,e,l):a(l))||l);return r&&l&&Xo(o,e,l),l};class g extends s.kt{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.labelX="saturation",this.labelY="luminosity",this.isLTR=!0,this.languageResolver=new L.l(this),this.colorController=new go(this,{extractColorFromState:()=>({h:this.hue,s:this.x,v:this.y}),applyColorToState:({s:o,v:e})=>{this._x=o,this._y=e,this.requestUpdate()}}),this.activeAxis="x",this._x=1,this._y=1,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1}static get styles(){return[s.ht(Vo)]}get hue(){return this.colorController.hue}set hue(o){this.colorController.hue=o}get value(){return this.colorController.color}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get x(){return this._x}set x(o){if(o===this.x)return;const e=this.x;this._x=o,this.inputX&&(this.inputX.value=o.toString(),this._x=this.inputX.valueAsNumber),this.requestUpdate("x",e),this.colorController.applyColorFromState()}get y(){return this._y}set y(o){if(o===this.y)return;const e=this.y;this._y=o,this.inputY&&(this.inputY.value=o.toString(),this._y=this.inputY.valueAsNumber),this.requestUpdate("y",e),this.colorController.applyColorFromState()}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.activeAxis==="x"?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(o){const{code:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(r=>!!r).length,(e.search("Arrow")===0||e.search("Page")===0||e.search("Home")===0||e.search("End")===0)&&(o.preventDefault(),this.activeKeys.add(e),this.handleKeypress())}handleKeypress(){let o=0,e=0;const r=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(l=>{switch(l){case"ArrowUp":{e=r;break}case"ArrowDown":{e=r*-1;break}case"ArrowLeft":{o=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{o=this.step*(this.isLTR?1:-1);break}case"PageUp":{e=r*10;break}case"PageDown":{e=r*-10;break}case"Home":{o=r*(this.isLTR?-10:10);break}case"End":{o=r*(this.isLTR?10:-10);break}}}),o!==0?(this.activeAxis="x",this.inputX.focus()):e!==0&&(this.activeAxis="y",this.inputY.focus()),this.x=Math.min(1,Math.max(this.x+o,0)),this.y=Math.min(1,Math.max(this.y+e,0)),this.colorController.savePreviousColor(),this.colorController.applyColorFromState(),(o!==0||e!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(o){o.preventDefault();const{code:e}=o;this.activeKeys.delete(e)}handleInput(o){const{valueAsNumber:e,name:r}=o.target;this[r]=e,this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){const[e,r]=this.calculateHandlePosition(o);this._valueChanged=!1,this.x=e,this.y=1-r,this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){o.preventDefault(),this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId);const e=this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),o.pointerType==="mouse"&&(this.focused=!1),e||this.colorController.restorePreviousColor()}calculateHandlePosition(o){if(!this.boundingClientRect)return[this.x,this.y];const e=this.boundingClientRect,r=e.left,l=e.top,i=o.clientX,a=o.clientY,n=e.width,c=e.height,m=Math.max(0,Math.min(1,(i-r)/n)),b=Math.max(0,Math.min(1,(a-l)/c));return[this.isLTR?m:1-m,b]}handleAreaPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}render(){const{width:o=0,height:e=0}=this.boundingClientRect||{},r=Q.w()||Q.a(),l="Color Picker",i=d.m(r?void 0:"2d slider"),a=this.labelX,n=this.labelY,c=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.x),m=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.y),b=`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`;return s.Ht`
       <div
         @pointerdown=${this.handleAreaPointerdown}
         class="gradient"
@@ -203,7 +203,7 @@
           />
         </div>
       </fieldset>
-    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur),this.addEventListener("keyup",this.handleKeyup),this.addEventListener("keydown",this.handleKeydown)}updated(o){if(super.updated(o),this.x!==this.inputX.valueAsNumber&&(this._x=this.inputX.valueAsNumber),this.y!==this.inputY.valueAsNumber&&(this._y=this.inputY.valueAsNumber),o.has("focused")&&this.focused){const e=this.inputX.parentElement,r=this.inputY.parentElement;if(!e.shadowRoot&&!r.shadowRoot){e.attachShadow({mode:"open"}),r.attachShadow({mode:"open"});const l='<div tabindex="-1"><slot></slot></div>';e.shadowRoot.innerHTML=l,r.shadowRoot.innerHTML=l}}}connectedCallback(){var o;super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(e=>{for(const r of e)this.boundingClientRect=r.contentRect;this.requestUpdate()})),(o=this.observer)==null||o.observe(this)}disconnectedCallback(){var o;(o=this.observer)==null||o.unobserve(this),super.disconnectedCallback()}}z([s.Rt({type:String,reflect:!0})],g.prototype,"dir",2);z([s.Rt({type:Boolean,reflect:!0})],g.prototype,"disabled",2);z([s.Rt({type:Boolean,reflect:!0})],g.prototype,"focused",2);z([s.Rt({type:String,attribute:"label-x"})],g.prototype,"labelX",2);z([s.Rt({type:String,attribute:"label-y"})],g.prototype,"labelY",2);z([s.Rt({type:Boolean,attribute:"is-ltr"})],g.prototype,"isLTR",2);z([d.d(".handle")],g.prototype,"handle",2);z([s.Rt({type:Number})],g.prototype,"hue",1);z([s.Rt({type:String})],g.prototype,"value",1);z([s.Rt({type:String})],g.prototype,"color",1);z([s.Rt({attribute:!1})],g.prototype,"activeAxis",2);z([s.Rt({type:Number})],g.prototype,"x",1);z([s.Rt({type:Number})],g.prototype,"y",1);z([s.Rt({type:Number})],g.prototype,"step",2);z([d.d('[name="x"]')],g.prototype,"inputX",2);z([d.d('[name="y"]')],g.prototype,"inputY",2);customElements.get("luzmo-color-area")||customElements.define("luzmo-color-area",g);/*! * Lucero - The design system for Luzmo.
+    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur),this.addEventListener("keyup",this.handleKeyup),this.addEventListener("keydown",this.handleKeydown)}updated(o){if(super.updated(o),this.x!==this.inputX.valueAsNumber&&(this._x=this.inputX.valueAsNumber),this.y!==this.inputY.valueAsNumber&&(this._y=this.inputY.valueAsNumber),o.has("focused")&&this.focused){const e=this.inputX.parentElement,r=this.inputY.parentElement;if(!e.shadowRoot&&!r.shadowRoot){e.attachShadow({mode:"open"}),r.attachShadow({mode:"open"});const l='<div tabindex="-1"><slot></slot></div>';e.shadowRoot.innerHTML=l,r.shadowRoot.innerHTML=l}}}connectedCallback(){var o;super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(e=>{for(const r of e)this.boundingClientRect=r.contentRect;this.requestUpdate()})),(o=this.observer)==null||o.observe(this)}disconnectedCallback(){var o;(o=this.observer)==null||o.unobserve(this),super.disconnectedCallback()}}f([s.Rt({type:String,reflect:!0})],g.prototype,"dir",2);f([s.Rt({type:Boolean,reflect:!0})],g.prototype,"disabled",2);f([s.Rt({type:Boolean,reflect:!0})],g.prototype,"focused",2);f([s.Rt({type:String,attribute:"label-x"})],g.prototype,"labelX",2);f([s.Rt({type:String,attribute:"label-y"})],g.prototype,"labelY",2);f([s.Rt({type:Boolean,attribute:"is-ltr"})],g.prototype,"isLTR",2);f([d.d(".handle")],g.prototype,"handle",2);f([s.Rt({type:Number})],g.prototype,"hue",1);f([s.Rt({type:String})],g.prototype,"value",1);f([s.Rt({type:String})],g.prototype,"color",1);f([s.Rt({attribute:!1})],g.prototype,"activeAxis",2);f([s.Rt({type:Number})],g.prototype,"x",1);f([s.Rt({type:Number})],g.prototype,"y",1);f([s.Rt({type:Number})],g.prototype,"step",2);f([d.d('[name="x"]')],g.prototype,"inputX",2);f([d.d('[name="y"]')],g.prototype,"inputY",2);customElements.get("luzmo-color-area")||customElements.define("luzmo-color-area",g);/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -240,7 +240,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const Qo=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};Qo();const Jo='.opacity-checkerboard{position:absolute;block-size:100%;inline-size:100%;background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}:host{--luzmo-color-slider-gradient-fallback: rgb(255 0 0) 0%, rgb(255 255 0) 17%, rgb(0 255 0) 33%, rgb(0 255 255) 50%, rgb(0 0 255) 67%, rgb(255 0 255) 83%, rgb(255 0 0) 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors: active){:host{--highcontrast-color-slider-border-color: CanvasText;--highcontrast-color-slider-border-color-disabled: GrayText;--highcontrast-color-slider-background-color-disabled: Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius: var( --luzmo-color-slider-handle-hitarea-border-radius, 0px );min-inline-size:var(--luzmo-color-slider-minimum-length, 80px);inline-size:var(--luzmo-color-slider-length, 192px);block-size:var(--luzmo-color-slider-control-track-width, 24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height, var(--luzmo-color-slider-minimum-length, 80px));block-size:var(--luzmo-color-slider-vertical-height, var(--luzmo-color-slider-length, 192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width, var(--luzmo-color-slider-control-track-height, 24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color, var(--luzmo-color-slider-border-color, var(--luzmo-border-color)) )}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width, var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s));position:absolute;top:0;right:0;bottom:0;left:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color-disabled, var(--luzmo-color-slider-border-color-disabled, var(--luzmo-dimmed-color)) );background:var(--highcontrast-color-slider-background-color-disabled, var(--luzmo-color-slider-background-color-disabled, var(--luzmo-dimmed-color)))}.checkerboard,.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s))}.gradient:dir(rtl),:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}';var oe=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,w=(t,o,e,r)=>{for(var l=r>1?void 0:r?ee(o,e):o,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=(r?a(o,e,l):a(l))||l);return r&&l&&oe(o,e,l),l};let f=class extends s.r{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.label="hue",this.vertical=!1,this.languageResolver=new L.l(this),this.colorController=new go(this,{applyColorToState:()=>{if(this.mode==="opacity"){const o=new h(this.colorController.color);this.sliderHandlePosition=100*o.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:o=>this.mode==="opacity"?{...o.getColor("hsl"),a:this.value}:{...o.getColor("hsl"),h:this.value},maintains:"saturation"}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[s.ht(Jo)]}get value(){return this.mode==="opacity"?this.colorController.opacity:this.colorController.hue}set value(o){this.mode==="opacity"?this.colorController.opacity=o:this.colorController.hue=o}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get altered(){return this._altered}set altered(o){this._altered=o,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(o){const{key:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(i=>!!i).length;let r=0;switch(e){case"ArrowUp":{r=this.step;break}case"ArrowDown":{r=-this.step;break}case"ArrowLeft":{r=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{r=this.step*(this.isLTR?1:-1);break}default:return}o.preventDefault();const l=100/(this.mode==="opacity"?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+r*l)),this.value=this.mode==="opacity"?Math.min(1,Math.max(0,this.value+r/100)):Math.min(360,Math.max(0,this.value+r)),this.colorController.applyColorFromState(),r!==0&&(this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleInput(o){const{valueAsNumber:e}=o.target;this.value=e,this.sliderHandlePosition=100*(this.mode==="opacity"?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){this.sliderHandlePosition=this.calculateHandlePosition(o),this.value=(this.mode==="opacity"?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),o.pointerType==="mouse"&&(this.focused=!1)}calculateHandlePosition(o){if(!this.boundingClientRect)return this.sliderHandlePosition;const e=this.boundingClientRect,r=this.vertical?e.top:e.left,l=this.vertical?o.clientY:o.clientX,i=this.vertical?e.height:e.width,a=Math.max(0,Math.min(1,(l-r)/i));return this.vertical||!this.isLTR?100-100*a:100*a}handleGradientPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}get handlePositionStyles(){return`${this.vertical?"inset-block-end":"inset-inline-start"}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){const o=this.vertical?"top":"right";if(this.mode==="opacity"){const e=new h(this.colorController.color).setAlpha(1).toRgbString();return{background:`linear-gradient(to ${o}, transparent, ${e})`}}return{background:`linear-gradient(to ${o}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return s.Ht`
+ * */const Qo=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};Qo();const Jo='.opacity-checkerboard{position:absolute;block-size:100%;inline-size:100%;background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}:host{--luzmo-color-slider-gradient-fallback: rgb(255 0 0) 0%, rgb(255 255 0) 17%, rgb(0 255 0) 33%, rgb(0 255 255) 50%, rgb(0 0 255) 67%, rgb(255 0 255) 83%, rgb(255 0 0) 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors: active){:host{--highcontrast-color-slider-border-color: CanvasText;--highcontrast-color-slider-border-color-disabled: GrayText;--highcontrast-color-slider-background-color-disabled: Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius: var( --luzmo-color-slider-handle-hitarea-border-radius, 0px );min-inline-size:var(--luzmo-color-slider-minimum-length, 80px);inline-size:var(--luzmo-color-slider-length, 192px);block-size:var(--luzmo-color-slider-control-track-width, 24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height, var(--luzmo-color-slider-minimum-length, 80px));block-size:var(--luzmo-color-slider-vertical-height, var(--luzmo-color-slider-length, 192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width, var(--luzmo-color-slider-control-track-height, 24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color, var(--luzmo-color-slider-border-color, var(--luzmo-border-color)) )}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width, var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s));position:absolute;top:0;right:0;bottom:0;left:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color-disabled, var(--luzmo-color-slider-border-color-disabled, var(--luzmo-dimmed-color)) );background:var(--highcontrast-color-slider-background-color-disabled, var(--luzmo-color-slider-background-color-disabled, var(--luzmo-dimmed-color)))}.checkerboard,.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s))}.gradient:dir(rtl),:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}';var oe=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,w=(t,o,e,r)=>{for(var l=r>1?void 0:r?ee(o,e):o,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=(r?a(o,e,l):a(l))||l);return r&&l&&oe(o,e,l),l};let z=class extends s.r{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.label="hue",this.vertical=!1,this.languageResolver=new L.l(this),this.colorController=new go(this,{applyColorToState:()=>{if(this.mode==="opacity"){const o=new h(this.colorController.color);this.sliderHandlePosition=100*o.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:o=>this.mode==="opacity"?{...o.getColor("hsl"),a:this.value}:{...o.getColor("hsl"),h:this.value},maintains:"saturation"}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[s.ht(Jo)]}get value(){return this.mode==="opacity"?this.colorController.opacity:this.colorController.hue}set value(o){this.mode==="opacity"?this.colorController.opacity=o:this.colorController.hue=o}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get altered(){return this._altered}set altered(o){this._altered=o,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(o){const{key:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(i=>!!i).length;let r=0;switch(e){case"ArrowUp":{r=this.step;break}case"ArrowDown":{r=-this.step;break}case"ArrowLeft":{r=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{r=this.step*(this.isLTR?1:-1);break}default:return}o.preventDefault();const l=100/(this.mode==="opacity"?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+r*l)),this.value=this.mode==="opacity"?Math.min(1,Math.max(0,this.value+r/100)):Math.min(360,Math.max(0,this.value+r)),this.colorController.applyColorFromState(),r!==0&&(this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleInput(o){const{valueAsNumber:e}=o.target;this.value=e,this.sliderHandlePosition=100*(this.mode==="opacity"?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){this.sliderHandlePosition=this.calculateHandlePosition(o),this.value=(this.mode==="opacity"?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),o.pointerType==="mouse"&&(this.focused=!1)}calculateHandlePosition(o){if(!this.boundingClientRect)return this.sliderHandlePosition;const e=this.boundingClientRect,r=this.vertical?e.top:e.left,l=this.vertical?o.clientY:o.clientX,i=this.vertical?e.height:e.width,a=Math.max(0,Math.min(1,(l-r)/i));return this.vertical||!this.isLTR?100-100*a:100*a}handleGradientPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}get handlePositionStyles(){return`${this.vertical?"inset-block-end":"inset-inline-start"}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){const o=this.vertical?"top":"right";if(this.mode==="opacity"){const e=new h(this.colorController.color).setAlpha(1).toRgbString();return{background:`linear-gradient(to ${o}, transparent, ${e})`}}return{background:`linear-gradient(to ${o}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return s.Ht`
       <div
         class="opacity-checkerboard checkerboard"
         role="presentation"
@@ -279,7 +279,7 @@
         @change=${this.handleChange}
         @keydown=${this.handleKeydown}
       />
-    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur)}updated(o){o.has("mode")&&(this.handle.style.insetInlineStart="",this.handle.style.insetBlockEnd="",this.mode==="opacity"&&(this.colorController.color=new h(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+"%"))}};w([s.Rt({type:String,reflect:!0})],f.prototype,"dir",2);w([s.Rt({type:String,reflect:!0})],f.prototype,"mode",2);w([s.Rt({type:Boolean,reflect:!0})],f.prototype,"disabled",2);w([s.Rt({type:Boolean,reflect:!0})],f.prototype,"focused",2);w([d.d(".handle")],f.prototype,"handle",2);w([s.Rt({type:String})],f.prototype,"label",2);w([s.Rt({type:Boolean,reflect:!0})],f.prototype,"vertical",2);w([s.Rt({type:Number})],f.prototype,"value",1);w([s.Rt({type:Number,reflect:!0})],f.prototype,"sliderHandlePosition",2);w([s.Rt({type:String})],f.prototype,"color",1);w([s.Rt({type:Number})],f.prototype,"step",2);w([s.Rt({type:Boolean,attribute:"is-ltr"})],f.prototype,"isLTR",2);w([d.d("input")],f.prototype,"input",2);customElements.get("luzmo-color-slider")||customElements.define("luzmo-color-slider",f);/*! * Lucero - The design system for Luzmo.
+    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur)}updated(o){o.has("mode")&&(this.handle.style.insetInlineStart="",this.handle.style.insetBlockEnd="",this.mode==="opacity"&&(this.colorController.color=new h(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+"%"))}};w([s.Rt({type:String,reflect:!0})],z.prototype,"dir",2);w([s.Rt({type:String,reflect:!0})],z.prototype,"mode",2);w([s.Rt({type:Boolean,reflect:!0})],z.prototype,"disabled",2);w([s.Rt({type:Boolean,reflect:!0})],z.prototype,"focused",2);w([d.d(".handle")],z.prototype,"handle",2);w([s.Rt({type:String})],z.prototype,"label",2);w([s.Rt({type:Boolean,reflect:!0})],z.prototype,"vertical",2);w([s.Rt({type:Number})],z.prototype,"value",1);w([s.Rt({type:Number,reflect:!0})],z.prototype,"sliderHandlePosition",2);w([s.Rt({type:String})],z.prototype,"color",1);w([s.Rt({type:Number})],z.prototype,"step",2);w([s.Rt({type:Boolean,attribute:"is-ltr"})],z.prototype,"isLTR",2);w([d.d("input")],z.prototype,"input",2);customElements.get("luzmo-color-slider")||customElements.define("luzmo-color-slider",z);/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -312,7 +312,7 @@
         fill="var(--swatch-disabled-icon-stroke-color)"
       />
     </svg>
-  `,this.renderMixedValue=()=>B.luzmoIcon(B.luzmoDash)}static get styles(){return[s.ht(re)]}get value(){return this._value||this.color||this.label}set value(o){if(o===this._value)return;const e=this.value;this._value=o,this.requestUpdate("value",e)}get focusElement(){return this}toggle(o){this.readonly||(this.selected=o??!this.selected)}handleClick(){this.disabled||this.mixedValue||(this.toggle(),this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||this.toggle())}handleKeydown(o){const{code:e}=o;switch(e){case"Space":{o.preventDefault(),this.addEventListener("keyup",this.handleKeyup);break}}}handleKeypress(o){const{code:e}=o;switch(e){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(o){const{code:e}=o;switch(e){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.click();break}}}render(){return s.Ht`
+  `,this.renderMixedValue=()=>B.O2(B.$)}static get styles(){return[s.ht(re)]}get value(){return this._value||this.color||this.label}set value(o){if(o===this._value)return;const e=this.value;this._value=o,this.requestUpdate("value",e)}get focusElement(){return this}toggle(o){this.readonly||(this.selected=o??!this.selected)}handleClick(){this.disabled||this.mixedValue||(this.toggle(),this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||this.toggle())}handleKeydown(o){const{code:e}=o;switch(e){case"Space":{o.preventDefault(),this.addEventListener("keyup",this.handleKeyup);break}}}handleKeypress(o){const{code:e}=o;switch(e){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(o){const{code:e}=o;switch(e){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.click();break}}}render(){return s.Ht`
       <div
         class="opacity-checkerboard fill"
         style=${d.m(this.color?`--picked-color: ${this.color}`:void 0)}
@@ -342,7 +342,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const ce=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};ce();const ue='@charset "UTF-8";:host{width:var(--luzmo-color-menu-width, var(--color-menu-width))}.hue-opacity-text-swatches-container{display:flex;gap:var(--luzmo-color-menu-color-controls-vertical-gap, var(--color-menu-color-controls-vertical-gap));flex-direction:column;padding:var(--luzmo-color-menu-hue-opacity-text-swatches-vertical-padding, var(--color-menu-hue-opacity-text-swatches-vertical-padding)) var(--luzmo-color-menu-hue-opacity-text-swatches-horizontal-padding, var(--color-menu-hue-opacity-text-swatches-horizontal-padding))}.swatch-sliders-container{display:flex;gap:var(--luzmo-color-menu-swatch-to-sliders-space, var(--color-menu-swatch-to-sliders-space))}.swatch-example-container{display:flex;align-items:center}.field-container{display:flex;align-items:center;gap:var(--luzmo-color-menu-format-field-to-format-space, var(--color-menu-format-field-to-format-space))}.format-container{text-transform:uppercase;position:relative;background:none;border:none;outline:none;height:var(--luzmo-color-menu-format-height, var(--color-menu-format-height));cursor:pointer;font-size:var(--luzmo-color-menu-format-font-size, var(--color-menu-format-font-size));display:flex;align-items:center;color:var(--luzmo-color-menu-format-font-color, var(--color-menu-format-font-color));gap:var(--luzmo-color-menu-format-name-to-icon, var(--color-menu-format-name-to-icon-space));padding:0 var(--luzmo-color-menu-format-horizontal-padding, var(--color-menu-format-horizontal-padding))}.format-container:hover{color:var(--luzmo-color-menu-format-font-color-hover, var(--color-menu-format-font-color-hover))}.format-container:focus-visible{outline:none}.format-container:focus-visible:after{content:"";width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border:var(--luzmo-color-menu-format-indicator-width, var(--luzmo-indicator-width)) solid var(--luzmo-color-menu-format-indicator-color, var(--luzmo-indicator-color));border-radius:var(--luzmo-color-menu-format-label-indicator-border-radius, var(--luzmo-border-radius-s))}.format-container:focus-visible,.format-container:active{color:var(--luzmo-color-menu-format-font-color-down, var(--color-menu-format-font-color-down))}.format-container .format-label{-webkit-user-select:none;user-select:none}.format-container .angle-icon{display:flex;align-items:center;height:calc(var(--color-menu-format-font-size) / 1.5)}.slider-container{display:flex;flex-direction:column;justify-content:center;gap:var(--luzmo-color-menu-slider-gap, var(--color-menu-slider-gap))}luzmo-color-area{width:100%;height:var(--luzmo-color-menu-height, var(--color-menu-height))}luzmo-color-slider{width:100%}luzmo-divider{margin:var(--luzmo-spacing-5) à}.swatches-container{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--luzmo-color-menu-swatches-gap, var(--color-menu-swatches-gap))}.swatches-container luzmo-swatch{cursor:pointer}.swatches-container .swatch-choice{display:flex;align-items:center;justify-content:center}:host{--luzmo-text-field-icon-size-valid: 0px;--luzmo-text-field-icon-spacing-inline-end-valid: 1px;--luzmo-text-field-text-align: center}:host{--color-menu-width: 290px;--luzmo-text-field-width: 220px;--luzmo-color-slider-control-track-width: 8px;--color-menu-height: 140px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height);--color-menu-format-font-size: var(--luzmo-font-size-s);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-3);--color-menu-format-font-color: var(--luzmo-font-color);--color-menu-format-font-color-hover: var(--luzmo-font-color-hover);--color-menu-format-font-color-down: var(--luzmo-font-color-down);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host .swatches-container{--luzmo-swatch-size: 22px}:host([size=s]){--color-menu-width: 260px;--luzmo-text-field-width: 200px;--luzmo-color-slider-control-track-width: 8px;--color-menu-hue-opacity-text-swatches-horizontal-padding: var( --luzmo-spacing-5 );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-4 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-4);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-4);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-s);--color-menu-format-font-size: var(--luzmo-font-size-xs);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-2);--color-menu-swatches-gap: var(--luzmo-spacing-3)}:host([size=s]) .swatches-container{--luzmo-swatch-size: 20px}:host([size=l]){--color-menu-width: 350px;--luzmo-text-field-width: 240px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-format-height: var(--luzmo-component-height-l);--color-menu-format-font-size: var(--luzmo-font-size);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=l]) .swatches-container{--luzmo-swatch-size: 24px}:host([size=l]) .swatch-example-container{--luzmo-swatch-size: 56px}:host([size=xl]){--color-menu-width: 380px;--luzmo-text-field-width: 280px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-color-controls-vertical-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-swatch-to-sliders-space: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-xl);--color-menu-format-font-size: var(--luzmo-font-size-l);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-3);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=xl]) .swatches-container{--luzmo-swatch-size: 26px}:host([size=xl]) .swatch-example-container{--luzmo-swatch-size: 64px}';var he=Object.defineProperty,E=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&he(o,e,l),l};const zo=class extends j.m(s.kt){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.noAlphaChannel=!1,this._alpha=1,this._rgbColor="rgb(255, 0, 0)",this._rgbaColor="rgb(255, 0, 0, 1)",this._previousColor="rgb(255, 0, 0)"}setColor(o){var e;const r=new h((e=o==null?void 0:o.target)==null?void 0:e.color);this._format=r.format==="name"?"rgb":r.format,this._rgbaColor=r.toRgbString(),this._alpha=this.noAlphaChannel?1:r.getAlpha(),this._rgbColor=r.setAlpha(1).toRgbString(),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this.colorFieldElement.value=this.formatTextField(r),this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleAreaChange(o){o.stopPropagation(),o.preventDefault(),this._rgbColor=this.areaElement.color;const e=new h(this._rgbColor);this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleHueSliderChange(o){o.stopPropagation(),o.preventDefault();const e=new h(this._rgbColor).toHsl();e.h=this.hueSliderElement.value;const r=new h(e);this._rgbColor=r.toRgbString(),this._rgbaColor=r.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(r),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleOpacitySliderChange(o){o.stopPropagation(),o.preventDefault(),this._alpha=this.opacitySliderElement.sliderHandlePosition/100;const e=new h(this._rgbColor).setAlpha(this._alpha);this._rgbaColor=e.toRgbString(),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleFieldChange(o){if(o.stopPropagation(),o.preventDefault(),this.colorFieldElement.checkValidity()){const e=new h(this.colorFieldElement.value);this._format=e.format,this._rgbaColor=e.toRgbString(),this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.noAlphaChannel&&(this._rgbaColor=this._rgbColor,this._alpha=1),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}}formatTextField(o){return this._format==="hsl"?o.toHslString():this._format==="hex"?this.noAlphaChannel?o.toHexString():o.toHex8String():(this._format==="name"&&(this._format="rgb"),o.toRgbString())}cycleFormat(){const o=["rgb","hsl","hex"];this._format=o[(o.indexOf(this._format)+1)%o.length];const e=new h(this.color),r=this.formatTextField(e);this.colorFieldElement.value=r}updated(o){if(o.has("color")&&this.color!==this._previousColor){this._previousColor=this.color;const e=new h(this.color);this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.hueSliderElement.color=this._rgbColor,this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._format="rgb"}o.has("noAlphaChannel")&&!this.noAlphaChannel&&(this.opacitySliderElement.color=this._rgbaColor)}renderOpacitySlider(){return s.Ht`
+ * */const ce=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};ce();const ue='@charset "UTF-8";:host{width:var(--luzmo-color-menu-width, var(--color-menu-width))}.hue-opacity-text-swatches-container{display:flex;gap:var(--luzmo-color-menu-color-controls-vertical-gap, var(--color-menu-color-controls-vertical-gap));flex-direction:column;padding:var(--luzmo-color-menu-hue-opacity-text-swatches-vertical-padding, var(--color-menu-hue-opacity-text-swatches-vertical-padding)) var(--luzmo-color-menu-hue-opacity-text-swatches-horizontal-padding, var(--color-menu-hue-opacity-text-swatches-horizontal-padding))}.swatch-sliders-container{display:flex;gap:var(--luzmo-color-menu-swatch-to-sliders-space, var(--color-menu-swatch-to-sliders-space))}.swatch-example-container{display:flex;align-items:center}.field-container{display:flex;align-items:center;gap:var(--luzmo-color-menu-format-field-to-format-space, var(--color-menu-format-field-to-format-space))}.format-container{text-transform:uppercase;position:relative;background:none;border:none;outline:none;height:var(--luzmo-color-menu-format-height, var(--color-menu-format-height));cursor:pointer;font-size:var(--luzmo-color-menu-format-font-size, var(--color-menu-format-font-size));display:flex;align-items:center;color:var(--luzmo-color-menu-format-font-color, var(--color-menu-format-font-color));gap:var(--luzmo-color-menu-format-name-to-icon, var(--color-menu-format-name-to-icon-space));padding:0 var(--luzmo-color-menu-format-horizontal-padding, var(--color-menu-format-horizontal-padding))}.format-container:hover{color:var(--luzmo-color-menu-format-font-color-hover, var(--color-menu-format-font-color-hover))}.format-container:focus-visible{outline:none}.format-container:focus-visible:after{content:"";width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border:var(--luzmo-color-menu-format-indicator-width, var(--luzmo-indicator-width)) solid var(--luzmo-color-menu-format-indicator-color, var(--luzmo-indicator-color));border-radius:var(--luzmo-color-menu-format-label-indicator-border-radius, var(--luzmo-border-radius-s))}.format-container:focus-visible,.format-container:active{color:var(--luzmo-color-menu-format-font-color-down, var(--color-menu-format-font-color-down))}.format-container .format-label{-webkit-user-select:none;user-select:none}.format-container .angle-icon{display:flex;align-items:center;height:calc(var(--color-menu-format-font-size) / 1.5)}.slider-container{display:flex;flex-direction:column;justify-content:center;gap:var(--luzmo-color-menu-slider-gap, var(--color-menu-slider-gap))}luzmo-color-area{width:100%;height:var(--luzmo-color-menu-height, var(--color-menu-height))}luzmo-color-slider{width:100%}luzmo-divider{margin:var(--luzmo-spacing-5) à}.swatches-container{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--luzmo-color-menu-swatches-gap, var(--color-menu-swatches-gap))}.swatches-container luzmo-swatch{cursor:pointer}.swatches-container .swatch-choice{display:flex;align-items:center;justify-content:center}:host{--luzmo-text-field-icon-size-valid: 0px;--luzmo-text-field-icon-spacing-inline-end-valid: 1px;--luzmo-text-field-text-align: center}:host{--color-menu-width: 290px;--luzmo-text-field-width: 220px;--luzmo-color-slider-control-track-width: 8px;--color-menu-height: 140px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height);--color-menu-format-font-size: var(--luzmo-font-size-s);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-3);--color-menu-format-font-color: var(--luzmo-font-color);--color-menu-format-font-color-hover: var(--luzmo-font-color-hover);--color-menu-format-font-color-down: var(--luzmo-font-color-down);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host .swatches-container{--luzmo-swatch-size: 22px}:host([size=s]){--color-menu-width: 260px;--luzmo-text-field-width: 200px;--luzmo-color-slider-control-track-width: 8px;--color-menu-hue-opacity-text-swatches-horizontal-padding: var( --luzmo-spacing-5 );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-4 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-4);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-4);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-s);--color-menu-format-font-size: var(--luzmo-font-size-xs);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-2);--color-menu-swatches-gap: var(--luzmo-spacing-3)}:host([size=s]) .swatches-container{--luzmo-swatch-size: 20px}:host([size=l]){--color-menu-width: 350px;--luzmo-text-field-width: 240px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-format-height: var(--luzmo-component-height-l);--color-menu-format-font-size: var(--luzmo-font-size);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=l]) .swatches-container{--luzmo-swatch-size: 24px}:host([size=l]) .swatch-example-container{--luzmo-swatch-size: 56px}:host([size=xl]){--color-menu-width: 380px;--luzmo-text-field-width: 280px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-color-controls-vertical-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-swatch-to-sliders-space: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-xl);--color-menu-format-font-size: var(--luzmo-font-size-l);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-3);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=xl]) .swatches-container{--luzmo-swatch-size: 26px}:host([size=xl]) .swatch-example-container{--luzmo-swatch-size: 64px}';var he=Object.defineProperty,E=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&he(o,e,l),l};const fo=class extends j.m(s.kt){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.noAlphaChannel=!1,this._alpha=1,this._rgbColor="rgb(255, 0, 0)",this._rgbaColor="rgb(255, 0, 0, 1)",this._previousColor="rgb(255, 0, 0)"}setColor(o){var e;const r=new h((e=o==null?void 0:o.target)==null?void 0:e.color);this._format=r.format==="name"?"rgb":r.format,this._rgbaColor=r.toRgbString(),this._alpha=this.noAlphaChannel?1:r.getAlpha(),this._rgbColor=r.setAlpha(1).toRgbString(),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this.colorFieldElement.value=this.formatTextField(r),this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleAreaChange(o){o.stopPropagation(),o.preventDefault(),this._rgbColor=this.areaElement.color;const e=new h(this._rgbColor);this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleHueSliderChange(o){o.stopPropagation(),o.preventDefault();const e=new h(this._rgbColor).toHsl();e.h=this.hueSliderElement.value;const r=new h(e);this._rgbColor=r.toRgbString(),this._rgbaColor=r.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(r),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleOpacitySliderChange(o){o.stopPropagation(),o.preventDefault(),this._alpha=this.opacitySliderElement.sliderHandlePosition/100;const e=new h(this._rgbColor).setAlpha(this._alpha);this._rgbaColor=e.toRgbString(),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleFieldChange(o){if(o.stopPropagation(),o.preventDefault(),this.colorFieldElement.checkValidity()){const e=new h(this.colorFieldElement.value);this._format=e.format,this._rgbaColor=e.toRgbString(),this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.noAlphaChannel&&(this._rgbaColor=this._rgbColor,this._alpha=1),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}}formatTextField(o){return this._format==="hsl"?o.toHslString():this._format==="hex"?this.noAlphaChannel?o.toHexString():o.toHex8String():(this._format==="name"&&(this._format="rgb"),o.toRgbString())}cycleFormat(){const o=["rgb","hsl","hex"];this._format=o[(o.indexOf(this._format)+1)%o.length];const e=new h(this.color),r=this.formatTextField(e);this.colorFieldElement.value=r}updated(o){if(o.has("color")&&this.color!==this._previousColor){this._previousColor=this.color;const e=new h(this.color);this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.hueSliderElement.color=this._rgbColor,this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._format="rgb"}o.has("noAlphaChannel")&&!this.noAlphaChannel&&(this.opacitySliderElement.color=this._rgbaColor)}renderOpacitySlider(){return s.Ht`
       <luzmo-color-slider
         id="luzmo-opacity-slider"
         mode="opacity"
@@ -387,8 +387,8 @@
             >
               <div class="format-label">${this._format}</div>
               <div class="change-format-icon">
-                <div class="angle-icon">${B.luzmoIcon(B.luzmoAngleUp)}</div>
-                <div class="angle-icon">${B.luzmoIcon(B.luzmoAngleDown)}</div>
+                <div class="angle-icon">${B.O2(B.b)}</div>
+                <div class="angle-icon">${B.O2(B.T)}</div>
               </div>
             </button>
           </div>
@@ -410,7 +410,7 @@
               `:""}
         </div>
       </div>
-    `}};zo.styles=s.ht(ue);let _=zo;E([s.Rt({type:String,reflect:!0})],_.prototype,"color");E([s.Rt({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],_.prototype,"noAlphaChannel");E([s.Rt({type:Array,reflect:!0})],_.prototype,"swatches");E([d.d("luzmo-color-area")],_.prototype,"areaElement");E([d.d("#luzmo-hue-slider")],_.prototype,"hueSliderElement");E([d.d("#luzmo-opacity-slider")],_.prototype,"opacitySliderElement");E([d.d("luzmo-color-field")],_.prototype,"colorFieldElement");E([d.d("luzmo-swatch")],_.prototype,"swatchElement");E([no.n()],_.prototype,"_format");customElements.get("luzmo-color-menu")||customElements.define("luzmo-color-menu",_);/*! * Lucero - The design system for Luzmo.
+    `}};fo.styles=s.ht(ue);let _=fo;E([s.Rt({type:String,reflect:!0})],_.prototype,"color");E([s.Rt({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],_.prototype,"noAlphaChannel");E([s.Rt({type:Array,reflect:!0})],_.prototype,"swatches");E([d.d("luzmo-color-area")],_.prototype,"areaElement");E([d.d("#luzmo-hue-slider")],_.prototype,"hueSliderElement");E([d.d("#luzmo-opacity-slider")],_.prototype,"opacitySliderElement");E([d.d("luzmo-color-field")],_.prototype,"colorFieldElement");E([d.d("luzmo-swatch")],_.prototype,"swatchElement");E([no.n()],_.prototype,"_format");customElements.get("luzmo-color-menu")||customElements.define("luzmo-color-menu",_);/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -426,7 +426,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const de=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};de();const me="luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";var pe=Object.defineProperty,R=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&pe(o,e,l),l};const fo=class extends j.m(s.kt){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.open=!1,this.disabled=!1,this.placement="left-start",this.rounding="full",this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){this.color=this.menuElement.color,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener("slottable-request",o=>{this._renderMenu=o.data!==Z.a})}updated(o){o.has("open")&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return s.Ht`
+ * */const de=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(t)}};de();const me="luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";var pe=Object.defineProperty,R=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&pe(o,e,l),l};const zo=class extends j.m(s.kt){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.open=!1,this.disabled=!1,this.placement="left-start",this.rounding="full",this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){this.color=this.menuElement.color,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener("slottable-request",o=>{this._renderMenu=o.data!==Z.a})}updated(o){o.has("open")&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return s.Ht`
       <luzmo-color-menu
         .size=${this.size}
         .color=${this.color}
@@ -456,7 +456,7 @@
           ${this._renderMenu?this.renderColorMenu():s.Ht``}
         </luzmo-popover>
       </luzmo-overlay>
-    `}};fo.styles=s.ht(me);let S=fo;R([s.Rt({type:String,reflect:!0})],S.prototype,"color");R([s.Rt({type:Boolean,reflect:!0})],S.prototype,"open");R([s.Rt({type:Boolean,reflect:!0})],S.prototype,"disabled");R([s.Rt({type:String,reflect:!0})],S.prototype,"placement");R([s.Rt({type:String,reflect:!0})],S.prototype,"rounding");R([s.Rt({type:String,reflect:!0})],S.prototype,"shape");R([s.Rt({type:Array,reflect:!0})],S.prototype,"swatches");R([s.Rt({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],S.prototype,"noAlphaChannel");R([d.d("luzmo-color-menu")],S.prototype,"menuElement");R([d.d("luzmo-overlay")],S.prototype,"overlayElement");R([no.n()],S.prototype,"_renderMenu");customElements.get("luzmo-color-picker")||customElements.define("luzmo-color-picker",S);var ge=Object.defineProperty,A=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&ge(o,e,l),l};const q=class q extends So.LuzmoEditOptionBase{constructor(){super(...arguments),this.value="transparent",this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding="full",this.shape="circle",this.placement="left-start",this.debounce=50}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return s.x`
+    `}};zo.styles=s.ht(me);let S=zo;R([s.Rt({type:String,reflect:!0})],S.prototype,"color");R([s.Rt({type:Boolean,reflect:!0})],S.prototype,"open");R([s.Rt({type:Boolean,reflect:!0})],S.prototype,"disabled");R([s.Rt({type:String,reflect:!0})],S.prototype,"placement");R([s.Rt({type:String,reflect:!0})],S.prototype,"rounding");R([s.Rt({type:String,reflect:!0})],S.prototype,"shape");R([s.Rt({type:Array,reflect:!0})],S.prototype,"swatches");R([s.Rt({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],S.prototype,"noAlphaChannel");R([d.d("luzmo-color-menu")],S.prototype,"menuElement");R([d.d("luzmo-overlay")],S.prototype,"overlayElement");R([no.n()],S.prototype,"_renderMenu");customElements.get("luzmo-color-picker")||customElements.define("luzmo-color-picker",S);var ge=Object.defineProperty,A=(t,o,e,r)=>{for(var l=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(l=a(o,e,l)||l);return l&&ge(o,e,l),l};const q=class q extends So.LuzmoEditOptionBase{constructor(){super(...arguments),this.value="transparent",this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding="full",this.shape="circle",this.placement="left-start",this.debounce=50}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return s.x`
       <luzmo-color-picker
         .color=${this.value}
         .size=${this.size}