@salesforce/ui-theme-manager 11.62.1 → 11.64.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/authoring/core/ThemeManagerPanelRoot.d.cts +7 -0
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts +7 -0
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts.map +1 -1
- package/dist/authoring/core/components/BordersSection.d.ts.map +1 -1
- package/dist/authoring/core/components/ButtonSection.d.cts +7 -0
- package/dist/authoring/core/components/ButtonSection.d.ts +7 -0
- package/dist/authoring/core/components/ButtonSection.d.ts.map +1 -1
- package/dist/authoring/core/components/ScaleValueRow.d.cts +43 -0
- package/dist/authoring/core/components/ScaleValueRow.d.ts +43 -0
- package/dist/authoring/core/components/ScaleValueRow.d.ts.map +1 -0
- package/dist/authoring/core/components/SectionTabs.d.cts +23 -0
- package/dist/authoring/core/components/SectionTabs.d.ts +23 -0
- package/dist/authoring/core/components/SectionTabs.d.ts.map +1 -0
- package/dist/authoring/core/components/TypographySection.d.ts.map +1 -1
- package/dist/authoring/core/labels.d.cts +22 -5
- package/dist/authoring/core/labels.d.ts +22 -5
- package/dist/authoring/core/labels.d.ts.map +1 -1
- package/dist/authoring/react/index.js +1 -1
- package/dist/authoring/react/styles.css +1 -1
- package/dist/authoring/web-component/index.d.cts +8 -0
- package/dist/authoring/web-component/index.d.ts +8 -0
- package/dist/authoring/web-component/index.d.ts.map +1 -1
- package/dist/authoring/web-component/index.js +180 -19
- package/dist/protocol/brandCss.cjs +38 -1
- package/dist/protocol/brandCss.d.cts +19 -0
- package/dist/protocol/brandCss.d.ts +19 -0
- package/dist/protocol/brandCss.d.ts.map +1 -1
- package/dist/protocol/brandCss.js +39 -2
- package/dist/protocol/brandSearch.cjs +24 -10
- package/dist/protocol/brandSearch.d.cts +24 -0
- package/dist/protocol/brandSearch.d.ts +24 -0
- package/dist/protocol/brandSearch.d.ts.map +1 -1
- package/dist/protocol/brandSearch.js +24 -10
- package/dist/protocol/index.cjs +6 -0
- package/dist/protocol/index.js +8 -2
- package/dist/runtime/previewContent.cjs +496 -217
- package/dist/runtime/previewContent.d.cts +31 -12
- package/dist/runtime/previewContent.d.ts +31 -12
- package/dist/runtime/previewContent.d.ts.map +1 -1
- package/dist/runtime/previewContent.js +498 -219
- package/dist/runtime/theme-preview-runtime.js +2526 -0
- package/package.json +1 -1
- package/dist/authoring/core/components/AssetsSection.d.cts +0 -12
- package/dist/authoring/core/components/AssetsSection.d.ts +0 -12
- package/dist/authoring/core/components/AssetsSection.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import he from"react";function xt(e){return e["sfdc_cms:title"]??"Untitled Brand"}function St(e){let t=e.logo?.url;return typeof t=="string"&&t.length>0?t:void 0}var vt=/^\{!\$brand\.([^}]+)\}$/;function Se(e){return typeof e=="string"&&vt.test(e)}function qe(e,t,r=0){if(r>10)throw new Error(`Max resolution depth exceeded resolving: ${t}`);if(!Se(t))return t;let n=t.match(vt);if(!n||!n[1])return t;let a=n[1].split("."),i=e;for(let s of a){if(i==null||typeof i!="object")throw new Error(`Invalid reference path: ${t} (failed at ${s})`);if(i=i[s],i===void 0)throw new Error(`Reference not found: ${t} (${s} is undefined)`)}return Se(i)?qe(e,i,r+1):i}var U=(e,t=0,r=1)=>se(ce(t,e),r);var oe=e=>{e._clipped=!1,e._unclipped=e.slice(0);for(let t=0;t<=3;t++)t<3?((e[t]<0||e[t]>255)&&(e._clipped=!0),e[t]=U(e[t],0,255)):t===3&&(e[t]=U(e[t],0,1));return e};var Ct={};for(let e of["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"])Ct[`[object ${e}]`]=e.toLowerCase();function y(e){return Ct[Object.prototype.toString.call(e)]||"object"}var g=(e,t=null)=>e.length>=3?Array.prototype.slice.call(e):y(e[0])=="object"&&t?t.split("").filter(r=>e[0][r]!==void 0).map(r=>e[0][r]):e[0];var q=e=>{if(e.length<2)return null;let t=e.length-1;return y(e[t])=="string"?e[t].toLowerCase():null};var{PI:ve,min:se,max:ce}=Math,H=ve*2,Ce=ve/3,Bt=ve/180,kt=180/ve;var S={format:{},autodetect:[]};var Ve=class{constructor(...t){let r=this;if(y(t[0])==="object"&&t[0].constructor&&t[0].constructor===this.constructor)return t[0];let n=q(t),o=!1;if(!n){o=!0,S.sorted||(S.autodetect=S.autodetect.sort((a,i)=>i.p-a.p),S.sorted=!0);for(let a of S.autodetect)if(n=a.test(...t),n)break}if(S.format[n]){let a=S.format[n].apply(null,o?t:t.slice(0,-1));r._rgb=oe(a)}else throw new Error("unknown format: "+t);r._rgb.length===3&&r._rgb.push(1)}toString(){return y(this.hex)=="function"?this.hex():`[${this._rgb.join(",")}]`}},l=Ve;var wt="2.6.0";var Be=(...e)=>new Be.Color(...e);Be.Color=l;Be.version=wt;var B=Be;var Ir=(...e)=>{e=g(e,"cmyk");let[t,r,n,o]=e,a=e.length>4?e[4]:1;return o===1?[0,0,0,a]:[t>=1?0:255*(1-t)*(1-o),r>=1?0:255*(1-r)*(1-o),n>=1?0:255*(1-n)*(1-o),a]},Nt=Ir;var{max:Ft}=Math,$r=(...e)=>{let[t,r,n]=g(e,"rgb");t=t/255,r=r/255,n=n/255;let o=1-Ft(t,Ft(r,n)),a=o<1?1/(1-o):0,i=(1-t-o)*a,s=(1-r-o)*a,c=(1-n-o)*a;return[i,s,c,o]},_t=$r;l.prototype.cmyk=function(){return _t(this._rgb)};B.cmyk=(...e)=>new l(...e,"cmyk");S.format.cmyk=Nt;S.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"cmyk"),y(e)==="array"&&e.length===4)return"cmyk"}});var Xe=e=>Math.round(e*100)/100,Hr=(...e)=>{let t=g(e,"hsla"),r=q(e)||"lsa";return t[0]=Xe(t[0]||0),t[1]=Xe(t[1]*100)+"%",t[2]=Xe(t[2]*100)+"%",r==="hsla"||t.length>3&&t[3]<1?(t[3]=t.length>3?t[3]:1,r="hsla"):t.length=3,`${r}(${t.join(",")})`},Rt=Hr;var Or=(...e)=>{e=g(e,"rgba");let[t,r,n]=e;t/=255,r/=255,n/=255;let o=se(t,r,n),a=ce(t,r,n),i=(a+o)/2,s,c;return a===o?(s=0,c=Number.NaN):s=i<.5?(a-o)/(a+o):(a-o)/(2-a-o),t==a?c=(r-n)/(a-o):r==a?c=2+(n-t)/(a-o):n==a&&(c=4+(t-r)/(a-o)),c*=60,c<0&&(c+=360),e.length>3&&e[3]!==void 0?[c,s,i,e[3]]:[c,s,i]},ke=Or;var{round:Ye}=Math,Gr=(...e)=>{let t=g(e,"rgba"),r=q(e)||"rgb";return r.substr(0,3)=="hsl"?Rt(ke(t),r):(t[0]=Ye(t[0]),t[1]=Ye(t[1]),t[2]=Ye(t[2]),(r==="rgba"||t.length>3&&t[3]<1)&&(t[3]=t.length>3?t[3]:1,r="rgba"),`${r}(${t.slice(0,r==="rgb"?3:4).join(",")})`)},Lt=Gr;var{round:Ke}=Math,Wr=(...e)=>{e=g(e,"hsl");let[t,r,n]=e,o,a,i;if(r===0)o=a=i=n*255;else{let s=[0,0,0],c=[0,0,0],f=n<.5?n*(1+r):n+r-n*r,m=2*n-f,p=t/360;s[0]=p+1/3,s[1]=p,s[2]=p-1/3;for(let u=0;u<3;u++)s[u]<0&&(s[u]+=1),s[u]>1&&(s[u]-=1),6*s[u]<1?c[u]=m+(f-m)*6*s[u]:2*s[u]<1?c[u]=f:3*s[u]<2?c[u]=m+(f-m)*(2/3-s[u])*6:c[u]=m;[o,a,i]=[Ke(c[0]*255),Ke(c[1]*255),Ke(c[2]*255)]}return e.length>3?[o,a,i,e[3]]:[o,a,i,1]},pe=Wr;var At=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,Et=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,Mt=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,Pt=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,Dt=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,zt=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,{round:Tt}=Math,It=e=>{e=e.toLowerCase().trim();let t;if(S.format.named)try{return S.format.named(e)}catch{}if(t=e.match(At)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=+r[n];return r[3]=1,r}if(t=e.match(Et)){let r=t.slice(1,5);for(let n=0;n<4;n++)r[n]=+r[n];return r}if(t=e.match(Mt)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=Tt(r[n]*2.55);return r[3]=1,r}if(t=e.match(Pt)){let r=t.slice(1,5);for(let n=0;n<3;n++)r[n]=Tt(r[n]*2.55);return r[3]=+r[3],r}if(t=e.match(Dt)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=pe(r);return n[3]=1,n}if(t=e.match(zt)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=pe(r);return n[3]=+t[4],n}};It.test=e=>At.test(e)||Et.test(e)||Mt.test(e)||Pt.test(e)||Dt.test(e)||zt.test(e);var Ze=It;l.prototype.css=function(e){return Lt(this._rgb,e)};B.css=(...e)=>new l(...e,"css");S.format.css=Ze;S.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&y(e)==="string"&&Ze.test(e))return"css"}});S.format.gl=(...e)=>{let t=g(e,"rgba");return t[0]*=255,t[1]*=255,t[2]*=255,t};B.gl=(...e)=>new l(...e,"gl");l.prototype.gl=function(){let e=this._rgb;return[e[0]/255,e[1]/255,e[2]/255,e[3]]};var{floor:Ur}=Math,jr=(...e)=>{e=g(e,"hcg");let[t,r,n]=e,o,a,i;n=n*255;let s=r*255;if(r===0)o=a=i=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let c=Ur(t),f=t-c,m=n*(1-r),p=m+s*(1-f),u=m+s*f,b=m+s;switch(c){case 0:[o,a,i]=[b,u,m];break;case 1:[o,a,i]=[p,b,m];break;case 2:[o,a,i]=[m,b,u];break;case 3:[o,a,i]=[m,p,b];break;case 4:[o,a,i]=[u,m,b];break;case 5:[o,a,i]=[b,m,p];break}}return[o,a,i,e.length>3?e[3]:1]},$t=jr;var qr=(...e)=>{let[t,r,n]=g(e,"rgb"),o=se(t,r,n),a=ce(t,r,n),i=a-o,s=i*100/255,c=o/(255-i)*100,f;return i===0?f=Number.NaN:(t===a&&(f=(r-n)/i),r===a&&(f=2+(n-t)/i),n===a&&(f=4+(t-r)/i),f*=60,f<0&&(f+=360)),[f,s,c]},Ht=qr;l.prototype.hcg=function(){return Ht(this._rgb)};B.hcg=(...e)=>new l(...e,"hcg");S.format.hcg=$t;S.autodetect.push({p:1,test:(...e)=>{if(e=g(e,"hcg"),y(e)==="array"&&e.length===3)return"hcg"}});var Vr=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,Xr=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,Yr=e=>{if(e.match(Vr)){(e.length===4||e.length===7)&&(e=e.substr(1)),e.length===3&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);let t=parseInt(e,16),r=t>>16,n=t>>8&255,o=t&255;return[r,n,o,1]}if(e.match(Xr)){(e.length===5||e.length===9)&&(e=e.substr(1)),e.length===4&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]);let t=parseInt(e,16),r=t>>24&255,n=t>>16&255,o=t>>8&255,a=Math.round((t&255)/255*100)/100;return[r,n,o,a]}throw new Error(`unknown hex color: ${e}`)},we=Yr;var{round:Ne}=Math,Kr=(...e)=>{let[t,r,n,o]=g(e,"rgba"),a=q(e)||"auto";o===void 0&&(o=1),a==="auto"&&(a=o<1?"rgba":"rgb"),t=Ne(t),r=Ne(r),n=Ne(n);let s="000000"+(t<<16|r<<8|n).toString(16);s=s.substr(s.length-6);let c="0"+Ne(o*255).toString(16);switch(c=c.substr(c.length-2),a.toLowerCase()){case"rgba":return`#${s}${c}`;case"argb":return`#${c}${s}`;default:return`#${s}`}},Fe=Kr;l.prototype.hex=function(e){return Fe(this._rgb,e)};B.hex=(...e)=>new l(...e,"hex");S.format.hex=we;S.autodetect.push({p:4,test:(e,...t)=>{if(!t.length&&y(e)==="string"&&[3,4,5,6,7,8,9].indexOf(e.length)>=0)return"hex"}});var{cos:le}=Math,Zr=(...e)=>{e=g(e,"hsi");let[t,r,n]=e,o,a,i;return isNaN(t)&&(t=0),isNaN(r)&&(r=0),t>360&&(t-=360),t<0&&(t+=360),t/=360,t<1/3?(i=(1-r)/3,o=(1+r*le(H*t)/le(Ce-H*t))/3,a=1-(i+o)):t<2/3?(t-=1/3,o=(1-r)/3,a=(1+r*le(H*t)/le(Ce-H*t))/3,i=1-(o+a)):(t-=2/3,a=(1-r)/3,i=(1+r*le(H*t)/le(Ce-H*t))/3,o=1-(a+i)),o=U(n*o*3),a=U(n*a*3),i=U(n*i*3),[o*255,a*255,i*255,e.length>3?e[3]:1]},Ot=Zr;var{min:Qr,sqrt:Jr,acos:en}=Math,tn=(...e)=>{let[t,r,n]=g(e,"rgb");t/=255,r/=255,n/=255;let o,a=Qr(t,r,n),i=(t+r+n)/3,s=i>0?1-a/i:0;return s===0?o=NaN:(o=(t-r+(t-n))/2,o/=Jr((t-r)*(t-r)+(t-n)*(r-n)),o=en(o),n>r&&(o=H-o),o/=H),[o*360,s,i]},Gt=tn;l.prototype.hsi=function(){return Gt(this._rgb)};B.hsi=(...e)=>new l(...e,"hsi");S.format.hsi=Ot;S.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsi"),y(e)==="array"&&e.length===3)return"hsi"}});l.prototype.hsl=function(){return ke(this._rgb)};B.hsl=(...e)=>new l(...e,"hsl");S.format.hsl=pe;S.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsl"),y(e)==="array"&&e.length===3)return"hsl"}});var{floor:rn}=Math,nn=(...e)=>{e=g(e,"hsv");let[t,r,n]=e,o,a,i;if(n*=255,r===0)o=a=i=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let s=rn(t),c=t-s,f=n*(1-r),m=n*(1-r*c),p=n*(1-r*(1-c));switch(s){case 0:[o,a,i]=[n,p,f];break;case 1:[o,a,i]=[m,n,f];break;case 2:[o,a,i]=[f,n,p];break;case 3:[o,a,i]=[f,m,n];break;case 4:[o,a,i]=[p,f,n];break;case 5:[o,a,i]=[n,f,m];break}}return[o,a,i,e.length>3?e[3]:1]},Wt=nn;var{min:on,max:an}=Math,sn=(...e)=>{e=g(e,"rgb");let[t,r,n]=e,o=on(t,r,n),a=an(t,r,n),i=a-o,s,c,f;return f=a/255,a===0?(s=Number.NaN,c=0):(c=i/a,t===a&&(s=(r-n)/i),r===a&&(s=2+(n-t)/i),n===a&&(s=4+(t-r)/i),s*=60,s<0&&(s+=360)),[s,c,f]},Ut=sn;l.prototype.hsv=function(){return Ut(this._rgb)};B.hsv=(...e)=>new l(...e,"hsv");S.format.hsv=Wt;S.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsv"),y(e)==="array"&&e.length===3)return"hsv"}});var M={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452};var{pow:cn}=Math,ln=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o,a,i,s,c,f;return a=(t+16)/116,o=isNaN(r)?a:a+r/500,i=isNaN(n)?a:a-n/200,a=M.Yn*Je(a),o=M.Xn*Je(o),i=M.Zn*Je(i),s=Qe(3.2404542*o-1.5371385*a-.4985314*i),c=Qe(-.969266*o+1.8760108*a+.041556*i),f=Qe(.0556434*o-.2040259*a+1.0572252*i),[s,c,f,e.length>3?e[3]:1]},Qe=e=>255*(e<=.00304?12.92*e:1.055*cn(e,1/2.4)-.055),Je=e=>e>M.t1?e*e*e:M.t2*(e-M.t0),_e=ln;var{pow:jt}=Math,fn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,a,i]=dn(t,r,n),s=116*a-16;return[s<0?0:s,500*(o-a),200*(a-i)]},et=e=>(e/=255)<=.04045?e/12.92:jt((e+.055)/1.055,2.4),tt=e=>e>M.t3?jt(e,1/3):e/M.t2+M.t0,dn=(e,t,r)=>{e=et(e),t=et(t),r=et(r);let n=tt((.4124564*e+.3575761*t+.1804375*r)/M.Xn),o=tt((.2126729*e+.7151522*t+.072175*r)/M.Yn),a=tt((.0193339*e+.119192*t+.9503041*r)/M.Zn);return[n,o,a]},Re=fn;l.prototype.lab=function(){return Re(this._rgb)};B.lab=(...e)=>new l(...e,"lab");S.format.lab=_e;S.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"lab"),y(e)==="array"&&e.length===3)return"lab"}});var{sin:pn,cos:mn}=Math,un=(...e)=>{let[t,r,n]=g(e,"lch");return isNaN(n)&&(n=0),n=n*Bt,[t,mn(n)*r,pn(n)*r]},Le=un;var gn=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,a,i]=Le(t,r,n),[s,c,f]=_e(o,a,i);return[s,c,f,e.length>3?e[3]:1]},Te=gn;var bn=(...e)=>{let t=g(e,"hcl").reverse();return Te(...t)},qt=bn;var{sqrt:hn,atan2:yn,round:xn}=Math,Sn=(...e)=>{let[t,r,n]=g(e,"lab"),o=hn(r*r+n*n),a=(yn(n,r)*kt+360)%360;return xn(o*1e4)===0&&(a=Number.NaN),[t,o,a]},Ae=Sn;var vn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,a,i]=Re(t,r,n);return Ae(o,a,i)},rt=vn;l.prototype.lch=function(){return rt(this._rgb)};l.prototype.hcl=function(){return rt(this._rgb).reverse()};B.lch=(...e)=>new l(...e,"lch");B.hcl=(...e)=>new l(...e,"hcl");S.format.lch=Te;S.format.hcl=qt;["lch","hcl"].forEach(e=>S.autodetect.push({p:2,test:(...t)=>{if(t=g(t,e),y(t)==="array"&&t.length===3)return e}}));var Cn={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",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",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",maroon2:"#7f0000",maroon3:"#b03060",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",purple2:"#7f007f",purple3:"#a020f0",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"},Z=Cn;l.prototype.name=function(){let e=Fe(this._rgb,"rgb");for(let t of Object.keys(Z))if(Z[t]===e)return t.toLowerCase();return e};S.format.named=e=>{if(e=e.toLowerCase(),Z[e])return we(Z[e]);throw new Error("unknown color name: "+e)};S.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&y(e)==="string"&&Z[e.toLowerCase()])return"named"}});var Bn=e=>{if(y(e)=="number"&&e>=0&&e<=16777215){let t=e>>16,r=e>>8&255,n=e&255;return[t,r,n,1]}throw new Error("unknown num color: "+e)},Vt=Bn;var kn=(...e)=>{let[t,r,n]=g(e,"rgb");return(t<<16)+(r<<8)+n},Xt=kn;l.prototype.num=function(){return Xt(this._rgb)};B.num=(...e)=>new l(...e,"num");S.format.num=Vt;S.autodetect.push({p:5,test:(...e)=>{if(e.length===1&&y(e[0])==="number"&&e[0]>=0&&e[0]<=16777215)return"num"}});var{round:Yt}=Math;l.prototype.rgb=function(e=!0){return e===!1?this._rgb.slice(0,3):this._rgb.slice(0,3).map(Yt)};l.prototype.rgba=function(e=!0){return this._rgb.slice(0,4).map((t,r)=>r<3?e===!1?t:Yt(t):t)};B.rgb=(...e)=>new l(...e,"rgb");S.format.rgb=(...e)=>{let t=g(e,"rgba");return t[3]===void 0&&(t[3]=1),t};S.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"rgba"),y(e)==="array"&&(e.length===3||e.length===4&&y(e[3])=="number"&&e[3]>=0&&e[3]<=1))return"rgb"}});var{log:Ee}=Math,wn=e=>{let t=e/100,r,n,o;return t<66?(r=255,n=t<6?0:-155.25485562709179-.44596950469579133*(n=t-2)+104.49216199393888*Ee(n),o=t<20?0:-254.76935184120902+.8274096064007395*(o=t-10)+115.67994401066147*Ee(o)):(r=351.97690566805693+.114206453784165*(r=t-55)-40.25366309332127*Ee(r),n=325.4494125711974+.07943456536662342*(n=t-50)-28.0852963507957*Ee(n),o=255),[r,n,o,1]},Me=wn;var{round:Nn}=Math,Fn=(...e)=>{let t=g(e,"rgb"),r=t[0],n=t[2],o=1e3,a=4e4,i=.4,s;for(;a-o>i;){s=(a+o)*.5;let c=Me(s);c[2]/c[0]>=n/r?a=s:o=s}return Nn(s)},Kt=Fn;l.prototype.temp=l.prototype.kelvin=l.prototype.temperature=function(){return Kt(this._rgb)};B.temp=B.kelvin=B.temperature=(...e)=>new l(...e,"temp");S.format.temp=S.format.kelvin=S.format.temperature=Me;var{pow:Pe,sign:_n}=Math,Rn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o=Pe(t+.3963377774*r+.2158037573*n,3),a=Pe(t-.1055613458*r-.0638541728*n,3),i=Pe(t-.0894841775*r-1.291485548*n,3);return[255*nt(4.0767416621*o-3.3077115913*a+.2309699292*i),255*nt(-1.2684380046*o+2.6097574011*a-.3413193965*i),255*nt(-.0041960863*o-.7034186147*a+1.707614701*i),e.length>3?e[3]:1]},De=Rn;function nt(e){let t=Math.abs(e);return t>.0031308?(_n(e)||1)*(1.055*Pe(t,1/2.4)-.055):e*12.92}var{cbrt:ot,pow:Ln,sign:Tn}=Math,An=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,a,i]=[at(t/255),at(r/255),at(n/255)],s=ot(.4122214708*o+.5363325363*a+.0514459929*i),c=ot(.2119034982*o+.6806995451*a+.1073969566*i),f=ot(.0883024619*o+.2817188376*a+.6299787005*i);return[.2104542553*s+.793617785*c-.0040720468*f,1.9779984951*s-2.428592205*c+.4505937099*f,.0259040371*s+.7827717662*c-.808675766*f]},ze=An;function at(e){let t=Math.abs(e);return t<.04045?e/12.92:(Tn(e)||1)*Ln((t+.055)/1.055,2.4)}l.prototype.oklab=function(){return ze(this._rgb)};B.oklab=(...e)=>new l(...e,"oklab");S.format.oklab=De;S.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklab"),y(e)==="array"&&e.length===3)return"oklab"}});var En=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,a,i]=Le(t,r,n),[s,c,f]=De(o,a,i);return[s,c,f,e.length>3?e[3]:1]},Zt=En;var Mn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,a,i]=ze(t,r,n);return Ae(o,a,i)},Qt=Mn;l.prototype.oklch=function(){return Qt(this._rgb)};B.oklch=(...e)=>new l(...e,"oklch");S.format.oklch=Zt;S.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklch"),y(e)==="array"&&e.length===3)return"oklch"}});l.prototype.alpha=function(e,t=!1){return e!==void 0&&y(e)==="number"?t?(this._rgb[3]=e,this):new l([this._rgb[0],this._rgb[1],this._rgb[2],e],"rgb"):this._rgb[3]};l.prototype.clipped=function(){return this._rgb._clipped||!1};l.prototype.darken=function(e=1){let t=this,r=t.lab();return r[0]-=M.Kn*e,new l(r,"lab").alpha(t.alpha(),!0)};l.prototype.brighten=function(e=1){return this.darken(-e)};l.prototype.darker=l.prototype.darken;l.prototype.brighter=l.prototype.brighten;l.prototype.get=function(e){let[t,r]=e.split("."),n=this[t]();if(r){let o=t.indexOf(r)-(t.substr(0,2)==="ok"?2:0);if(o>-1)return n[o];throw new Error(`unknown channel ${r} in mode ${t}`)}else return n};var{pow:Pn}=Math,Dn=1e-7,zn=20;l.prototype.luminance=function(e,t="rgb"){if(e!==void 0&&y(e)==="number"){if(e===0)return new l([0,0,0,this._rgb[3]],"rgb");if(e===1)return new l([255,255,255,this._rgb[3]],"rgb");let r=this.luminance(),n=zn,o=(i,s)=>{let c=i.interpolate(s,.5,t),f=c.luminance();return Math.abs(e-f)<Dn||!n--?c:f>e?o(i,c):o(c,s)},a=(r>e?o(new l([0,0,0]),this):o(this,new l([255,255,255]))).rgb();return new l([...a,this._rgb[3]])}return In(...this._rgb.slice(0,3))};var In=(e,t,r)=>(e=it(e),t=it(t),r=it(r),.2126*e+.7152*t+.0722*r),it=e=>(e/=255,e<=.03928?e/12.92:Pn((e+.055)/1.055,2.4));var L={};var Q=(e,t,r=.5,...n)=>{let o=n[0]||"lrgb";if(!L[o]&&!n.length&&(o=Object.keys(L)[0]),!L[o])throw new Error(`interpolation mode ${o} is not defined`);return y(e)!=="object"&&(e=new l(e)),y(t)!=="object"&&(t=new l(t)),L[o](e,t,r).alpha(e.alpha()+r*(t.alpha()-e.alpha()))};l.prototype.mix=l.prototype.interpolate=function(e,t=.5,...r){return Q(this,e,t,...r)};l.prototype.premultiply=function(e=!1){let t=this._rgb,r=t[3];return e?(this._rgb=[t[0]*r,t[1]*r,t[2]*r,r],this):new l([t[0]*r,t[1]*r,t[2]*r,r],"rgb")};l.prototype.saturate=function(e=1){let t=this,r=t.lch();return r[1]+=M.Kn*e,r[1]<0&&(r[1]=0),new l(r,"lch").alpha(t.alpha(),!0)};l.prototype.desaturate=function(e=1){return this.saturate(-e)};l.prototype.set=function(e,t,r=!1){let[n,o]=e.split("."),a=this[n]();if(o){let i=n.indexOf(o)-(n.substr(0,2)==="ok"?2:0);if(i>-1){if(y(t)=="string")switch(t.charAt(0)){case"+":a[i]+=+t;break;case"-":a[i]+=+t;break;case"*":a[i]*=+t.substr(1);break;case"/":a[i]/=+t.substr(1);break;default:a[i]=+t}else if(y(t)==="number")a[i]=t;else throw new Error("unsupported value for Color.set");let s=new l(a,n);return r?(this._rgb=s._rgb,this):s}throw new Error(`unknown channel ${o} in mode ${n}`)}else return a};l.prototype.tint=function(e=.5,...t){return Q(this,"white",e,...t)};l.prototype.shade=function(e=.5,...t){return Q(this,"black",e,...t)};var $n=(e,t,r)=>{let n=e._rgb,o=t._rgb;return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"rgb")};L.rgb=$n;var{sqrt:st,pow:fe}=Math,Hn=(e,t,r)=>{let[n,o,a]=e._rgb,[i,s,c]=t._rgb;return new l(st(fe(n,2)*(1-r)+fe(i,2)*r),st(fe(o,2)*(1-r)+fe(s,2)*r),st(fe(a,2)*(1-r)+fe(c,2)*r),"rgb")};L.lrgb=Hn;var On=(e,t,r)=>{let n=e.lab(),o=t.lab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"lab")};L.lab=On;var O=(e,t,r,n)=>{let o,a;n==="hsl"?(o=e.hsl(),a=t.hsl()):n==="hsv"?(o=e.hsv(),a=t.hsv()):n==="hcg"?(o=e.hcg(),a=t.hcg()):n==="hsi"?(o=e.hsi(),a=t.hsi()):n==="lch"||n==="hcl"?(n="hcl",o=e.hcl(),a=t.hcl()):n==="oklch"&&(o=e.oklch().reverse(),a=t.oklch().reverse());let i,s,c,f,m,p;(n.substr(0,1)==="h"||n==="oklch")&&([i,c,m]=o,[s,f,p]=a);let u,b,F,R;return!isNaN(i)&&!isNaN(s)?(s>i&&s-i>180?R=s-(i+360):s<i&&i-s>180?R=s+360-i:R=s-i,b=i+r*R):isNaN(i)?isNaN(s)?b=Number.NaN:(b=s,(m==1||m==0)&&n!="hsv"&&(u=f)):(b=i,(p==1||p==0)&&n!="hsv"&&(u=c)),u===void 0&&(u=c+r*(f-c)),F=m+r*(p-m),n==="oklch"?new l([F,u,b],n):new l([b,u,F],n)};var Jt=(e,t,r)=>O(e,t,r,"lch");L.lch=Jt;L.hcl=Jt;var Gn=(e,t,r)=>{let n=e.num(),o=t.num();return new l(n+r*(o-n),"num")};L.num=Gn;var Wn=(e,t,r)=>O(e,t,r,"hcg");L.hcg=Wn;var Un=(e,t,r)=>O(e,t,r,"hsi");L.hsi=Un;var jn=(e,t,r)=>O(e,t,r,"hsl");L.hsl=jn;var qn=(e,t,r)=>O(e,t,r,"hsv");L.hsv=qn;var Vn=(e,t,r)=>{let n=e.oklab(),o=t.oklab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"oklab")};L.oklab=Vn;var Xn=(e,t,r)=>O(e,t,r,"oklch");L.oklch=Xn;var{pow:ct,sqrt:lt,PI:ft,cos:er,sin:tr,atan2:Yn}=Math,rr=(e,t="lrgb",r=null)=>{let n=e.length;r||(r=Array.from(new Array(n)).map(()=>1));let o=n/r.reduce(function(p,u){return p+u});if(r.forEach((p,u)=>{r[u]*=o}),e=e.map(p=>new l(p)),t==="lrgb")return Kn(e,r);let a=e.shift(),i=a.get(t),s=[],c=0,f=0;for(let p=0;p<i.length;p++)if(i[p]=(i[p]||0)*r[0],s.push(isNaN(i[p])?0:r[0]),t.charAt(p)==="h"&&!isNaN(i[p])){let u=i[p]/180*ft;c+=er(u)*r[0],f+=tr(u)*r[0]}let m=a.alpha()*r[0];e.forEach((p,u)=>{let b=p.get(t);m+=p.alpha()*r[u+1];for(let F=0;F<i.length;F++)if(!isNaN(b[F]))if(s[F]+=r[u+1],t.charAt(F)==="h"){let R=b[F]/180*ft;c+=er(R)*r[u+1],f+=tr(R)*r[u+1]}else i[F]+=b[F]*r[u+1]});for(let p=0;p<i.length;p++)if(t.charAt(p)==="h"){let u=Yn(f/s[p],c/s[p])/ft*180;for(;u<0;)u+=360;for(;u>=360;)u-=360;i[p]=u}else i[p]=i[p]/s[p];return m/=n,new l(i,t).alpha(m>.99999?1:m,!0)},Kn=(e,t)=>{let r=e.length,n=[0,0,0,0];for(let o=0;o<e.length;o++){let a=e[o],i=t[o]/r,s=a._rgb;n[0]+=ct(s[0],2)*i,n[1]+=ct(s[1],2)*i,n[2]+=ct(s[2],2)*i,n[3]+=s[3]*i}return n[0]=lt(n[0]),n[1]=lt(n[1]),n[2]=lt(n[2]),n[3]>.9999999&&(n[3]=1),new l(oe(n))};var{pow:Zn}=Math;function ae(e){let t="rgb",r=B("#ccc"),n=0,o=[0,1],a=[],i=[0,0],s=!1,c=[],f=!1,m=0,p=1,u=!1,b={},F=!0,R=1,N=function(d){if(d=d||["#fff","#000"],d&&y(d)==="string"&&B.brewer&&B.brewer[d.toLowerCase()]&&(d=B.brewer[d.toLowerCase()]),y(d)==="array"){d.length===1&&(d=[d[0],d[0]]),d=d.slice(0);for(let x=0;x<d.length;x++)d[x]=B(d[x]);a.length=0;for(let x=0;x<d.length;x++)a.push(x/(d.length-1))}return E(),c=d},h=function(d){if(s!=null){let x=s.length-1,v=0;for(;v<x&&d>=s[v];)v++;return v-1}return 0},I=d=>d,$=d=>d,D=function(d,x){let v,C;if(x==null&&(x=!1),isNaN(d)||d===null)return r;x?C=d:s&&s.length>2?C=h(d)/(s.length-2):p!==m?C=(d-m)/(p-m):C=1,C=$(C),x||(C=I(C)),R!==1&&(C=Zn(C,R)),C=i[0]+C*(1-i[0]-i[1]),C=U(C,0,1);let k=Math.floor(C*1e4);if(F&&b[k])v=b[k];else{if(y(c)==="array")for(let w=0;w<a.length;w++){let T=a[w];if(C<=T){v=c[w];break}if(C>=T&&w===a.length-1){v=c[w];break}if(C>T&&C<a[w+1]){C=(C-T)/(a[w+1]-T),v=B.interpolate(c[w],c[w+1],C,t);break}}else y(c)==="function"&&(v=c(C));F&&(b[k]=v)}return v};var E=()=>b={};N(e);let _=function(d){let x=B(D(d));return f&&x[f]?x[f]():x};return _.classes=function(d){if(d!=null){if(y(d)==="array")s=d,o=[d[0],d[d.length-1]];else{let x=B.analyze(o);d===0?s=[x.min,x.max]:s=B.limits(x,"e",d)}return _}return s},_.domain=function(d){if(!arguments.length)return o;m=d[0],p=d[d.length-1],a=[];let x=c.length;if(d.length===x&&m!==p)for(let v of Array.from(d))a.push((v-m)/(p-m));else{for(let v=0;v<x;v++)a.push(v/(x-1));if(d.length>2){let v=d.map((k,w)=>w/(d.length-1)),C=d.map(k=>(k-m)/(p-m));C.every((k,w)=>v[w]===k)||($=k=>{if(k<=0||k>=1)return k;let w=0;for(;k>=C[w+1];)w++;let T=(k-C[w])/(C[w+1]-C[w]);return v[w]+T*(v[w+1]-v[w])})}}return o=[m,p],_},_.mode=function(d){return arguments.length?(t=d,E(),_):t},_.range=function(d,x){return N(d,x),_},_.out=function(d){return f=d,_},_.spread=function(d){return arguments.length?(n=d,_):n},_.correctLightness=function(d){return d==null&&(d=!0),u=d,E(),u?I=function(x){let v=D(0,!0).lab()[0],C=D(1,!0).lab()[0],k=v>C,w=D(x,!0).lab()[0],T=v+(C-v)*x,j=w-T,ne=0,ye=1,xe=20;for(;Math.abs(j)>.01&&xe-- >0;)(function(){return k&&(j*=-1),j<0?(ne=x,x+=(ye-x)*.5):(ye=x,x+=(ne-x)*.5),w=D(x,!0).lab()[0],j=w-T})();return x}:I=x=>x,_},_.padding=function(d){return d!=null?(y(d)==="number"&&(d=[d,d]),i=d,_):i},_.colors=function(d,x){arguments.length<2&&(x="hex");let v=[];if(arguments.length===0)v=c.slice(0);else if(d===1)v=[_(.5)];else if(d>1){let C=o[0],k=o[1]-C;v=Qn(0,d,!1).map(w=>_(C+w/(d-1)*k))}else{e=[];let C=[];if(s&&s.length>2)for(let k=1,w=s.length,T=1<=w;T?k<w:k>w;T?k++:k--)C.push((s[k-1]+s[k])*.5);else C=o;v=C.map(k=>_(k))}return B[x]&&(v=v.map(C=>C[x]())),v},_.cache=function(d){return d!=null?(F=d,_):F},_.gamma=function(d){return d!=null?(R=d,_):R},_.nodata=function(d){return d!=null?(r=B(d),_):r},_}function Qn(e,t,r){let n=[],o=e<t,a=r?o?t+1:t-1:t;for(let i=e;o?i<a:i>a;o?i++:i--)n.push(i);return n}var Jn=function(e){let t=[1,1];for(let r=1;r<e;r++){let n=[1];for(let o=1;o<=t.length;o++)n[o]=(t[o]||0)+t[o-1];t=n}return t},eo=function(e){let t,r,n,o;if(e=e.map(a=>new l(a)),e.length===2)[r,n]=e.map(a=>a.lab()),t=function(a){let i=[0,1,2].map(s=>r[s]+a*(n[s]-r[s]));return new l(i,"lab")};else if(e.length===3)[r,n,o]=e.map(a=>a.lab()),t=function(a){let i=[0,1,2].map(s=>(1-a)*(1-a)*r[s]+2*(1-a)*a*n[s]+a*a*o[s]);return new l(i,"lab")};else if(e.length===4){let a;[r,n,o,a]=e.map(i=>i.lab()),t=function(i){let s=[0,1,2].map(c=>(1-i)*(1-i)*(1-i)*r[c]+3*(1-i)*(1-i)*i*n[c]+3*(1-i)*i*i*o[c]+i*i*i*a[c]);return new l(s,"lab")}}else if(e.length>=5){let a,i,s;a=e.map(c=>c.lab()),s=e.length-1,i=Jn(s),t=function(c){let f=1-c,m=[0,1,2].map(p=>a.reduce((u,b,F)=>u+i[F]*f**(s-F)*c**F*b[p],0));return new l(m,"lab")}}else throw new RangeError("No point in running bezier with only one color.");return t},nr=e=>{let t=eo(e);return t.scale=()=>ae(t),t};var W=(e,t,r)=>{if(!W[r])throw new Error("unknown blend mode "+r);return W[r](e,t)},J=e=>(t,r)=>{let n=B(r).rgb(),o=B(t).rgb();return B.rgb(e(n,o))},ee=e=>(t,r)=>{let n=[];return n[0]=e(t[0],r[0]),n[1]=e(t[1],r[1]),n[2]=e(t[2],r[2]),n},to=e=>e,ro=(e,t)=>e*t/255,no=(e,t)=>e>t?t:e,oo=(e,t)=>e>t?e:t,ao=(e,t)=>255*(1-(1-e/255)*(1-t/255)),io=(e,t)=>t<128?2*e*t/255:255*(1-2*(1-e/255)*(1-t/255)),so=(e,t)=>255*(1-(1-t/255)/(e/255)),co=(e,t)=>e===255?255:(e=255*(t/255)/(1-e/255),e>255?255:e);W.normal=J(ee(to));W.multiply=J(ee(ro));W.screen=J(ee(ao));W.overlay=J(ee(io));W.darken=J(ee(no));W.lighten=J(ee(oo));W.dodge=J(ee(co));W.burn=J(ee(so));var or=W;var{pow:lo,sin:fo,cos:po}=Math;function ar(e=300,t=-1.5,r=1,n=1,o=[0,1]){let a=0,i;y(o)==="array"?i=o[1]-o[0]:(i=0,o=[o,o]);let s=function(c){let f=H*((e+120)/360+t*c),m=lo(o[0]+i*c,n),u=(a!==0?r[0]+c*a:r)*m*(1-m)/2,b=po(f),F=fo(f),R=m+u*(-.14861*b+1.78277*F),N=m+u*(-.29227*b-.90649*F),h=m+u*(1.97294*b);return B(oe([R*255,N*255,h*255,1]))};return s.start=function(c){return c==null?e:(e=c,s)},s.rotations=function(c){return c==null?t:(t=c,s)},s.gamma=function(c){return c==null?n:(n=c,s)},s.hue=function(c){return c==null?r:(r=c,y(r)==="array"?(a=r[1]-r[0],a===0&&(r=r[1])):a=0,s)},s.lightness=function(c){return c==null?o:(y(c)==="array"?(o=c,i=c[1]-c[0]):(o=[c,c],i=0),s)},s.scale=()=>B.scale(s),s.hue(r),s}var mo="0123456789abcdef",{floor:uo,random:go}=Math,ir=()=>{let e="#";for(let t=0;t<6;t++)e+=mo.charAt(uo(go()*16));return new l(e,"hex")};var{log:sr,pow:bo,floor:ho,abs:yo}=Math;function dt(e,t=null){let r={min:Number.MAX_VALUE,max:Number.MAX_VALUE*-1,sum:0,values:[],count:0};return y(e)==="object"&&(e=Object.values(e)),e.forEach(n=>{t&&y(n)==="object"&&(n=n[t]),n!=null&&!isNaN(n)&&(r.values.push(n),r.sum+=n,n<r.min&&(r.min=n),n>r.max&&(r.max=n),r.count+=1)}),r.domain=[r.min,r.max],r.limits=(n,o)=>pt(r,n,o),r}function pt(e,t="equal",r=7){y(e)=="array"&&(e=dt(e));let{min:n,max:o}=e,a=e.values.sort((s,c)=>s-c);if(r===1)return[n,o];let i=[];if(t.substr(0,1)==="c"&&(i.push(n),i.push(o)),t.substr(0,1)==="e"){i.push(n);for(let s=1;s<r;s++)i.push(n+s/r*(o-n));i.push(o)}else if(t.substr(0,1)==="l"){if(n<=0)throw new Error("Logarithmic scales are only possible for values > 0");let s=Math.LOG10E*sr(n),c=Math.LOG10E*sr(o);i.push(n);for(let f=1;f<r;f++)i.push(bo(10,s+f/r*(c-s)));i.push(o)}else if(t.substr(0,1)==="q"){i.push(n);for(let s=1;s<r;s++){let c=(a.length-1)*s/r,f=ho(c);if(f===c)i.push(a[f]);else{let m=c-f;i.push(a[f]*(1-m)+a[f+1]*m)}}i.push(o)}else if(t.substr(0,1)==="k"){let s,c=a.length,f=new Array(c),m=new Array(r),p=!0,u=0,b=null;b=[],b.push(n);for(let N=1;N<r;N++)b.push(n+N/r*(o-n));for(b.push(o);p;){for(let h=0;h<r;h++)m[h]=0;for(let h=0;h<c;h++){let I=a[h],$=Number.MAX_VALUE,D;for(let E=0;E<r;E++){let _=yo(b[E]-I);_<$&&($=_,D=E),m[D]++,f[h]=D}}let N=new Array(r);for(let h=0;h<r;h++)N[h]=null;for(let h=0;h<c;h++)s=f[h],N[s]===null?N[s]=a[h]:N[s]+=a[h];for(let h=0;h<r;h++)N[h]*=1/m[h];p=!1;for(let h=0;h<r;h++)if(N[h]!==b[h]){p=!0;break}b=N,u++,u>200&&(p=!1)}let F={};for(let N=0;N<r;N++)F[N]=[];for(let N=0;N<c;N++)s=f[N],F[s].push(a[N]);let R=[];for(let N=0;N<r;N++)R.push(F[N][0]),R.push(F[N][F[N].length-1]);R=R.sort((N,h)=>N-h),i.push(R[0]);for(let N=1;N<R.length;N+=2){let h=R[N];!isNaN(h)&&i.indexOf(h)===-1&&i.push(h)}}return i}var cr=(e,t)=>{e=new l(e),t=new l(t);let r=e.luminance(),n=t.luminance();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)};var{sqrt:V,pow:A,min:xo,max:So,atan2:lr,abs:fr,cos:Ie,sin:dr,exp:vo,PI:pr}=Math;function mr(e,t,r=1,n=1,o=1){var a=function(je){return 360*je/(2*pr)},i=function(je){return 2*pr*je/360};e=new l(e),t=new l(t);let[s,c,f]=Array.from(e.lab()),[m,p,u]=Array.from(t.lab()),b=(s+m)/2,F=V(A(c,2)+A(f,2)),R=V(A(p,2)+A(u,2)),N=(F+R)/2,h=.5*(1-V(A(N,7)/(A(N,7)+A(25,7)))),I=c*(1+h),$=p*(1+h),D=V(A(I,2)+A(f,2)),E=V(A($,2)+A(u,2)),_=(D+E)/2,d=a(lr(f,I)),x=a(lr(u,$)),v=d>=0?d:d+360,C=x>=0?x:x+360,k=fr(v-C)>180?(v+C+360)/2:(v+C)/2,w=1-.17*Ie(i(k-30))+.24*Ie(i(2*k))+.32*Ie(i(3*k+6))-.2*Ie(i(4*k-63)),T=C-v;T=fr(T)<=180?T:C<=v?T+360:T-360,T=2*V(D*E)*dr(i(T)/2);let j=m-s,ne=E-D,ye=1+.015*A(b-50,2)/V(20+A(b-50,2)),xe=1+.045*_,yt=1+.015*_*w,Pr=30*vo(-A((k-275)/25,2)),Dr=-(2*V(A(_,7)/(A(_,7)+A(25,7))))*dr(2*i(Pr)),zr=V(A(j/(r*ye),2)+A(ne/(n*xe),2)+A(T/(o*yt),2)+Dr*(ne/(n*xe))*(T/(o*yt)));return So(0,xo(100,zr))}function ur(e,t,r="lab"){e=new l(e),t=new l(t);let n=e.get(r),o=t.get(r),a=0;for(let i in n){let s=(n[i]||0)-(o[i]||0);a+=s*s}return Math.sqrt(a)}var gr=(...e)=>{try{return new l(...e),!0}catch{return!1}};var br={cool(){return ae([B.hsl(180,1,.9),B.hsl(250,.7,.4)])},hot(){return ae(["#000","#f00","#ff0","#fff"],[0,.25,.75,1]).mode("rgb")}};var $e={OrRd:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"],PuBu:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"],BuPu:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"],Oranges:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"],BuGn:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"],YlOrBr:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"],YlGn:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"],Reds:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"],RdPu:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"],Greens:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"],YlGnBu:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"],Purples:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"],GnBu:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"],Greys:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"],YlOrRd:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"],PuRd:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"],Blues:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"],PuBuGn:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"],Viridis:["#440154","#482777","#3f4a8a","#31678e","#26838f","#1f9d8a","#6cce5a","#b6de2b","#fee825"],Spectral:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],RdYlGn:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],RdBu:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],PiYG:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],PRGn:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],RdYlBu:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],BrBG:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],RdGy:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],PuOr:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],Set2:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],Accent:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"],Set1:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],Set3:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],Dark2:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"],Paired:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"],Pastel2:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"],Pastel1:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]};for(let e of Object.keys($e))$e[e.toLowerCase()]=$e[e];var hr=$e;Object.assign(B,{average:rr,bezier:nr,blend:or,cubehelix:ar,mix:Q,interpolate:Q,random:ir,scale:ae,analyze:dt,contrast:cr,deltaE:mr,distance:ur,limits:pt,valid:gr,scales:br,input:S,colors:Z,brewer:hr});var te=B;function Co(e){if(e)try{return te.valid(e)?te(e).darken(.5).hex():void 0}catch{return}}function Bo(e){return Co(e)}function ko(e,t){if(!(!e||!t))try{if(!te.valid(e)||!te.valid(t))return;let r=te(e).darken(.5).hex();return te.contrast(r,t)<4.5?te(t).luminance()>.5?"#000000":"#FFFFFF":r}catch{return}}function yr(e){let t=Bo(e.primaryAccent),r=ko(e.primaryAccentContrast,t);return{primaryAccentDerived:t,primaryAccentContrastDerived:r}}import{jsx as mt,jsxs as xr}from"react/jsx-runtime";function Sr({brand:e,labels:t}){let r=St(e);return xr("section",{className:"tm-section",children:[mt("div",{className:"tm-section-title",children:t.title}),xr("div",{className:"tm-field",children:[mt("label",{htmlFor:"tm-asset-logo-url",className:"tm-field-label",children:t.logoUrl}),mt("input",{id:"tm-asset-logo-url",type:"text",className:"tm-text-input tm-readonly-input",value:r??"",placeholder:t.noLogo,readOnly:!0,title:r??t.noLogo})]})]})}import vr from"react";import{jsx as X,jsxs as ue}from"react/jsx-runtime";function me({id:e,label:t,dimension:r,min:n,max:o,step:a,path:i,onChange:s}){let[c,f]=vr.useState(r.value);vr.useEffect(()=>{f(r.value)},[r.value]);let m=p=>{f(p),s(i,{unit:r.unit,value:p})};return ue("div",{className:"tm-field",children:[X("label",{htmlFor:e,className:"tm-field-label",children:t}),X("input",{id:e,type:"range",className:"tm-range",min:n,max:o,step:a,value:c,onChange:p=>m(Number(p.target.value))}),ue("span",{className:"tm-range-val",children:[c,r.unit]})]})}function Cr({brand:e,labels:t,onChange:r}){let n=e.borderRadius.round||{unit:"rem",value:0},o=e.borderRadius.square||{unit:"rem",value:0},a=e.borderWeight.none||{unit:"rem",value:0},i=e.borderWeight.thin||{unit:"rem",value:.0625},s=e.borderWeight.medium||{unit:"rem",value:.125},c=e.borderWeight.thick||{unit:"rem",value:.1875};return ue("section",{className:"tm-section",children:[X("div",{className:"tm-section-title",children:t.title}),X(me,{id:"tm-radius-round",label:t.radiusRound,dimension:n,min:0,max:2,step:.05,path:"borderRadius.round",onChange:r}),X(me,{id:"tm-radius-square",label:t.radiusSquare,dimension:o,min:0,max:2,step:.05,path:"borderRadius.square",onChange:r}),ue("div",{className:"tm-field",children:[X("label",{htmlFor:"tm-weight-none",className:"tm-field-label",children:t.weightNone}),ue("span",{className:"tm-range-val",children:[a.value,a.unit]})]}),X(me,{id:"tm-weight-thin",label:t.weightThin,dimension:i,min:0,max:.5,step:.0625,path:"borderWeight.thin",onChange:r}),X(me,{id:"tm-weight-medium",label:t.weightMedium,dimension:s,min:0,max:.5,step:.0625,path:"borderWeight.medium",onChange:r}),X(me,{id:"tm-weight-thick",label:t.weightThick,dimension:c,min:0,max:.5,step:.0625,path:"borderWeight.thick",onChange:r})]})}import Br from"react";import He from"react";import{jsx as G,jsxs as re}from"react/jsx-runtime";function Oe(e){let t=e.trim().replace(/^#/,"");if(!/^[0-9A-Fa-f]{3,8}$/.test(t))return null;let r,n,o,a=1;if(t.length===3)r=parseInt(t[0]+t[0],16),n=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16);else if(t.length===6)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);else if(t.length===8)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),a=parseInt(t.slice(6,8),16)/255;else return null;return{r,g:n,b:o,a}}function Ge(e,t,r,n){let o=Math.round(e).toString(16).padStart(2,"0"),a=Math.round(t).toString(16).padStart(2,"0"),i=Math.round(r).toString(16).padStart(2,"0"),s=Math.round(n*255).toString(16).padStart(2,"0");return`#${o}${a}${i}${s}`}var wo=()=>re("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[G("path",{d:"M8.51194 3.00541C9.18829 2.54594 10.0435 2.53694 10.6788 2.95419C10.8231 3.04893 10.9771 3.19768 11.389 3.60967C11.8009 4.02166 11.9497 4.17565 12.0444 4.31999C12.4617 4.95533 12.4527 5.81047 11.9932 6.48687C11.8834 6.64866 11.7092 6.85062 11.373 7.18689L10.9526 7.60727C10.7573 7.80253 10.7573 8.11911 10.9526 8.31438C11.1479 8.50964 11.4645 8.50964 11.6597 8.31438L12.0801 7.894C12.0899 7.88417 12.0996 7.87434 12.1092 7.86462C12.4111 7.5628 12.6482 7.32573 12.8216 7.06978C13.4711 6.11077 13.4874 4.85951 12.8627 3.88891C12.7047 3.63896 12.4738 3.40895 12.183 3.11884L12.183 3.11884C12.1622 3.09805 12.1411 3.07708 12.1198 3.05585L12.1005 3.03652C11.9202 2.85615 11.7724 2.70831 11.6427 2.62308C10.6721 1.99835 9.42086 2.01464 8.46185 2.66412C8.20589 2.83752 7.96883 3.07459 7.66701 3.37641C7.65729 3.38613 7.64746 3.39597 7.63763 3.40581L7.21725 3.82619C7.02199 4.02145 7.02199 4.33803 7.21725 4.53329C7.41251 4.72856 7.72909 4.72856 7.92435 4.53329L8.34473 4.11291C8.681 3.7767 8.88297 3.60251 9.04476 3.49267L8.51194 3.00541Z",fill:"currentColor"}),G("path",{d:"M6.48784 11.9946C5.81149 12.4541 4.95635 12.4631 4.32101 12.0458C4.17667 11.9511 4.02268 11.8023 3.61069 11.3903C3.1987 10.9784 3.04995 10.8244 2.95521 10.68C2.53796 10.0447 2.54696 9.18956 3.00643 8.51321C3.11627 8.35142 3.29046 8.14945 3.62673 7.81318L4.04711 7.3928C4.24238 7.19754 4.24238 6.88096 4.04711 6.68569C3.85185 6.49043 3.53527 6.49043 3.34001 6.68569L2.91963 7.10607C2.90991 7.1159 2.90007 7.12573 2.89035 7.13545C2.58853 7.43727 2.35146 7.67434 2.17806 7.93029C1.52858 8.8893 1.51229 10.1406 2.13702 11.1112C2.29502 11.3611 2.52503 11.5911 2.81514 11.8813L2.81514 11.8813C2.83593 11.902 2.85691 11.923 2.87819 11.9442L2.89752 11.9636C3.07789 12.1439 3.22573 12.2918 3.35543 12.377C4.32603 13.0017 5.57728 12.9854 6.53629 12.336C6.79225 12.1626 7.02931 11.9255 7.33113 11.6237C7.34085 11.6139 7.35069 11.6041 7.36052 11.5943L7.7809 11.1739C7.97616 10.9787 7.97616 10.6621 7.7809 10.4668C7.58563 10.2716 7.26905 10.2716 7.07379 10.4668L6.65341 10.8872C6.31714 11.2234 6.11517 11.3976 5.95338 11.5075L6.48784 11.9946Z",fill:"currentColor"}),G("path",{d:"M5.42583 9.57446C5.6211 9.76972 5.93768 9.76972 6.13294 9.57446L9.57422 6.13318C9.76948 5.93792 9.76948 5.62134 9.57422 5.42608C9.37896 5.23081 9.06238 5.23081 8.86711 5.42608L5.42583 8.86736C5.23057 9.06262 5.23057 9.3792 5.42583 9.57446Z",fill:"currentColor"})]});function We({fieldKey:e,label:t,value:r,onChange:n,opacityLabel:o,hexLabel:a,onLink:i,linkLabel:s}){let c=Oe(r)||{r:0,g:0,b:0,a:1},[f,m]=He.useState(c),[p,u]=He.useState(!1),[b,F]=He.useState(r);He.useEffect(()=>{let d=Oe(r);d&&(m(d),p||F(r))},[r,p]);let R=Ge(f.r,f.g,f.b,f.a),N=`#${Math.round(f.r).toString(16).padStart(2,"0")}${Math.round(f.g).toString(16).padStart(2,"0")}${Math.round(f.b).toString(16).padStart(2,"0")}`,h=d=>{let x=Oe(d.target.value);if(x){let v={...x,a:f.a};m(v);let C=Ge(v.r,v.g,v.b,v.a);F(C),n(C)}},I=d=>{let x=parseFloat(d.target.value),v={...f,a:x};m(v);let C=Ge(v.r,v.g,v.b,x);F(C),n(C)},$=()=>{u(!0)},D=d=>{F(d.target.value)},E=()=>{u(!1);let d=Oe(b);if(d){m(d);let x=Ge(d.r,d.g,d.b,d.a);F(x),n(x)}else F(R)},_=d=>{d.key==="Enter"&&E()};return re("div",{className:"tm-field tm-color-field",children:[G("label",{htmlFor:`tm-color-${e}`,className:"tm-field-label",children:t}),i&&G("button",{type:"button",className:"tm-color-link-btn",onClick:i,"aria-label":s,title:s,children:G(wo,{})}),re("div",{className:"tm-color-unified-controls",children:[re("div",{className:"tm-color-picker-row",children:[G("div",{className:"tm-color-preview",style:{backgroundColor:R},"aria-hidden":"true"}),G("input",{id:`tm-color-${e}`,type:"color",className:"tm-color-input",value:N,onChange:h,"aria-label":`${t} color picker`})]}),re("div",{className:"tm-color-opacity",children:[re("div",{className:"tm-color-opacity-header",children:[G("label",{htmlFor:`tm-opacity-${e}`,className:"tm-opacity-label",children:o}),re("span",{className:"tm-opacity-value",children:[Math.round(f.a*100),"%"]})]}),G("input",{id:`tm-opacity-${e}`,type:"range",min:"0",max:"1",step:"0.01",value:f.a,onChange:I,className:"tm-opacity-slider","aria-valuetext":`${Math.round(f.a*100)}%`})]}),re("div",{className:"tm-color-hex",children:[G("label",{htmlFor:`tm-hex-${e}`,className:"tm-hex-label",children:a}),G("input",{id:`tm-hex-${e}`,type:"text",className:"tm-hex-input",value:p?b:R,onChange:D,onFocus:$,onBlur:E,onKeyDown:_,placeholder:"#RRGGBBAA"})]})]})]})}import{jsx as ge,jsxs as _o}from"react/jsx-runtime";var No=["primary","secondary","tertiary"],Fo=["backgroundColor","textColor","borderColor"];function kr({brand:e,labels:t,onChange:r}){let[n,o]=Br.useState("primary"),[a,i]=Br.useState({}),s=p=>{try{let u=qe(e,p);return typeof u=="string"?u:"#000000ff"}catch{return"#000000ff"}},c=e.buttonStyleGroup[n]["lightning:buttonColorGroup"],f={backgroundColor:t.backgroundColor,textColor:t.textColor,borderColor:t.borderColor},m={primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};return _o("section",{className:"tm-section",children:[ge("div",{className:"tm-section-title",children:t.title}),ge("div",{className:"tm-tab-switcher tm-subtab-switcher",role:"tablist",children:No.map(p=>ge("button",{id:`tm-button-tab-${p}`,type:"button",role:"tab","aria-selected":n===p,"aria-controls":`tm-button-panel-${p}`,className:`tm-tab ${n===p?"tm-tab-active":""}`,onClick:()=>o(p),children:m[p]},p))}),ge("div",{className:"tm-color-grid",role:"tabpanel",id:`tm-button-panel-${n}`,"aria-labelledby":`tm-button-tab-${n}`,children:Fo.map(p=>{let u=c[p],b=`buttonStyleGroup.${n}.lightning:buttonColorGroup.${p}`,F=Se(u)?u:void 0,R=a[b]??0;return ge(We,{fieldKey:`button-${n}-${p}`,label:f[p],value:s(u),onChange:N=>r(b,N),opacityLabel:t.opacity,hexLabel:t.hex,onLink:F?()=>{r(b,F),i(N=>({...N,[b]:(N[b]??0)+1}))}:void 0,linkLabel:t.linkToBrand},`${n}-${p}-${R}`)})})]})}import{jsx as ut,jsxs as Ro}from"react/jsx-runtime";function wr({colorScheme:e,labels:t,onChange:r}){let n=[{key:"root",label:t.root},{key:"contrast",label:t.contrast},{key:"neutral",label:t.neutral},{key:"primaryAccent",label:t.primaryAccent},{key:"primaryAccentContrast",label:t.primaryAccentContrast}];return Ro("section",{className:"tm-section",children:[ut("div",{className:"tm-section-title",children:t.title}),ut("div",{className:"tm-color-grid",children:n.map(({key:o,label:a})=>ut(We,{fieldKey:o,label:a,value:e[o]||"#000000ff",onChange:i=>r(`colorScheme.${o}`,i),opacityLabel:t.opacity,hexLabel:t.hex},o))})]})}import{jsx as Nr,jsxs as Lo}from"react/jsx-runtime";function Fr({labels:e,onSave:t,onApplyVibes:r}){return Lo("div",{className:"tm-save-bar",children:[Nr("button",{type:"button",className:"tm-btn tm-btn-primary",onClick:t,children:e.saveToWorkspace}),r&&Nr("button",{type:"button",className:"tm-btn tm-btn-secondary",onClick:r,children:e.applyVibes})]})}import{useId as To}from"react";import{jsx as gt,jsxs as _r}from"react/jsx-runtime";function Rr({value:e,onChange:t,onSearch:r,placeholder:n,buttonLabel:o,minLength:a,minLengthHint:i}){let s=To(),c=e.trim(),f=c.length>=a,m=!f&&c.length>0,p=()=>{f&&r(c)};return _r("div",{className:"tm-search-box",children:[_r("div",{className:"tm-search-row",children:[gt("input",{type:"text",className:"tm-search-input",value:e,onChange:b=>t(b.target.value),onKeyDown:b=>{b.key==="Enter"&&(b.preventDefault(),p())},placeholder:n,"aria-label":n,"aria-describedby":m?s:void 0}),gt("button",{type:"button",className:"tm-btn tm-btn-primary tm-search-button",onClick:p,disabled:!f,title:f?void 0:i,children:o})]}),m&>("div",{id:s,className:"tm-search-hint",children:i})]})}import{jsx as Lr,jsxs as Ao}from"react/jsx-runtime";function Tr({activeTab:e,onSelectTab:t,localLabel:r,orgLabel:n}){return Ao("div",{className:"tm-tab-switcher",role:"tablist",children:[Lr("button",{type:"button",role:"tab","aria-selected":e==="local",className:`tm-tab ${e==="local"?"tm-tab-active":""}`,onClick:()=>t("local"),children:r}),Lr("button",{type:"button",role:"tab","aria-selected":e==="org",className:`tm-tab ${e==="org"?"tm-tab-active":""}`,onClick:()=>t("org"),children:n})]})}import{jsx as Y,jsxs as Ar}from"react/jsx-runtime";function bt({brands:e,activeBrandId:t,onSelectBrand:r,noResultsLabel:n}){return e.length===0?Y("div",{className:"tm-gallery-empty",children:n}):Y("div",{className:"tm-gallery",children:e.map((o,a)=>{let i=o["sfdc_cms:title"]||`brand-${a}`,s=i===t,c=xt(o),f=o.colorScheme;return Ar("div",{className:`tm-theme-card${s?" active":""}`,onClick:()=>r(i),role:"button",tabIndex:0,onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),r(i))},children:[Ar("div",{className:"tm-swatches",children:[Y("span",{className:"tm-swatch",style:{background:f.primaryAccent||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.primaryAccentDerived||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.root||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.contrast||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.neutral||"#000"},"aria-hidden":"true"})]}),Y("div",{className:"tm-card-info",children:Y("span",{className:"tm-card-label",children:c})})]},i)})})}import Ue from"react";import{jsx as z,jsxs as be}from"react/jsx-runtime";function de({id:e,label:t,dimension:r,min:n,max:o,step:a,path:i,onChange:s}){let c=b=>b*16,f=b=>b/16,[m,p]=Ue.useState(c(r.value));Ue.useEffect(()=>{p(c(r.value))},[r.value]);let u=b=>{p(b),s(i,{unit:"rem",value:f(b)})};return be("div",{className:"tm-field",children:[z("label",{htmlFor:e,className:"tm-field-label",children:t}),z("input",{id:e,type:"range",className:"tm-range",min:n,max:o,step:a,value:m,onChange:b=>u(Number(b.target.value))}),be("span",{className:"tm-range-val",children:[m,"px"]})]})}function Er({brand:e,labels:t,onChange:r}){let n=Object.keys(e.fontFamily),a=e.baseFontFamily.match(/\{!\$brand\.fontFamily\.([^}]+)\}/)?.[1]||n[0]||"",[i,s]=Ue.useState(a);Ue.useEffect(()=>{s(a)},[a]);let c=R=>{s(R),r("baseFontFamily",`{!$brand.fontFamily.${R}}`)},f=e.fontSize?.xSmall&&typeof e.fontSize.xSmall=="object"&&"unit"in e.fontSize.xSmall?e.fontSize.xSmall:{unit:"rem",value:.625},m=e.fontSize?.small&&typeof e.fontSize.small=="object"&&"unit"in e.fontSize.small?e.fontSize.small:{unit:"rem",value:.8125},p=e.fontSize?.medium&&typeof e.fontSize.medium=="object"&&"unit"in e.fontSize.medium?e.fontSize.medium:{unit:"rem",value:1},u=e.fontSize?.large&&typeof e.fontSize.large=="object"&&"unit"in e.fontSize.large?e.fontSize.large:{unit:"rem",value:1.125},b=e.fontSize?.xLarge&&typeof e.fontSize.xLarge=="object"&&"unit"in e.fontSize.xLarge?e.fontSize.xLarge:{unit:"rem",value:1.5},F=e.fontSize?.xxLarge&&typeof e.fontSize.xxLarge=="object"&&"unit"in e.fontSize.xxLarge?e.fontSize.xxLarge:{unit:"rem",value:2};return be("section",{className:"tm-section",children:[z("div",{className:"tm-section-title",children:t.title}),be("div",{className:"tm-field",children:[z("label",{htmlFor:"tm-base-font-family",className:"tm-field-label",children:t.baseFontFamily}),z("select",{id:"tm-base-font-family",className:"tm-select",value:i,onChange:R=>c(R.target.value),children:n.map(R=>{let N=e.fontFamily[R];return z("option",{value:R,children:N?.name||R},R)})})]}),be("div",{className:"tm-field",children:[z("label",{className:"tm-field-label",children:t.baseFontSize}),z("span",{className:"tm-range-val",children:"16px"})]}),z(de,{id:"tm-font-size-xxlarge",label:t.fontSizeXxLarge,dimension:F,min:8,max:64,step:1,path:"fontSize.xxLarge",onChange:r}),z(de,{id:"tm-font-size-xlarge",label:t.fontSizeXLarge,dimension:b,min:8,max:48,step:1,path:"fontSize.xLarge",onChange:r}),z(de,{id:"tm-font-size-large",label:t.fontSizeLarge,dimension:u,min:8,max:40,step:1,path:"fontSize.large",onChange:r}),z(de,{id:"tm-font-size-medium",label:t.fontSizeMedium,dimension:p,min:8,max:32,step:1,path:"fontSize.medium",onChange:r}),z(de,{id:"tm-font-size-small",label:t.fontSizeSmall,dimension:m,min:8,max:24,step:1,path:"fontSize.small",onChange:r}),z(de,{id:"tm-font-size-xsmall",label:t.fontSizeXSmall,dimension:f,min:8,max:20,step:1,path:"fontSize.xSmall",onChange:r})]})}var K={header:{title:"Brand Manager",searchPlaceholder:"Search brands...",searchButton:"Search",searchMinLengthHint:"Enter at least 3 characters to search",tabLocal:"Local Brands",tabOrg:"Search Org",refreshLocal:"Refresh"},gallery:{title:"Brands",noResults:"No brands match your search.",noSelection:"Select a brand to edit",loading:"Loading brands...",error:"Error loading brands.",noLocalBrands:"No local brands saved yet."},colors:{title:"Brand Colors",root:"Background (Root)",contrast:"Contrast",neutral:"Neutral",primaryAccent:"Primary Accent",primaryAccentContrast:"Primary Accent Contrast",opacity:"Opacity",hex:"Hex"},typography:{title:"Typography",baseFontFamily:"Base Font Family",baseFontSize:"Base Font Size",fontSizeXSmall:"Tiny (H6)",fontSizeSmall:"Small (H5, P2)",fontSizeMedium:"Medium (H4, P1)",fontSizeLarge:"Large (H3)",fontSizeXLarge:"Extra Large (H2)",fontSizeXxLarge:"Huge (H1)"},borders:{title:"Borders",radiusRound:"Border Radius (Round)",radiusSquare:"Border Radius (Square)",weightNone:"Border Weight (None)",weightThin:"Border Weight (Thin)",weightMedium:"Border Weight (Medium)",weightThick:"Border Weight (Thick)"},buttons:{title:"Buttons",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",backgroundColor:"Background",textColor:"Text",borderColor:"Border",opacity:"Opacity",hex:"Hex",linkToBrand:"Link to brand color"},assets:{title:"Assets",logoUrl:"Logo URL",noLogo:"No logo set"},save:{saveToWorkspace:"Save to Workspace",applyVibes:"Apply theme via Agentforce Vibes"}};function Mr(e){return e?{header:{...K.header,...e.header},gallery:{...K.gallery,...e.gallery},colors:{...K.colors,...e.colors},typography:{...K.typography,...e.typography},borders:{...K.borders,...e.borders},buttons:{...K.buttons,...e.buttons},assets:{...K.assets,...e.assets},save:{...K.save,...e.save}}:K}import{Fragment as ht,jsx as P,jsxs as ie}from"react/jsx-runtime";var Eo=he.forwardRef(function(t,r){let{brands:n,localBrands:o,activeBrandId:a,activeTab:i,labels:s,loading:c,error:f,onSelectBrand:m,onSearchBrands:p,onUpdateBrandProperty:u,onSaveBrand:b,onSelectTab:F,onRefreshLocal:R,onApplyVibes:N}=t,h=Mr(s),[I,$]=he.useState(""),D=k=>{k.trim().length>=3&&p(k.trim())},E=i==="local"?o:n,_=E.find(k=>(k["sfdc_cms:title"]||"")===a),[d,x]=he.useState({});he.useEffect(()=>{x({})},[a]);let v=he.useMemo(()=>{if(!_)return;if(Object.keys(d).length===0)return _;let k={..._.colorScheme,...d},w=yr({primaryAccent:k.primaryAccent,primaryAccentContrast:k.primaryAccentContrast});return w.primaryAccentDerived!==void 0?k.primaryAccentDerived=w.primaryAccentDerived:delete k.primaryAccentDerived,w.primaryAccentContrastDerived!==void 0?k.primaryAccentContrastDerived=w.primaryAccentContrastDerived:delete k.primaryAccentContrastDerived,{..._,colorScheme:k}},[_,d]),C=(k,w,T)=>{if(w.startsWith("colorScheme.")&&typeof T=="string"){let j=w.slice(12);x(ne=>({...ne,[j]:T}))}u(k,w,T)};return ie("div",{ref:r,className:"tm-panel-root",children:[ie("header",{className:"tm-panel-header",children:[P("div",{className:"tm-panel-header-row",children:P("h2",{className:"tm-panel-title",children:h.header.title})}),P(Tr,{activeTab:i,onSelectTab:F,localLabel:h.header.tabLocal,orgLabel:h.header.tabOrg}),i==="org"?ie(ht,{children:[P(Rr,{value:I,onChange:$,onSearch:D,placeholder:h.header.searchPlaceholder,buttonLabel:h.header.searchButton,minLength:3,minLengthHint:h.header.searchMinLengthHint}),c?P("div",{className:"tm-gallery-empty",children:h.gallery.loading}):f?ie("div",{className:"tm-gallery-empty",children:[h.gallery.error,": ",f]}):P(bt,{brands:n,activeBrandId:a,onSelectBrand:m,noResultsLabel:h.gallery.noResults})]}):ie(ht,{children:[P("div",{className:"tm-local-header",children:P("button",{type:"button",className:"tm-btn tm-btn-secondary tm-refresh-button",onClick:R,children:h.header.refreshLocal})}),o.length>0?P(bt,{brands:o,activeBrandId:a,onSelectBrand:m,noResultsLabel:h.gallery.noLocalBrands}):P("div",{className:"tm-empty-state",children:h.gallery.noLocalBrands})]})]}),v?ie(ht,{children:[ie("div",{className:"tm-panel-content",children:[P(wr,{colorScheme:v.colorScheme,labels:h.colors,onChange:(k,w)=>C("colors",k,w)}),P(Er,{brand:v,labels:h.typography,onChange:(k,w)=>C("typography",k,w)}),P(kr,{brand:v,labels:h.buttons,onChange:(k,w)=>C("buttons",k,w)}),P(Cr,{brand:v,labels:h.borders,onChange:(k,w)=>C("borders",k,w)}),P(Sr,{brand:v,labels:h.assets})]}),P(Fr,{labels:h.save,onSave:()=>b("workspace"),onApplyVibes:N})]}):P("div",{className:"tm-panel-content",children:P("div",{className:"tm-panel-empty-state",children:E.length>0?h.gallery.noSelection:h.gallery.noResults})})]})});export{Eo as BrandManagerPanel};
|
|
1
|
+
import he from"react";import Ye from"react";import{Fragment as Bt,jsx as re,jsxs as Ke}from"react/jsx-runtime";var kt=16,ce=e=>e*kt,vt=e=>e/kt;function V(e){return String(Number(e.toFixed(4)))}function Se({label:e,dimension:t,path:r,editable:n=!0,pixelInputLabel:o,remInputLabel:i,renderExample:a,onChange:s}){let[c,f]=Ye.useState(()=>V(ce(t.value))),[p,u]=Ye.useState(()=>V(t.value));Ye.useEffect(()=>{f(V(ce(t.value))),u(V(t.value))},[t.value]);let m=b=>{f(V(ce(b))),u(V(b)),s(r,{unit:"rem",value:b})},S=b=>{f(b);let N=Number(b);if(b.trim()===""||!Number.isFinite(N))return;let z=vt(N);u(V(z)),s(r,{unit:"rem",value:z})},k=b=>{u(b);let N=Number(b);b.trim()===""||!Number.isFinite(N)||(f(V(ce(N))),s(r,{unit:"rem",value:N}))},R=Number(c),w=c.trim()!==""&&Number.isFinite(R)&&R>=0?R:ce(t.value);return Ke("tr",{children:[re("th",{scope:"row",className:"tm-scale-name",children:e}),n?Ke(Bt,{children:[re("td",{children:re("input",{type:"number",className:"tm-scale-input",min:0,step:1,value:c,"aria-label":o,onChange:b=>S(b.target.value),onBlur:()=>m(vt(Number(c)||ce(t.value)))})}),re("td",{children:re("input",{type:"number",className:"tm-scale-input",min:0,step:.0625,value:p,"aria-label":i,onChange:b=>k(b.target.value),onBlur:()=>m(Number(p)||t.value)})})]}):Ke(Bt,{children:[re("td",{className:"tm-scale-static",children:V(ce(t.value))}),re("td",{className:"tm-scale-static",children:V(t.value)})]}),re("td",{className:"tm-scale-example",children:a(w)})]})}import{jsx as H,jsxs as Ce}from"react/jsx-runtime";function wt({title:e,nameColumn:t,pixelColumn:r,remColumn:n,exampleColumn:o,rows:i,renderExample:a,onChange:s}){return Ce("div",{className:"tm-border-group",children:[H("div",{className:"tm-section-title",children:e}),Ce("table",{className:"tm-scale-table",children:[H("thead",{children:Ce("tr",{children:[H("th",{scope:"col",children:t}),H("th",{scope:"col",children:r}),H("th",{scope:"col",children:n}),H("th",{scope:"col",children:o})]})}),H("tbody",{children:i.map(c=>H(Se,{label:c.label,dimension:c.dimension,path:c.path,editable:c.editable,pixelInputLabel:`${c.label} pixel value`,remInputLabel:`${c.label} rem value`,renderExample:a,onChange:s},c.path))})]})]})}function Rt({brand:e,labels:t,onChange:r}){let n=e.borderRadius.round||{unit:"rem",value:0},o=e.borderRadius.square||{unit:"rem",value:0},i=e.borderWeight.none||{unit:"rem",value:0},a=e.borderWeight.thin||{unit:"rem",value:.0625},s=e.borderWeight.medium||{unit:"rem",value:.125},c=e.borderWeight.thick||{unit:"rem",value:.1875},f=[{label:t.weightNone,path:"borderWeight.none",dimension:i,editable:!1},{label:t.weightThin,path:"borderWeight.thin",dimension:a,editable:!0},{label:t.weightMedium,path:"borderWeight.medium",dimension:s,editable:!0},{label:t.weightThick,path:"borderWeight.thick",dimension:c,editable:!0}],p=[{label:t.radiusSquare,path:"borderRadius.square",dimension:o,editable:!1},{label:t.radiusRound,path:"borderRadius.round",dimension:n,editable:!0}];return Ce("section",{className:"tm-section",children:[H(wt,{title:t.weightTitle,nameColumn:t.weightColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:f,renderExample:u=>H("span",{className:"tm-border-weight-example","aria-hidden":"true",style:{borderTopWidth:`${u}px`}}),onChange:r}),H(wt,{title:t.radiusTitle,nameColumn:t.radiusColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:p,renderExample:u=>H("span",{className:"tm-border-radius-example","aria-hidden":"true",style:{borderRadius:`${u}px`}}),onChange:r})]})}import Tt from"react";import ve from"react";import{jsx as G,jsxs as ne}from"react/jsx-runtime";function Be(e){let t=e.trim().replace(/^#/,"");if(!/^[0-9A-Fa-f]{3,8}$/.test(t))return null;let r,n,o,i=1;if(t.length===3)r=parseInt(t[0]+t[0],16),n=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16);else if(t.length===6)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);else if(t.length===8)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),i=parseInt(t.slice(6,8),16)/255;else return null;return{r,g:n,b:o,a:i}}function ke(e,t,r,n){let o=Math.round(e).toString(16).padStart(2,"0"),i=Math.round(t).toString(16).padStart(2,"0"),a=Math.round(r).toString(16).padStart(2,"0"),s=Math.round(n*255).toString(16).padStart(2,"0");return`#${o}${i}${a}${s}`}var jr=()=>ne("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[G("path",{d:"M8.51194 3.00541C9.18829 2.54594 10.0435 2.53694 10.6788 2.95419C10.8231 3.04893 10.9771 3.19768 11.389 3.60967C11.8009 4.02166 11.9497 4.17565 12.0444 4.31999C12.4617 4.95533 12.4527 5.81047 11.9932 6.48687C11.8834 6.64866 11.7092 6.85062 11.373 7.18689L10.9526 7.60727C10.7573 7.80253 10.7573 8.11911 10.9526 8.31438C11.1479 8.50964 11.4645 8.50964 11.6597 8.31438L12.0801 7.894C12.0899 7.88417 12.0996 7.87434 12.1092 7.86462C12.4111 7.5628 12.6482 7.32573 12.8216 7.06978C13.4711 6.11077 13.4874 4.85951 12.8627 3.88891C12.7047 3.63896 12.4738 3.40895 12.183 3.11884L12.183 3.11884C12.1622 3.09805 12.1411 3.07708 12.1198 3.05585L12.1005 3.03652C11.9202 2.85615 11.7724 2.70831 11.6427 2.62308C10.6721 1.99835 9.42086 2.01464 8.46185 2.66412C8.20589 2.83752 7.96883 3.07459 7.66701 3.37641C7.65729 3.38613 7.64746 3.39597 7.63763 3.40581L7.21725 3.82619C7.02199 4.02145 7.02199 4.33803 7.21725 4.53329C7.41251 4.72856 7.72909 4.72856 7.92435 4.53329L8.34473 4.11291C8.681 3.7767 8.88297 3.60251 9.04476 3.49267L8.51194 3.00541Z",fill:"currentColor"}),G("path",{d:"M6.48784 11.9946C5.81149 12.4541 4.95635 12.4631 4.32101 12.0458C4.17667 11.9511 4.02268 11.8023 3.61069 11.3903C3.1987 10.9784 3.04995 10.8244 2.95521 10.68C2.53796 10.0447 2.54696 9.18956 3.00643 8.51321C3.11627 8.35142 3.29046 8.14945 3.62673 7.81318L4.04711 7.3928C4.24238 7.19754 4.24238 6.88096 4.04711 6.68569C3.85185 6.49043 3.53527 6.49043 3.34001 6.68569L2.91963 7.10607C2.90991 7.1159 2.90007 7.12573 2.89035 7.13545C2.58853 7.43727 2.35146 7.67434 2.17806 7.93029C1.52858 8.8893 1.51229 10.1406 2.13702 11.1112C2.29502 11.3611 2.52503 11.5911 2.81514 11.8813L2.81514 11.8813C2.83593 11.902 2.85691 11.923 2.87819 11.9442L2.89752 11.9636C3.07789 12.1439 3.22573 12.2918 3.35543 12.377C4.32603 13.0017 5.57728 12.9854 6.53629 12.336C6.79225 12.1626 7.02931 11.9255 7.33113 11.6237C7.34085 11.6139 7.35069 11.6041 7.36052 11.5943L7.7809 11.1739C7.97616 10.9787 7.97616 10.6621 7.7809 10.4668C7.58563 10.2716 7.26905 10.2716 7.07379 10.4668L6.65341 10.8872C6.31714 11.2234 6.11517 11.3976 5.95338 11.5075L6.48784 11.9946Z",fill:"currentColor"}),G("path",{d:"M5.42583 9.57446C5.6211 9.76972 5.93768 9.76972 6.13294 9.57446L9.57422 6.13318C9.76948 5.93792 9.76948 5.62134 9.57422 5.42608C9.37896 5.23081 9.06238 5.23081 8.86711 5.42608L5.42583 8.86736C5.23057 9.06262 5.23057 9.3792 5.42583 9.57446Z",fill:"currentColor"})]});function we({fieldKey:e,label:t,value:r,onChange:n,opacityLabel:o,hexLabel:i,onLink:a,linkLabel:s}){let c=Be(r)||{r:0,g:0,b:0,a:1},[f,p]=ve.useState(c),[u,m]=ve.useState(!1),[S,k]=ve.useState(r);ve.useEffect(()=>{let d=Be(r);d&&(p(d),u||k(r))},[r,u]);let R=ke(f.r,f.g,f.b,f.a),w=`#${Math.round(f.r).toString(16).padStart(2,"0")}${Math.round(f.g).toString(16).padStart(2,"0")}${Math.round(f.b).toString(16).padStart(2,"0")}`,b=d=>{let y=Be(d.target.value);if(y){let C={...y,a:f.a};p(C);let B=ke(C.r,C.g,C.b,C.a);k(B),n(B)}},N=d=>{let y=parseFloat(d.target.value),C={...f,a:y};p(C);let B=ke(C.r,C.g,C.b,y);k(B),n(B)},z=()=>{m(!0)},M=d=>{k(d.target.value)},D=()=>{m(!1);let d=Be(S);if(d){p(d);let y=ke(d.r,d.g,d.b,d.a);k(y),n(y)}else k(R)},F=d=>{d.key==="Enter"&&D()};return ne("div",{className:"tm-field tm-color-field",children:[G("label",{htmlFor:`tm-color-${e}`,className:"tm-field-label",children:t}),a&&G("button",{type:"button",className:"tm-color-link-btn",onClick:a,"aria-label":s,title:s,children:G(jr,{})}),ne("div",{className:"tm-color-unified-controls",children:[ne("div",{className:"tm-color-picker-row",children:[G("div",{className:"tm-color-preview",style:{backgroundColor:R},"aria-hidden":"true"}),G("input",{id:`tm-color-${e}`,type:"color",className:"tm-color-input",value:w,onChange:b,"aria-label":`${t} color picker`})]}),ne("div",{className:"tm-color-opacity",children:[ne("div",{className:"tm-color-opacity-header",children:[G("label",{htmlFor:`tm-opacity-${e}`,className:"tm-opacity-label",children:o}),ne("span",{className:"tm-opacity-value",children:[Math.round(f.a*100),"%"]})]}),G("input",{id:`tm-opacity-${e}`,type:"range",min:"0",max:"1",step:"0.01",value:f.a,onChange:N,className:"tm-opacity-slider","aria-valuetext":`${Math.round(f.a*100)}%`})]}),ne("div",{className:"tm-color-hex",children:[G("label",{htmlFor:`tm-hex-${e}`,className:"tm-hex-label",children:i}),G("input",{id:`tm-hex-${e}`,type:"text",className:"tm-hex-input",value:u?S:R,onChange:M,onFocus:z,onBlur:D,onKeyDown:F,placeholder:"#RRGGBBAA"})]})]})]})}var Nt=/^\{!\$brand\.([^}]+)\}$/;function Re(e){return typeof e=="string"&&Nt.test(e)}function Ze(e,t,r=0){if(r>10)throw new Error(`Max resolution depth exceeded resolving: ${t}`);if(!Re(t))return t;let n=t.match(Nt);if(!n||!n[1])return t;let i=n[1].split("."),a=e;for(let s of i){if(a==null||typeof a!="object")throw new Error(`Invalid reference path: ${t} (failed at ${s})`);if(a=a[s],a===void 0)throw new Error(`Reference not found: ${t} (${s} is undefined)`)}return Re(a)?Ze(e,a,r+1):a}import{jsx as le,jsxs as Qe}from"react/jsx-runtime";var qr=["primary","secondary","tertiary"],Ft=["backgroundColor","textColor","borderColor"];function _t({brand:e,labels:t,onChange:r}){let[n,o]=Tt.useState(null),[i,a]=Tt.useState({}),s=p=>{try{let u=Ze(e,p);return typeof u=="string"?u:"#000000ff"}catch{return"#000000ff"}},c={backgroundColor:t.backgroundColor,textColor:t.textColor,borderColor:t.borderColor},f={primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};return Qe("section",{className:"tm-section",children:[le("div",{className:"tm-section-title",children:t.title}),qr.map(p=>{let u=e.buttonStyleGroup[p]["lightning:buttonColorGroup"],m=n===p,S=`tm-button-header-${p}`,k=`tm-button-panel-${p}`;return Qe("div",{className:"tm-button-group",role:"group","aria-label":f[p],children:[Qe("button",{type:"button",id:S,className:"tm-button-group-header","aria-expanded":m,"aria-controls":k,onClick:()=>o(R=>R===p?null:p),children:[le("span",{className:"tm-button-group-chevron","aria-hidden":"true",children:m?"\u25BE":"\u25B8"}),le("span",{className:"tm-button-group-name",children:f[p]}),le("span",{className:"tm-button-group-swatches","aria-hidden":"true",children:Ft.map(R=>{let w=u[R];return w==null?null:le("span",{className:"tm-button-group-swatch",style:{backgroundColor:s(w)}},R)})})]}),m&&le("div",{className:"tm-color-grid",id:k,role:"region","aria-labelledby":S,children:Ft.map(R=>{let w=u[R],b=`buttonStyleGroup.${p}.lightning:buttonColorGroup.${R}`,N=Re(w)?w:void 0,z=i[b]??0;return le(we,{fieldKey:`button-${p}-${R}`,label:c[R],value:s(w),onChange:M=>r(b,M),opacityLabel:t.opacity,hexLabel:t.hex,onLink:N?()=>{r(b,N),a(M=>({...M,[b]:(M[b]??0)+1}))}:void 0,linkLabel:t.linkToBrand},`${p}-${R}-${z}`)})})]},p)})]})}import{jsx as Je,jsxs as Vr}from"react/jsx-runtime";function Lt({colorScheme:e,labels:t,onChange:r}){let n=[{key:"root",label:t.root},{key:"contrast",label:t.contrast},{key:"neutral",label:t.neutral},{key:"primaryAccent",label:t.primaryAccent},{key:"primaryAccentContrast",label:t.primaryAccentContrast}];return Vr("section",{className:"tm-section",children:[Je("div",{className:"tm-section-title",children:t.title}),Je("div",{className:"tm-color-grid",children:n.map(({key:o,label:i})=>Je(we,{fieldKey:o,label:i,value:e[o]||"#000000ff",onChange:a=>r(`colorScheme.${o}`,a),opacityLabel:t.opacity,hexLabel:t.hex},o))})]})}import{jsx as Et,jsxs as Xr}from"react/jsx-runtime";function At({labels:e,onSave:t,onApplyVibes:r}){return Xr("div",{className:"tm-save-bar",children:[Et("button",{type:"button",className:"tm-btn tm-btn-primary",onClick:t,children:e.saveToWorkspace}),r&&Et("button",{type:"button",className:"tm-btn tm-btn-secondary",onClick:r,children:e.applyVibes})]})}import{useId as Yr}from"react";import{jsx as et,jsxs as Pt}from"react/jsx-runtime";function Mt({value:e,onChange:t,onSearch:r,placeholder:n,buttonLabel:o,minLength:i,minLengthHint:a}){let s=Yr(),c=e.trim(),f=c.length>=i,p=!f&&c.length>0,u=()=>{f&&r(c)};return Pt("div",{className:"tm-search-box",children:[Pt("div",{className:"tm-search-row",children:[et("input",{type:"text",className:"tm-search-input",value:e,onChange:S=>t(S.target.value),onKeyDown:S=>{S.key==="Enter"&&(S.preventDefault(),u())},placeholder:n,"aria-label":n,"aria-describedby":p?s:void 0}),et("button",{type:"button",className:"tm-btn tm-btn-primary tm-search-button",onClick:u,disabled:!f,title:f?void 0:a,children:o})]}),p&&et("div",{id:s,className:"tm-search-hint",children:a})]})}import{jsx as Dt}from"react/jsx-runtime";function It({tabs:e,activeTab:t,onSelectTab:r}){return Dt("div",{className:"tm-tab-switcher tm-section-tabs",role:"tablist",children:e.map(n=>{let o=t===n.id;return Dt("button",{id:`tm-section-tab-${n.id}`,type:"button",role:"tab","aria-selected":o,"aria-controls":o?`tm-section-panel-${n.id}`:void 0,className:`tm-tab ${o?"tm-tab-active":""}`,onClick:()=>r(n.id),children:n.label},n.id)})})}import{jsx as $t,jsxs as Kr}from"react/jsx-runtime";function zt({activeTab:e,onSelectTab:t,localLabel:r,orgLabel:n}){return Kr("div",{className:"tm-tab-switcher",role:"tablist",children:[$t("button",{type:"button",role:"tab","aria-selected":e==="local",className:`tm-tab ${e==="local"?"tm-tab-active":""}`,onClick:()=>t("local"),children:r}),$t("button",{type:"button",role:"tab","aria-selected":e==="org",className:`tm-tab ${e==="org"?"tm-tab-active":""}`,onClick:()=>t("org"),children:n})]})}function Ot(e){return e["sfdc_cms:title"]??"Untitled Brand"}import{jsx as Y,jsxs as Ht}from"react/jsx-runtime";function tt({brands:e,activeBrandId:t,onSelectBrand:r,noResultsLabel:n}){return e.length===0?Y("div",{className:"tm-gallery-empty",children:n}):Y("div",{className:"tm-gallery",children:e.map((o,i)=>{let a=o["sfdc_cms:title"]||`brand-${i}`,s=a===t,c=Ot(o),f=o.colorScheme;return Ht("div",{className:`tm-theme-card${s?" active":""}`,onClick:()=>r(a),role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),r(a))},children:[Ht("div",{className:"tm-swatches",children:[Y("span",{className:"tm-swatch",style:{background:f.primaryAccent||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.primaryAccentDerived||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.root||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.contrast||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.neutral||"#000"},"aria-hidden":"true"})]}),Y("div",{className:"tm-card-info",children:Y("span",{className:"tm-card-label",children:c})})]},a)})})}import Gt from"react";import{jsx as W,jsxs as Ne}from"react/jsx-runtime";var Zr="Aa",Qr=[{key:"xSmall",fallbackRem:.625},{key:"small",fallbackRem:.8125},{key:"medium",fallbackRem:1},{key:"large",fallbackRem:1.125},{key:"xLarge",fallbackRem:1.5},{key:"xxLarge",fallbackRem:2}];function Jr(e){if(!e?.name)return"inherit";let t=n=>n.includes(" ")?`"${n}"`:n,r=[t(e.name),...(e.fallbacks??[]).map(t)];return e.category&&r.push(e.category),r.join(", ")}function Wt({brand:e,labels:t,onChange:r}){let n=Object.keys(e.fontFamily),i=e.baseFontFamily.match(/\{!\$brand\.fontFamily\.([^}]+)\}/)?.[1]||n[0]||"",[a,s]=Gt.useState(i);Gt.useEffect(()=>{s(i)},[i]);let c=m=>{s(m),r("baseFontFamily",`{!$brand.fontFamily.${m}}`)},f=Jr(e.fontFamily[a]),p=(m,S)=>{let k=e.fontSize?.[m];return k&&typeof k=="object"&&"unit"in k?k:{unit:"rem",value:S}},u={xSmall:t.fontSizeXSmall,small:t.fontSizeSmall,medium:t.fontSizeMedium,large:t.fontSizeLarge,xLarge:t.fontSizeXLarge,xxLarge:t.fontSizeXxLarge};return Ne("section",{className:"tm-section",children:[W("div",{className:"tm-section-title",children:t.title}),Ne("div",{className:"tm-field",children:[W("label",{htmlFor:"tm-base-font-family",className:"tm-field-label",children:t.baseFontFamily}),W("select",{id:"tm-base-font-family",className:"tm-select",value:a,onChange:m=>c(m.target.value),children:n.map(m=>{let S=e.fontFamily[m];return W("option",{value:m,children:S?.name||m},m)})})]}),Ne("table",{className:"tm-scale-table",children:[W("thead",{children:Ne("tr",{children:[W("th",{scope:"col",children:t.sizeColumnName}),W("th",{scope:"col",children:t.sizeColumnPixel}),W("th",{scope:"col",children:t.sizeColumnRem}),W("th",{scope:"col",children:t.sizeColumnExample})]})}),W("tbody",{children:Qr.map(({key:m,fallbackRem:S})=>{let k=u[m]??m;return W(Se,{label:k,dimension:p(m,S),path:`fontSize.${m}`,pixelInputLabel:`${k} pixel value`,remInputLabel:`${k} rem value`,renderExample:R=>W("span",{"aria-hidden":"true",style:{fontFamily:f,fontSize:`${R}px`},children:Zr}),onChange:r},m)})})]})]})}var K={header:{title:"Brand Toolkit",searchPlaceholder:"Search brands...",searchButton:"Search",searchMinLengthHint:"Enter at least 3 characters to search",tabLocal:"Brands in this Project",tabOrg:"Search in Connected Org",refreshLocal:"Refresh"},gallery:{title:"Brands",noResults:"No brands match your search.",noSelection:"Select a brand to edit",loading:"Loading brands...",error:"Error loading brands.",noLocalBrands:"No local brands saved yet."},sectionTabs:{colors:"Colors",typography:"Typography",borders:"Borders"},colors:{title:"Brand Colors",root:"Background (Root)",contrast:"Contrast",neutral:"Neutral",primaryAccent:"Primary Accent",primaryAccentContrast:"Primary Accent Contrast",opacity:"Opacity",hex:"Hex"},typography:{title:"Typography",baseFontFamily:"Base Font Family",baseFontSize:"Base Font Size",sizeColumnName:"Specified Font Size",sizeColumnPixel:"Pixel Value",sizeColumnRem:"Rem Value",sizeColumnExample:"Example",fontSizeXSmall:"Tiny (H6)",fontSizeSmall:"Small (H5, P2)",fontSizeMedium:"Medium (H4, P1)",fontSizeLarge:"Large (H3)",fontSizeXLarge:"Extra Large (H2)",fontSizeXxLarge:"Huge (H1)"},borders:{title:"Borders",weightTitle:"Border Weight",radiusTitle:"Border Radius",weightColumnName:"Specified Weight",radiusColumnName:"Specified Shape",columnPixel:"Pixel Value",columnRem:"Rem Value",columnExample:"Example",radiusRound:"Rounded: Small",radiusSquare:"Square",weightNone:"None",weightThin:"Thin",weightMedium:"Medium",weightThick:"Thick"},buttons:{title:"Buttons",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",backgroundColor:"Background",textColor:"Text",borderColor:"Border",opacity:"Opacity",hex:"Hex",linkToBrand:"Link to brand color"},save:{saveToWorkspace:"Save to Workspace",applyVibes:"Apply theme via Agentforce Vibes"}};function Ut(e){return e?{header:{...K.header,...e.header},gallery:{...K.gallery,...e.gallery},sectionTabs:{...K.sectionTabs,...e.sectionTabs},colors:{...K.colors,...e.colors},typography:{...K.typography,...e.typography},borders:{...K.borders,...e.borders},buttons:{...K.buttons,...e.buttons},save:{...K.save,...e.save}}:K}var X=(e,t=0,r=1)=>me(ue(t,e),r);var fe=e=>{e._clipped=!1,e._unclipped=e.slice(0);for(let t=0;t<=3;t++)t<3?((e[t]<0||e[t]>255)&&(e._clipped=!0),e[t]=X(e[t],0,255)):t===3&&(e[t]=X(e[t],0,1));return e};var jt={};for(let e of["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"])jt[`[object ${e}]`]=e.toLowerCase();function h(e){return jt[Object.prototype.toString.call(e)]||"object"}var g=(e,t=null)=>e.length>=3?Array.prototype.slice.call(e):h(e[0])=="object"&&t?t.split("").filter(r=>e[0][r]!==void 0).map(r=>e[0][r]):e[0];var Z=e=>{if(e.length<2)return null;let t=e.length-1;return h(e[t])=="string"?e[t].toLowerCase():null};var{PI:Te,min:me,max:ue}=Math,U=Te*2,Fe=Te/3,qt=Te/180,Vt=180/Te;var x={format:{},autodetect:[]};var rt=class{constructor(...t){let r=this;if(h(t[0])==="object"&&t[0].constructor&&t[0].constructor===this.constructor)return t[0];let n=Z(t),o=!1;if(!n){o=!0,x.sorted||(x.autodetect=x.autodetect.sort((i,a)=>a.p-i.p),x.sorted=!0);for(let i of x.autodetect)if(n=i.test(...t),n)break}if(x.format[n]){let i=x.format[n].apply(null,o?t:t.slice(0,-1));r._rgb=fe(i)}else throw new Error("unknown format: "+t);r._rgb.length===3&&r._rgb.push(1)}toString(){return h(this.hex)=="function"?this.hex():`[${this._rgb.join(",")}]`}},l=rt;var Xt="2.6.0";var _e=(...e)=>new _e.Color(...e);_e.Color=l;_e.version=Xt;var v=_e;var en=(...e)=>{e=g(e,"cmyk");let[t,r,n,o]=e,i=e.length>4?e[4]:1;return o===1?[0,0,0,i]:[t>=1?0:255*(1-t)*(1-o),r>=1?0:255*(1-r)*(1-o),n>=1?0:255*(1-n)*(1-o),i]},Yt=en;var{max:Kt}=Math,tn=(...e)=>{let[t,r,n]=g(e,"rgb");t=t/255,r=r/255,n=n/255;let o=1-Kt(t,Kt(r,n)),i=o<1?1/(1-o):0,a=(1-t-o)*i,s=(1-r-o)*i,c=(1-n-o)*i;return[a,s,c,o]},Zt=tn;l.prototype.cmyk=function(){return Zt(this._rgb)};v.cmyk=(...e)=>new l(...e,"cmyk");x.format.cmyk=Yt;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"cmyk"),h(e)==="array"&&e.length===4)return"cmyk"}});var nt=e=>Math.round(e*100)/100,rn=(...e)=>{let t=g(e,"hsla"),r=Z(e)||"lsa";return t[0]=nt(t[0]||0),t[1]=nt(t[1]*100)+"%",t[2]=nt(t[2]*100)+"%",r==="hsla"||t.length>3&&t[3]<1?(t[3]=t.length>3?t[3]:1,r="hsla"):t.length=3,`${r}(${t.join(",")})`},Qt=rn;var nn=(...e)=>{e=g(e,"rgba");let[t,r,n]=e;t/=255,r/=255,n/=255;let o=me(t,r,n),i=ue(t,r,n),a=(i+o)/2,s,c;return i===o?(s=0,c=Number.NaN):s=a<.5?(i-o)/(i+o):(i-o)/(2-i-o),t==i?c=(r-n)/(i-o):r==i?c=2+(n-t)/(i-o):n==i&&(c=4+(t-r)/(i-o)),c*=60,c<0&&(c+=360),e.length>3&&e[3]!==void 0?[c,s,a,e[3]]:[c,s,a]},Le=nn;var{round:ot}=Math,on=(...e)=>{let t=g(e,"rgba"),r=Z(e)||"rgb";return r.substr(0,3)=="hsl"?Qt(Le(t),r):(t[0]=ot(t[0]),t[1]=ot(t[1]),t[2]=ot(t[2]),(r==="rgba"||t.length>3&&t[3]<1)&&(t[3]=t.length>3?t[3]:1,r="rgba"),`${r}(${t.slice(0,r==="rgb"?3:4).join(",")})`)},Jt=on;var{round:at}=Math,an=(...e)=>{e=g(e,"hsl");let[t,r,n]=e,o,i,a;if(r===0)o=i=a=n*255;else{let s=[0,0,0],c=[0,0,0],f=n<.5?n*(1+r):n+r-n*r,p=2*n-f,u=t/360;s[0]=u+1/3,s[1]=u,s[2]=u-1/3;for(let m=0;m<3;m++)s[m]<0&&(s[m]+=1),s[m]>1&&(s[m]-=1),6*s[m]<1?c[m]=p+(f-p)*6*s[m]:2*s[m]<1?c[m]=f:3*s[m]<2?c[m]=p+(f-p)*(2/3-s[m])*6:c[m]=p;[o,i,a]=[at(c[0]*255),at(c[1]*255),at(c[2]*255)]}return e.length>3?[o,i,a,e[3]]:[o,i,a,1]},ye=an;var tr=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,rr=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,nr=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,or=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,ar=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,ir=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,{round:er}=Math,sr=e=>{e=e.toLowerCase().trim();let t;if(x.format.named)try{return x.format.named(e)}catch{}if(t=e.match(tr)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=+r[n];return r[3]=1,r}if(t=e.match(rr)){let r=t.slice(1,5);for(let n=0;n<4;n++)r[n]=+r[n];return r}if(t=e.match(nr)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=er(r[n]*2.55);return r[3]=1,r}if(t=e.match(or)){let r=t.slice(1,5);for(let n=0;n<3;n++)r[n]=er(r[n]*2.55);return r[3]=+r[3],r}if(t=e.match(ar)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=ye(r);return n[3]=1,n}if(t=e.match(ir)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=ye(r);return n[3]=+t[4],n}};sr.test=e=>tr.test(e)||rr.test(e)||nr.test(e)||or.test(e)||ar.test(e)||ir.test(e);var it=sr;l.prototype.css=function(e){return Jt(this._rgb,e)};v.css=(...e)=>new l(...e,"css");x.format.css=it;x.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&it.test(e))return"css"}});x.format.gl=(...e)=>{let t=g(e,"rgba");return t[0]*=255,t[1]*=255,t[2]*=255,t};v.gl=(...e)=>new l(...e,"gl");l.prototype.gl=function(){let e=this._rgb;return[e[0]/255,e[1]/255,e[2]/255,e[3]]};var{floor:sn}=Math,cn=(...e)=>{e=g(e,"hcg");let[t,r,n]=e,o,i,a;n=n*255;let s=r*255;if(r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let c=sn(t),f=t-c,p=n*(1-r),u=p+s*(1-f),m=p+s*f,S=p+s;switch(c){case 0:[o,i,a]=[S,m,p];break;case 1:[o,i,a]=[u,S,p];break;case 2:[o,i,a]=[p,S,m];break;case 3:[o,i,a]=[p,u,S];break;case 4:[o,i,a]=[m,p,S];break;case 5:[o,i,a]=[S,p,u];break}}return[o,i,a,e.length>3?e[3]:1]},cr=cn;var ln=(...e)=>{let[t,r,n]=g(e,"rgb"),o=me(t,r,n),i=ue(t,r,n),a=i-o,s=a*100/255,c=o/(255-a)*100,f;return a===0?f=Number.NaN:(t===i&&(f=(r-n)/a),r===i&&(f=2+(n-t)/a),n===i&&(f=4+(t-r)/a),f*=60,f<0&&(f+=360)),[f,s,c]},lr=ln;l.prototype.hcg=function(){return lr(this._rgb)};v.hcg=(...e)=>new l(...e,"hcg");x.format.hcg=cr;x.autodetect.push({p:1,test:(...e)=>{if(e=g(e,"hcg"),h(e)==="array"&&e.length===3)return"hcg"}});var fn=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,dn=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,pn=e=>{if(e.match(fn)){(e.length===4||e.length===7)&&(e=e.substr(1)),e.length===3&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);let t=parseInt(e,16),r=t>>16,n=t>>8&255,o=t&255;return[r,n,o,1]}if(e.match(dn)){(e.length===5||e.length===9)&&(e=e.substr(1)),e.length===4&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]);let t=parseInt(e,16),r=t>>24&255,n=t>>16&255,o=t>>8&255,i=Math.round((t&255)/255*100)/100;return[r,n,o,i]}throw new Error(`unknown hex color: ${e}`)},Ee=pn;var{round:Ae}=Math,mn=(...e)=>{let[t,r,n,o]=g(e,"rgba"),i=Z(e)||"auto";o===void 0&&(o=1),i==="auto"&&(i=o<1?"rgba":"rgb"),t=Ae(t),r=Ae(r),n=Ae(n);let s="000000"+(t<<16|r<<8|n).toString(16);s=s.substr(s.length-6);let c="0"+Ae(o*255).toString(16);switch(c=c.substr(c.length-2),i.toLowerCase()){case"rgba":return`#${s}${c}`;case"argb":return`#${c}${s}`;default:return`#${s}`}},Pe=mn;l.prototype.hex=function(e){return Pe(this._rgb,e)};v.hex=(...e)=>new l(...e,"hex");x.format.hex=Ee;x.autodetect.push({p:4,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&[3,4,5,6,7,8,9].indexOf(e.length)>=0)return"hex"}});var{cos:ge}=Math,un=(...e)=>{e=g(e,"hsi");let[t,r,n]=e,o,i,a;return isNaN(t)&&(t=0),isNaN(r)&&(r=0),t>360&&(t-=360),t<0&&(t+=360),t/=360,t<1/3?(a=(1-r)/3,o=(1+r*ge(U*t)/ge(Fe-U*t))/3,i=1-(a+o)):t<2/3?(t-=1/3,o=(1-r)/3,i=(1+r*ge(U*t)/ge(Fe-U*t))/3,a=1-(o+i)):(t-=2/3,i=(1-r)/3,a=(1+r*ge(U*t)/ge(Fe-U*t))/3,o=1-(i+a)),o=X(n*o*3),i=X(n*i*3),a=X(n*a*3),[o*255,i*255,a*255,e.length>3?e[3]:1]},fr=un;var{min:gn,sqrt:bn,acos:hn}=Math,yn=(...e)=>{let[t,r,n]=g(e,"rgb");t/=255,r/=255,n/=255;let o,i=gn(t,r,n),a=(t+r+n)/3,s=a>0?1-i/a:0;return s===0?o=NaN:(o=(t-r+(t-n))/2,o/=bn((t-r)*(t-r)+(t-n)*(r-n)),o=hn(o),n>r&&(o=U-o),o/=U),[o*360,s,a]},dr=yn;l.prototype.hsi=function(){return dr(this._rgb)};v.hsi=(...e)=>new l(...e,"hsi");x.format.hsi=fr;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsi"),h(e)==="array"&&e.length===3)return"hsi"}});l.prototype.hsl=function(){return Le(this._rgb)};v.hsl=(...e)=>new l(...e,"hsl");x.format.hsl=ye;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsl"),h(e)==="array"&&e.length===3)return"hsl"}});var{floor:xn}=Math,Sn=(...e)=>{e=g(e,"hsv");let[t,r,n]=e,o,i,a;if(n*=255,r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let s=xn(t),c=t-s,f=n*(1-r),p=n*(1-r*c),u=n*(1-r*(1-c));switch(s){case 0:[o,i,a]=[n,u,f];break;case 1:[o,i,a]=[p,n,f];break;case 2:[o,i,a]=[f,n,u];break;case 3:[o,i,a]=[f,p,n];break;case 4:[o,i,a]=[u,f,n];break;case 5:[o,i,a]=[n,f,p];break}}return[o,i,a,e.length>3?e[3]:1]},pr=Sn;var{min:Cn,max:vn}=Math,Bn=(...e)=>{e=g(e,"rgb");let[t,r,n]=e,o=Cn(t,r,n),i=vn(t,r,n),a=i-o,s,c,f;return f=i/255,i===0?(s=Number.NaN,c=0):(c=a/i,t===i&&(s=(r-n)/a),r===i&&(s=2+(n-t)/a),n===i&&(s=4+(t-r)/a),s*=60,s<0&&(s+=360)),[s,c,f]},mr=Bn;l.prototype.hsv=function(){return mr(this._rgb)};v.hsv=(...e)=>new l(...e,"hsv");x.format.hsv=pr;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsv"),h(e)==="array"&&e.length===3)return"hsv"}});var $={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452};var{pow:kn}=Math,wn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o,i,a,s,c,f;return i=(t+16)/116,o=isNaN(r)?i:i+r/500,a=isNaN(n)?i:i-n/200,i=$.Yn*ct(i),o=$.Xn*ct(o),a=$.Zn*ct(a),s=st(3.2404542*o-1.5371385*i-.4985314*a),c=st(-.969266*o+1.8760108*i+.041556*a),f=st(.0556434*o-.2040259*i+1.0572252*a),[s,c,f,e.length>3?e[3]:1]},st=e=>255*(e<=.00304?12.92*e:1.055*kn(e,1/2.4)-.055),ct=e=>e>$.t1?e*e*e:$.t2*(e-$.t0),Me=wn;var{pow:ur}=Math,Rn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Nn(t,r,n),s=116*i-16;return[s<0?0:s,500*(o-i),200*(i-a)]},lt=e=>(e/=255)<=.04045?e/12.92:ur((e+.055)/1.055,2.4),ft=e=>e>$.t3?ur(e,1/3):e/$.t2+$.t0,Nn=(e,t,r)=>{e=lt(e),t=lt(t),r=lt(r);let n=ft((.4124564*e+.3575761*t+.1804375*r)/$.Xn),o=ft((.2126729*e+.7151522*t+.072175*r)/$.Yn),i=ft((.0193339*e+.119192*t+.9503041*r)/$.Zn);return[n,o,i]},De=Rn;l.prototype.lab=function(){return De(this._rgb)};v.lab=(...e)=>new l(...e,"lab");x.format.lab=Me;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"lab"),h(e)==="array"&&e.length===3)return"lab"}});var{sin:Tn,cos:Fn}=Math,_n=(...e)=>{let[t,r,n]=g(e,"lch");return isNaN(n)&&(n=0),n=n*qt,[t,Fn(n)*r,Tn(n)*r]},Ie=_n;var Ln=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=Me(o,i,a);return[s,c,f,e.length>3?e[3]:1]},$e=Ln;var En=(...e)=>{let t=g(e,"hcl").reverse();return $e(...t)},gr=En;var{sqrt:An,atan2:Pn,round:Mn}=Math,Dn=(...e)=>{let[t,r,n]=g(e,"lab"),o=An(r*r+n*n),i=(Pn(n,r)*Vt+360)%360;return Mn(o*1e4)===0&&(i=Number.NaN),[t,o,i]},ze=Dn;var In=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=De(t,r,n);return ze(o,i,a)},dt=In;l.prototype.lch=function(){return dt(this._rgb)};l.prototype.hcl=function(){return dt(this._rgb).reverse()};v.lch=(...e)=>new l(...e,"lch");v.hcl=(...e)=>new l(...e,"hcl");x.format.lch=$e;x.format.hcl=gr;["lch","hcl"].forEach(e=>x.autodetect.push({p:2,test:(...t)=>{if(t=g(t,e),h(t)==="array"&&t.length===3)return e}}));var $n={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",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",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",maroon2:"#7f0000",maroon3:"#b03060",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",purple2:"#7f007f",purple3:"#a020f0",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"},oe=$n;l.prototype.name=function(){let e=Pe(this._rgb,"rgb");for(let t of Object.keys(oe))if(oe[t]===e)return t.toLowerCase();return e};x.format.named=e=>{if(e=e.toLowerCase(),oe[e])return Ee(oe[e]);throw new Error("unknown color name: "+e)};x.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&oe[e.toLowerCase()])return"named"}});var zn=e=>{if(h(e)=="number"&&e>=0&&e<=16777215){let t=e>>16,r=e>>8&255,n=e&255;return[t,r,n,1]}throw new Error("unknown num color: "+e)},br=zn;var On=(...e)=>{let[t,r,n]=g(e,"rgb");return(t<<16)+(r<<8)+n},hr=On;l.prototype.num=function(){return hr(this._rgb)};v.num=(...e)=>new l(...e,"num");x.format.num=br;x.autodetect.push({p:5,test:(...e)=>{if(e.length===1&&h(e[0])==="number"&&e[0]>=0&&e[0]<=16777215)return"num"}});var{round:yr}=Math;l.prototype.rgb=function(e=!0){return e===!1?this._rgb.slice(0,3):this._rgb.slice(0,3).map(yr)};l.prototype.rgba=function(e=!0){return this._rgb.slice(0,4).map((t,r)=>r<3?e===!1?t:yr(t):t)};v.rgb=(...e)=>new l(...e,"rgb");x.format.rgb=(...e)=>{let t=g(e,"rgba");return t[3]===void 0&&(t[3]=1),t};x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"rgba"),h(e)==="array"&&(e.length===3||e.length===4&&h(e[3])=="number"&&e[3]>=0&&e[3]<=1))return"rgb"}});var{log:Oe}=Math,Hn=e=>{let t=e/100,r,n,o;return t<66?(r=255,n=t<6?0:-155.25485562709179-.44596950469579133*(n=t-2)+104.49216199393888*Oe(n),o=t<20?0:-254.76935184120902+.8274096064007395*(o=t-10)+115.67994401066147*Oe(o)):(r=351.97690566805693+.114206453784165*(r=t-55)-40.25366309332127*Oe(r),n=325.4494125711974+.07943456536662342*(n=t-50)-28.0852963507957*Oe(n),o=255),[r,n,o,1]},He=Hn;var{round:Gn}=Math,Wn=(...e)=>{let t=g(e,"rgb"),r=t[0],n=t[2],o=1e3,i=4e4,a=.4,s;for(;i-o>a;){s=(i+o)*.5;let c=He(s);c[2]/c[0]>=n/r?i=s:o=s}return Gn(s)},xr=Wn;l.prototype.temp=l.prototype.kelvin=l.prototype.temperature=function(){return xr(this._rgb)};v.temp=v.kelvin=v.temperature=(...e)=>new l(...e,"temp");x.format.temp=x.format.kelvin=x.format.temperature=He;var{pow:Ge,sign:Un}=Math,jn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o=Ge(t+.3963377774*r+.2158037573*n,3),i=Ge(t-.1055613458*r-.0638541728*n,3),a=Ge(t-.0894841775*r-1.291485548*n,3);return[255*pt(4.0767416621*o-3.3077115913*i+.2309699292*a),255*pt(-1.2684380046*o+2.6097574011*i-.3413193965*a),255*pt(-.0041960863*o-.7034186147*i+1.707614701*a),e.length>3?e[3]:1]},We=jn;function pt(e){let t=Math.abs(e);return t>.0031308?(Un(e)||1)*(1.055*Ge(t,1/2.4)-.055):e*12.92}var{cbrt:mt,pow:qn,sign:Vn}=Math,Xn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=[ut(t/255),ut(r/255),ut(n/255)],s=mt(.4122214708*o+.5363325363*i+.0514459929*a),c=mt(.2119034982*o+.6806995451*i+.1073969566*a),f=mt(.0883024619*o+.2817188376*i+.6299787005*a);return[.2104542553*s+.793617785*c-.0040720468*f,1.9779984951*s-2.428592205*c+.4505937099*f,.0259040371*s+.7827717662*c-.808675766*f]},Ue=Xn;function ut(e){let t=Math.abs(e);return t<.04045?e/12.92:(Vn(e)||1)*qn((t+.055)/1.055,2.4)}l.prototype.oklab=function(){return Ue(this._rgb)};v.oklab=(...e)=>new l(...e,"oklab");x.format.oklab=We;x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklab"),h(e)==="array"&&e.length===3)return"oklab"}});var Yn=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=We(o,i,a);return[s,c,f,e.length>3?e[3]:1]},Sr=Yn;var Kn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Ue(t,r,n);return ze(o,i,a)},Cr=Kn;l.prototype.oklch=function(){return Cr(this._rgb)};v.oklch=(...e)=>new l(...e,"oklch");x.format.oklch=Sr;x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklch"),h(e)==="array"&&e.length===3)return"oklch"}});l.prototype.alpha=function(e,t=!1){return e!==void 0&&h(e)==="number"?t?(this._rgb[3]=e,this):new l([this._rgb[0],this._rgb[1],this._rgb[2],e],"rgb"):this._rgb[3]};l.prototype.clipped=function(){return this._rgb._clipped||!1};l.prototype.darken=function(e=1){let t=this,r=t.lab();return r[0]-=$.Kn*e,new l(r,"lab").alpha(t.alpha(),!0)};l.prototype.brighten=function(e=1){return this.darken(-e)};l.prototype.darker=l.prototype.darken;l.prototype.brighter=l.prototype.brighten;l.prototype.get=function(e){let[t,r]=e.split("."),n=this[t]();if(r){let o=t.indexOf(r)-(t.substr(0,2)==="ok"?2:0);if(o>-1)return n[o];throw new Error(`unknown channel ${r} in mode ${t}`)}else return n};var{pow:Zn}=Math,Qn=1e-7,Jn=20;l.prototype.luminance=function(e,t="rgb"){if(e!==void 0&&h(e)==="number"){if(e===0)return new l([0,0,0,this._rgb[3]],"rgb");if(e===1)return new l([255,255,255,this._rgb[3]],"rgb");let r=this.luminance(),n=Jn,o=(a,s)=>{let c=a.interpolate(s,.5,t),f=c.luminance();return Math.abs(e-f)<Qn||!n--?c:f>e?o(a,c):o(c,s)},i=(r>e?o(new l([0,0,0]),this):o(this,new l([255,255,255]))).rgb();return new l([...i,this._rgb[3]])}return eo(...this._rgb.slice(0,3))};var eo=(e,t,r)=>(e=gt(e),t=gt(t),r=gt(r),.2126*e+.7152*t+.0722*r),gt=e=>(e/=255,e<=.03928?e/12.92:Zn((e+.055)/1.055,2.4));var A={};var ae=(e,t,r=.5,...n)=>{let o=n[0]||"lrgb";if(!A[o]&&!n.length&&(o=Object.keys(A)[0]),!A[o])throw new Error(`interpolation mode ${o} is not defined`);return h(e)!=="object"&&(e=new l(e)),h(t)!=="object"&&(t=new l(t)),A[o](e,t,r).alpha(e.alpha()+r*(t.alpha()-e.alpha()))};l.prototype.mix=l.prototype.interpolate=function(e,t=.5,...r){return ae(this,e,t,...r)};l.prototype.premultiply=function(e=!1){let t=this._rgb,r=t[3];return e?(this._rgb=[t[0]*r,t[1]*r,t[2]*r,r],this):new l([t[0]*r,t[1]*r,t[2]*r,r],"rgb")};l.prototype.saturate=function(e=1){let t=this,r=t.lch();return r[1]+=$.Kn*e,r[1]<0&&(r[1]=0),new l(r,"lch").alpha(t.alpha(),!0)};l.prototype.desaturate=function(e=1){return this.saturate(-e)};l.prototype.set=function(e,t,r=!1){let[n,o]=e.split("."),i=this[n]();if(o){let a=n.indexOf(o)-(n.substr(0,2)==="ok"?2:0);if(a>-1){if(h(t)=="string")switch(t.charAt(0)){case"+":i[a]+=+t;break;case"-":i[a]+=+t;break;case"*":i[a]*=+t.substr(1);break;case"/":i[a]/=+t.substr(1);break;default:i[a]=+t}else if(h(t)==="number")i[a]=t;else throw new Error("unsupported value for Color.set");let s=new l(i,n);return r?(this._rgb=s._rgb,this):s}throw new Error(`unknown channel ${o} in mode ${n}`)}else return i};l.prototype.tint=function(e=.5,...t){return ae(this,"white",e,...t)};l.prototype.shade=function(e=.5,...t){return ae(this,"black",e,...t)};var to=(e,t,r)=>{let n=e._rgb,o=t._rgb;return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"rgb")};A.rgb=to;var{sqrt:bt,pow:be}=Math,ro=(e,t,r)=>{let[n,o,i]=e._rgb,[a,s,c]=t._rgb;return new l(bt(be(n,2)*(1-r)+be(a,2)*r),bt(be(o,2)*(1-r)+be(s,2)*r),bt(be(i,2)*(1-r)+be(c,2)*r),"rgb")};A.lrgb=ro;var no=(e,t,r)=>{let n=e.lab(),o=t.lab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"lab")};A.lab=no;var j=(e,t,r,n)=>{let o,i;n==="hsl"?(o=e.hsl(),i=t.hsl()):n==="hsv"?(o=e.hsv(),i=t.hsv()):n==="hcg"?(o=e.hcg(),i=t.hcg()):n==="hsi"?(o=e.hsi(),i=t.hsi()):n==="lch"||n==="hcl"?(n="hcl",o=e.hcl(),i=t.hcl()):n==="oklch"&&(o=e.oklch().reverse(),i=t.oklch().reverse());let a,s,c,f,p,u;(n.substr(0,1)==="h"||n==="oklch")&&([a,c,p]=o,[s,f,u]=i);let m,S,k,R;return!isNaN(a)&&!isNaN(s)?(s>a&&s-a>180?R=s-(a+360):s<a&&a-s>180?R=s+360-a:R=s-a,S=a+r*R):isNaN(a)?isNaN(s)?S=Number.NaN:(S=s,(p==1||p==0)&&n!="hsv"&&(m=f)):(S=a,(u==1||u==0)&&n!="hsv"&&(m=c)),m===void 0&&(m=c+r*(f-c)),k=p+r*(u-p),n==="oklch"?new l([k,m,S],n):new l([S,m,k],n)};var vr=(e,t,r)=>j(e,t,r,"lch");A.lch=vr;A.hcl=vr;var oo=(e,t,r)=>{let n=e.num(),o=t.num();return new l(n+r*(o-n),"num")};A.num=oo;var ao=(e,t,r)=>j(e,t,r,"hcg");A.hcg=ao;var io=(e,t,r)=>j(e,t,r,"hsi");A.hsi=io;var so=(e,t,r)=>j(e,t,r,"hsl");A.hsl=so;var co=(e,t,r)=>j(e,t,r,"hsv");A.hsv=co;var lo=(e,t,r)=>{let n=e.oklab(),o=t.oklab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"oklab")};A.oklab=lo;var fo=(e,t,r)=>j(e,t,r,"oklch");A.oklch=fo;var{pow:ht,sqrt:yt,PI:xt,cos:Br,sin:kr,atan2:po}=Math,wr=(e,t="lrgb",r=null)=>{let n=e.length;r||(r=Array.from(new Array(n)).map(()=>1));let o=n/r.reduce(function(u,m){return u+m});if(r.forEach((u,m)=>{r[m]*=o}),e=e.map(u=>new l(u)),t==="lrgb")return mo(e,r);let i=e.shift(),a=i.get(t),s=[],c=0,f=0;for(let u=0;u<a.length;u++)if(a[u]=(a[u]||0)*r[0],s.push(isNaN(a[u])?0:r[0]),t.charAt(u)==="h"&&!isNaN(a[u])){let m=a[u]/180*xt;c+=Br(m)*r[0],f+=kr(m)*r[0]}let p=i.alpha()*r[0];e.forEach((u,m)=>{let S=u.get(t);p+=u.alpha()*r[m+1];for(let k=0;k<a.length;k++)if(!isNaN(S[k]))if(s[k]+=r[m+1],t.charAt(k)==="h"){let R=S[k]/180*xt;c+=Br(R)*r[m+1],f+=kr(R)*r[m+1]}else a[k]+=S[k]*r[m+1]});for(let u=0;u<a.length;u++)if(t.charAt(u)==="h"){let m=po(f/s[u],c/s[u])/xt*180;for(;m<0;)m+=360;for(;m>=360;)m-=360;a[u]=m}else a[u]=a[u]/s[u];return p/=n,new l(a,t).alpha(p>.99999?1:p,!0)},mo=(e,t)=>{let r=e.length,n=[0,0,0,0];for(let o=0;o<e.length;o++){let i=e[o],a=t[o]/r,s=i._rgb;n[0]+=ht(s[0],2)*a,n[1]+=ht(s[1],2)*a,n[2]+=ht(s[2],2)*a,n[3]+=s[3]*a}return n[0]=yt(n[0]),n[1]=yt(n[1]),n[2]=yt(n[2]),n[3]>.9999999&&(n[3]=1),new l(fe(n))};var{pow:uo}=Math;function de(e){let t="rgb",r=v("#ccc"),n=0,o=[0,1],i=[],a=[0,0],s=!1,c=[],f=!1,p=0,u=1,m=!1,S={},k=!0,R=1,w=function(d){if(d=d||["#fff","#000"],d&&h(d)==="string"&&v.brewer&&v.brewer[d.toLowerCase()]&&(d=v.brewer[d.toLowerCase()]),h(d)==="array"){d.length===1&&(d=[d[0],d[0]]),d=d.slice(0);for(let y=0;y<d.length;y++)d[y]=v(d[y]);i.length=0;for(let y=0;y<d.length;y++)i.push(y/(d.length-1))}return D(),c=d},b=function(d){if(s!=null){let y=s.length-1,C=0;for(;C<y&&d>=s[C];)C++;return C-1}return 0},N=d=>d,z=d=>d,M=function(d,y){let C,B;if(y==null&&(y=!1),isNaN(d)||d===null)return r;y?B=d:s&&s.length>2?B=b(d)/(s.length-2):u!==p?B=(d-p)/(u-p):B=1,B=z(B),y||(B=N(B)),R!==1&&(B=uo(B,R)),B=a[0]+B*(1-a[0]-a[1]),B=X(B,0,1);let _=Math.floor(B*1e4);if(k&&S[_])C=S[_];else{if(h(c)==="array")for(let T=0;T<i.length;T++){let E=i[T];if(B<=E){C=c[T];break}if(B>=E&&T===i.length-1){C=c[T];break}if(B>E&&B<i[T+1]){B=(B-E)/(i[T+1]-E),C=v.interpolate(c[T],c[T+1],B,t);break}}else h(c)==="function"&&(C=c(B));k&&(S[_]=C)}return C};var D=()=>S={};w(e);let F=function(d){let y=v(M(d));return f&&y[f]?y[f]():y};return F.classes=function(d){if(d!=null){if(h(d)==="array")s=d,o=[d[0],d[d.length-1]];else{let y=v.analyze(o);d===0?s=[y.min,y.max]:s=v.limits(y,"e",d)}return F}return s},F.domain=function(d){if(!arguments.length)return o;p=d[0],u=d[d.length-1],i=[];let y=c.length;if(d.length===y&&p!==u)for(let C of Array.from(d))i.push((C-p)/(u-p));else{for(let C=0;C<y;C++)i.push(C/(y-1));if(d.length>2){let C=d.map((_,T)=>T/(d.length-1)),B=d.map(_=>(_-p)/(u-p));B.every((_,T)=>C[T]===_)||(z=_=>{if(_<=0||_>=1)return _;let T=0;for(;_>=B[T+1];)T++;let E=(_-B[T])/(B[T+1]-B[T]);return C[T]+E*(C[T+1]-C[T])})}}return o=[p,u],F},F.mode=function(d){return arguments.length?(t=d,D(),F):t},F.range=function(d,y){return w(d,y),F},F.out=function(d){return f=d,F},F.spread=function(d){return arguments.length?(n=d,F):n},F.correctLightness=function(d){return d==null&&(d=!0),m=d,D(),m?N=function(y){let C=M(0,!0).lab()[0],B=M(1,!0).lab()[0],_=C>B,T=M(y,!0).lab()[0],E=C+(B-C)*y,L=T-E,P=0,te=1,pe=20;for(;Math.abs(L)>.01&&pe-- >0;)(function(){return _&&(L*=-1),L<0?(P=y,y+=(te-y)*.5):(te=y,y+=(P-y)*.5),T=M(y,!0).lab()[0],L=T-E})();return y}:N=y=>y,F},F.padding=function(d){return d!=null?(h(d)==="number"&&(d=[d,d]),a=d,F):a},F.colors=function(d,y){arguments.length<2&&(y="hex");let C=[];if(arguments.length===0)C=c.slice(0);else if(d===1)C=[F(.5)];else if(d>1){let B=o[0],_=o[1]-B;C=go(0,d,!1).map(T=>F(B+T/(d-1)*_))}else{e=[];let B=[];if(s&&s.length>2)for(let _=1,T=s.length,E=1<=T;E?_<T:_>T;E?_++:_--)B.push((s[_-1]+s[_])*.5);else B=o;C=B.map(_=>F(_))}return v[y]&&(C=C.map(B=>B[y]())),C},F.cache=function(d){return d!=null?(k=d,F):k},F.gamma=function(d){return d!=null?(R=d,F):R},F.nodata=function(d){return d!=null?(r=v(d),F):r},F}function go(e,t,r){let n=[],o=e<t,i=r?o?t+1:t-1:t;for(let a=e;o?a<i:a>i;o?a++:a--)n.push(a);return n}var bo=function(e){let t=[1,1];for(let r=1;r<e;r++){let n=[1];for(let o=1;o<=t.length;o++)n[o]=(t[o]||0)+t[o-1];t=n}return t},ho=function(e){let t,r,n,o;if(e=e.map(i=>new l(i)),e.length===2)[r,n]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>r[s]+i*(n[s]-r[s]));return new l(a,"lab")};else if(e.length===3)[r,n,o]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>(1-i)*(1-i)*r[s]+2*(1-i)*i*n[s]+i*i*o[s]);return new l(a,"lab")};else if(e.length===4){let i;[r,n,o,i]=e.map(a=>a.lab()),t=function(a){let s=[0,1,2].map(c=>(1-a)*(1-a)*(1-a)*r[c]+3*(1-a)*(1-a)*a*n[c]+3*(1-a)*a*a*o[c]+a*a*a*i[c]);return new l(s,"lab")}}else if(e.length>=5){let i,a,s;i=e.map(c=>c.lab()),s=e.length-1,a=bo(s),t=function(c){let f=1-c,p=[0,1,2].map(u=>i.reduce((m,S,k)=>m+a[k]*f**(s-k)*c**k*S[u],0));return new l(p,"lab")}}else throw new RangeError("No point in running bezier with only one color.");return t},Rr=e=>{let t=ho(e);return t.scale=()=>de(t),t};var q=(e,t,r)=>{if(!q[r])throw new Error("unknown blend mode "+r);return q[r](e,t)},ie=e=>(t,r)=>{let n=v(r).rgb(),o=v(t).rgb();return v.rgb(e(n,o))},se=e=>(t,r)=>{let n=[];return n[0]=e(t[0],r[0]),n[1]=e(t[1],r[1]),n[2]=e(t[2],r[2]),n},yo=e=>e,xo=(e,t)=>e*t/255,So=(e,t)=>e>t?t:e,Co=(e,t)=>e>t?e:t,vo=(e,t)=>255*(1-(1-e/255)*(1-t/255)),Bo=(e,t)=>t<128?2*e*t/255:255*(1-2*(1-e/255)*(1-t/255)),ko=(e,t)=>255*(1-(1-t/255)/(e/255)),wo=(e,t)=>e===255?255:(e=255*(t/255)/(1-e/255),e>255?255:e);q.normal=ie(se(yo));q.multiply=ie(se(xo));q.screen=ie(se(vo));q.overlay=ie(se(Bo));q.darken=ie(se(So));q.lighten=ie(se(Co));q.dodge=ie(se(wo));q.burn=ie(se(ko));var Nr=q;var{pow:Ro,sin:No,cos:To}=Math;function Tr(e=300,t=-1.5,r=1,n=1,o=[0,1]){let i=0,a;h(o)==="array"?a=o[1]-o[0]:(a=0,o=[o,o]);let s=function(c){let f=U*((e+120)/360+t*c),p=Ro(o[0]+a*c,n),m=(i!==0?r[0]+c*i:r)*p*(1-p)/2,S=To(f),k=No(f),R=p+m*(-.14861*S+1.78277*k),w=p+m*(-.29227*S-.90649*k),b=p+m*(1.97294*S);return v(fe([R*255,w*255,b*255,1]))};return s.start=function(c){return c==null?e:(e=c,s)},s.rotations=function(c){return c==null?t:(t=c,s)},s.gamma=function(c){return c==null?n:(n=c,s)},s.hue=function(c){return c==null?r:(r=c,h(r)==="array"?(i=r[1]-r[0],i===0&&(r=r[1])):i=0,s)},s.lightness=function(c){return c==null?o:(h(c)==="array"?(o=c,a=c[1]-c[0]):(o=[c,c],a=0),s)},s.scale=()=>v.scale(s),s.hue(r),s}var Fo="0123456789abcdef",{floor:_o,random:Lo}=Math,Fr=()=>{let e="#";for(let t=0;t<6;t++)e+=Fo.charAt(_o(Lo()*16));return new l(e,"hex")};var{log:_r,pow:Eo,floor:Ao,abs:Po}=Math;function St(e,t=null){let r={min:Number.MAX_VALUE,max:Number.MAX_VALUE*-1,sum:0,values:[],count:0};return h(e)==="object"&&(e=Object.values(e)),e.forEach(n=>{t&&h(n)==="object"&&(n=n[t]),n!=null&&!isNaN(n)&&(r.values.push(n),r.sum+=n,n<r.min&&(r.min=n),n>r.max&&(r.max=n),r.count+=1)}),r.domain=[r.min,r.max],r.limits=(n,o)=>Ct(r,n,o),r}function Ct(e,t="equal",r=7){h(e)=="array"&&(e=St(e));let{min:n,max:o}=e,i=e.values.sort((s,c)=>s-c);if(r===1)return[n,o];let a=[];if(t.substr(0,1)==="c"&&(a.push(n),a.push(o)),t.substr(0,1)==="e"){a.push(n);for(let s=1;s<r;s++)a.push(n+s/r*(o-n));a.push(o)}else if(t.substr(0,1)==="l"){if(n<=0)throw new Error("Logarithmic scales are only possible for values > 0");let s=Math.LOG10E*_r(n),c=Math.LOG10E*_r(o);a.push(n);for(let f=1;f<r;f++)a.push(Eo(10,s+f/r*(c-s)));a.push(o)}else if(t.substr(0,1)==="q"){a.push(n);for(let s=1;s<r;s++){let c=(i.length-1)*s/r,f=Ao(c);if(f===c)a.push(i[f]);else{let p=c-f;a.push(i[f]*(1-p)+i[f+1]*p)}}a.push(o)}else if(t.substr(0,1)==="k"){let s,c=i.length,f=new Array(c),p=new Array(r),u=!0,m=0,S=null;S=[],S.push(n);for(let w=1;w<r;w++)S.push(n+w/r*(o-n));for(S.push(o);u;){for(let b=0;b<r;b++)p[b]=0;for(let b=0;b<c;b++){let N=i[b],z=Number.MAX_VALUE,M;for(let D=0;D<r;D++){let F=Po(S[D]-N);F<z&&(z=F,M=D),p[M]++,f[b]=M}}let w=new Array(r);for(let b=0;b<r;b++)w[b]=null;for(let b=0;b<c;b++)s=f[b],w[s]===null?w[s]=i[b]:w[s]+=i[b];for(let b=0;b<r;b++)w[b]*=1/p[b];u=!1;for(let b=0;b<r;b++)if(w[b]!==S[b]){u=!0;break}S=w,m++,m>200&&(u=!1)}let k={};for(let w=0;w<r;w++)k[w]=[];for(let w=0;w<c;w++)s=f[w],k[s].push(i[w]);let R=[];for(let w=0;w<r;w++)R.push(k[w][0]),R.push(k[w][k[w].length-1]);R=R.sort((w,b)=>w-b),a.push(R[0]);for(let w=1;w<R.length;w+=2){let b=R[w];!isNaN(b)&&a.indexOf(b)===-1&&a.push(b)}}return a}var Lr=(e,t)=>{e=new l(e),t=new l(t);let r=e.luminance(),n=t.luminance();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)};var{sqrt:Q,pow:I,min:Mo,max:Do,atan2:Er,abs:Ar,cos:je,sin:Pr,exp:Io,PI:Mr}=Math;function Dr(e,t,r=1,n=1,o=1){var i=function(Xe){return 360*Xe/(2*Mr)},a=function(Xe){return 2*Mr*Xe/360};e=new l(e),t=new l(t);let[s,c,f]=Array.from(e.lab()),[p,u,m]=Array.from(t.lab()),S=(s+p)/2,k=Q(I(c,2)+I(f,2)),R=Q(I(u,2)+I(m,2)),w=(k+R)/2,b=.5*(1-Q(I(w,7)/(I(w,7)+I(25,7)))),N=c*(1+b),z=u*(1+b),M=Q(I(N,2)+I(f,2)),D=Q(I(z,2)+I(m,2)),F=(M+D)/2,d=i(Er(f,N)),y=i(Er(m,z)),C=d>=0?d:d+360,B=y>=0?y:y+360,_=Ar(C-B)>180?(C+B+360)/2:(C+B)/2,T=1-.17*je(a(_-30))+.24*je(a(2*_))+.32*je(a(3*_+6))-.2*je(a(4*_-63)),E=B-C;E=Ar(E)<=180?E:B<=C?E+360:E-360,E=2*Q(M*D)*Pr(a(E)/2);let L=p-s,P=D-M,te=1+.015*I(S-50,2)/Q(20+I(S-50,2)),pe=1+.045*F,xe=1+.015*F*T,Gr=30*Io(-I((_-275)/25,2)),Wr=-(2*Q(I(F,7)/(I(F,7)+I(25,7))))*Pr(2*a(Gr)),Ur=Q(I(L/(r*te),2)+I(P/(n*pe),2)+I(E/(o*xe),2)+Wr*(P/(n*pe))*(E/(o*xe)));return Do(0,Mo(100,Ur))}function Ir(e,t,r="lab"){e=new l(e),t=new l(t);let n=e.get(r),o=t.get(r),i=0;for(let a in n){let s=(n[a]||0)-(o[a]||0);i+=s*s}return Math.sqrt(i)}var $r=(...e)=>{try{return new l(...e),!0}catch{return!1}};var zr={cool(){return de([v.hsl(180,1,.9),v.hsl(250,.7,.4)])},hot(){return de(["#000","#f00","#ff0","#fff"],[0,.25,.75,1]).mode("rgb")}};var qe={OrRd:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"],PuBu:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"],BuPu:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"],Oranges:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"],BuGn:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"],YlOrBr:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"],YlGn:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"],Reds:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"],RdPu:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"],Greens:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"],YlGnBu:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"],Purples:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"],GnBu:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"],Greys:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"],YlOrRd:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"],PuRd:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"],Blues:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"],PuBuGn:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"],Viridis:["#440154","#482777","#3f4a8a","#31678e","#26838f","#1f9d8a","#6cce5a","#b6de2b","#fee825"],Spectral:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],RdYlGn:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],RdBu:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],PiYG:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],PRGn:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],RdYlBu:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],BrBG:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],RdGy:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],PuOr:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],Set2:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],Accent:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"],Set1:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],Set3:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],Dark2:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"],Paired:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"],Pastel2:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"],Pastel1:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]};for(let e of Object.keys(qe))qe[e.toLowerCase()]=qe[e];var Or=qe;Object.assign(v,{average:wr,bezier:Rr,blend:Nr,cubehelix:Tr,mix:ae,interpolate:ae,random:Fr,scale:de,analyze:St,contrast:Lr,deltaE:Dr,distance:Ir,limits:Ct,valid:$r,scales:zr,input:x,colors:oe,brewer:Or});var J=v;function $o(e){if(e)try{return J.valid(e)?J(e).darken(.5).hex():void 0}catch{return}}function zo(e){return $o(e)}function Oo(e,t){if(!(!e||!t))try{if(!J.valid(e)||!J.valid(t))return;let r=J(e).darken(.5).hex();return J.contrast(r,t)<4.5?J(t).luminance()>.5?"#000000":"#FFFFFF":r}catch{return}}function Hr(e){let t=zo(e.primaryAccent),r=Oo(e.primaryAccentContrast,t);return{primaryAccentDerived:t,primaryAccentContrastDerived:r}}import{Fragment as Ve,jsx as O,jsxs as ee}from"react/jsx-runtime";var Ho=he.forwardRef(function(t,r){let{brands:n,localBrands:o,activeBrandId:i,activeTab:a,labels:s,loading:c,error:f,onSelectBrand:p,onSearchBrands:u,onUpdateBrandProperty:m,onSaveBrand:S,onSelectTab:k,onRefreshLocal:R,onApplyVibes:w,showSaveBar:b=!0}=t,N=Ut(s),[z,M]=he.useState(""),[D,F]=he.useState("colors"),d=L=>{L.trim().length>=3&&u(L.trim())},y=a==="local"?o:n,C=y.find(L=>(L["sfdc_cms:title"]||"")===i),[B,_]=he.useState({});he.useEffect(()=>{_({})},[i]);let T=he.useMemo(()=>{if(!C)return;if(Object.keys(B).length===0)return C;let L={...C.colorScheme,...B},P=Hr({primaryAccent:L.primaryAccent,primaryAccentContrast:L.primaryAccentContrast});return P.primaryAccentDerived!==void 0?L.primaryAccentDerived=P.primaryAccentDerived:delete L.primaryAccentDerived,P.primaryAccentContrastDerived!==void 0?L.primaryAccentContrastDerived=P.primaryAccentContrastDerived:delete L.primaryAccentContrastDerived,{...C,colorScheme:L}},[C,B]),E=(L,P,te)=>{if(P.startsWith("colorScheme.")&&typeof te=="string"){let pe=P.slice(12);_(xe=>({...xe,[pe]:te}))}m(L,P,te)};return ee("div",{ref:r,className:"tm-panel-root",children:[ee("header",{className:"tm-panel-header",children:[ee("div",{className:"tm-panel-header-row",children:[O("h2",{className:"tm-panel-title",children:N.header.title}),b&&T&&O(At,{labels:N.save,onSave:()=>S("workspace"),onApplyVibes:w})]}),O(zt,{activeTab:a,onSelectTab:k,localLabel:N.header.tabLocal,orgLabel:N.header.tabOrg}),a==="org"?ee(Ve,{children:[O(Mt,{value:z,onChange:M,onSearch:d,placeholder:N.header.searchPlaceholder,buttonLabel:N.header.searchButton,minLength:3,minLengthHint:N.header.searchMinLengthHint}),c?O("div",{className:"tm-gallery-empty",children:N.gallery.loading}):f?ee("div",{className:"tm-gallery-empty",children:[N.gallery.error,": ",f]}):O(tt,{brands:n,activeBrandId:i,onSelectBrand:p,noResultsLabel:N.gallery.noResults})]}):ee(Ve,{children:[O("div",{className:"tm-local-header",children:O("button",{type:"button",className:"tm-btn tm-btn-secondary tm-refresh-button",onClick:R,children:N.header.refreshLocal})}),o.length>0?O(tt,{brands:o,activeBrandId:i,onSelectBrand:p,noResultsLabel:N.gallery.noLocalBrands}):O("div",{className:"tm-empty-state",children:N.gallery.noLocalBrands})]})]}),T?ee(Ve,{children:[O(It,{tabs:[{id:"colors",label:N.sectionTabs.colors},{id:"typography",label:N.sectionTabs.typography},{id:"borders",label:N.sectionTabs.borders}],activeTab:D,onSelectTab:F}),ee("div",{className:"tm-panel-content",role:"tabpanel",id:`tm-section-panel-${D}`,"aria-labelledby":`tm-section-tab-${D}`,children:[D==="colors"&&ee(Ve,{children:[O(Lt,{colorScheme:T.colorScheme,labels:N.colors,onChange:(L,P)=>E("colors",L,P)}),O(_t,{brand:T,labels:N.buttons,onChange:(L,P)=>E("buttons",L,P)})]}),D==="typography"&&O(Wt,{brand:T,labels:N.typography,onChange:(L,P)=>E("typography",L,P)}),D==="borders"&&O(Rt,{brand:T,labels:N.borders,onChange:(L,P)=>E("borders",L,P)})]})]}):O("div",{className:"tm-panel-content",children:O("div",{className:"tm-panel-empty-state",children:y.length>0?N.gallery.noSelection:N.gallery.noResults})})]})});export{Ho as BrandManagerPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:root,:host){--tm-color-foreground: #181818;--tm-color-foreground-secondary: #444444;--tm-color-background: #ffffff;--tm-color-border: rgba(128, 128, 128, .2);--tm-color-input-background: #f9f9f9;--tm-color-input-border: rgba(128, 128, 128, .3);--tm-color-focus-border: #0176d3;--tm-color-hover-background: #f3f3f3;--tm-color-selected-background: #e0f0ff;--tm-button-primary-bg: #0176d3;--tm-button-primary-text: #ffffff;--tm-button-secondary-bg: #f3f3f3;--tm-button-secondary-text: #181818;--tm-badge-background: #e0e0e0;--tm-badge-foreground: #181818;--tm-font-family: system-ui, -apple-system, sans-serif;--tm-font-size-title: 14px;--tm-font-size-body: 12px;--tm-font-size-label: 11px;--tm-font-size-small: 10px;--tm-font-weight-normal: 400;--tm-font-weight-semibold: 600;--tm-spacing-xs: 3px;--tm-spacing-sm: 6px;--tm-spacing-md: 8px;--tm-spacing-lg: 12px;--tm-spacing-xl: 16px;--tm-radius-sm: 3px;--tm-radius-md: 4px}*{box-sizing:border-box}.tm-panel-root{font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);color:var(--tm-color-foreground);background:var(--tm-color-background);padding:var(--tm-spacing-lg);line-height:1.4;display:flex;flex-direction:column;gap:var(--tm-spacing-xl);height:auto;overflow:visible}.tm-panel-header{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border);flex-shrink:0}.tm-panel-header-row{display:flex;align-items:center;justify-content:space-between}.tm-panel-title{font-size:var(--tm-font-size-title);font-weight:var(--tm-font-weight-semibold);margin:0}.tm-panel-header>.tm-btn-primary{width:100%}.tm-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--tm-radius-sm);background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text);border:none;cursor:pointer}.tm-btn-icon:hover{opacity:.9}.tm-search-box{display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-search-row{display:flex;gap:var(--tm-spacing-sm);align-items:center}.tm-search-input{flex:1;padding:5px 8px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-body);outline:none}.tm-search-input:focus{border-color:var(--tm-color-focus-border)}.tm-search-button{flex-shrink:0;width:auto;white-space:nowrap}.tm-search-button:disabled{opacity:.5;cursor:not-allowed}.tm-search-hint{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);padding-left:var(--tm-spacing-sm)}.tm-gallery{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-gallery::-webkit-scrollbar{width:5px}.tm-gallery::-webkit-scrollbar-thumb{background:var(--tm-color-border);border-radius:var(--tm-radius-sm)}.tm-gallery-empty{padding:var(--tm-spacing-md);color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-label);text-align:center}.tm-theme-card{padding:var(--tm-spacing-md);border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-md);cursor:pointer;transition:border-color .15s}.tm-theme-card:hover{border-color:var(--tm-color-focus-border)}.tm-theme-card.active{border-color:var(--tm-button-primary-bg);background:var(--tm-color-selected-background)}.tm-swatches{display:flex;gap:var(--tm-spacing-xs);margin-bottom:5px}.tm-swatch{width:22px;height:14px;border-radius:2px;border:1px solid rgba(128,128,128,.15)}.tm-card-info{display:flex;flex-direction:column}.tm-card-label{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold)}.tm-card-desc{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-btn{border:none;border-radius:var(--tm-radius-sm);padding:5px 10px;font-size:var(--tm-font-size-label);cursor:pointer;font-weight:var(--tm-font-weight-normal);transition:opacity .15s}.tm-btn-primary{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-btn-primary:hover{opacity:.9}.tm-btn-secondary{background:var(--tm-button-secondary-bg);color:var(--tm-button-secondary-text)}.tm-btn-secondary:hover{opacity:.8}.tm-panel-content{display:flex;flex-direction:column;gap:var(--tm-spacing-xl);flex:1;overflow:visible;min-height:0}.tm-section{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border)}.tm-section-title{font-size:var(--tm-font-size-small);font-weight:var(--tm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--tm-color-foreground-secondary)}.tm-field{display:flex;align-items:center;gap:var(--tm-spacing-sm)}.tm-field-label{font-size:var(--tm-font-size-label);min-width:75px;color:var(--tm-color-foreground)}.tm-color-input{width:28px;height:22px;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);padding:1px;cursor:pointer;background:none}.tm-text-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-text-input:focus{border-color:var(--tm-color-focus-border)}.tm-readonly-input{color:var(--tm-color-foreground-secondary);cursor:default;text-overflow:ellipsis}.tm-readonly-input:focus{border-color:var(--tm-color-input-border)}.tm-select{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-select:focus{border-color:var(--tm-color-focus-border)}.tm-range{flex:1;accent-color:var(--tm-button-primary-bg)}.tm-range-val{font-size:var(--tm-font-size-small);min-width:28px;text-align:right;color:var(--tm-color-foreground-secondary)}.tm-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;min-width:0}.tm-color-field{position:relative;display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-color-link-btn{position:absolute;top:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--tm-radius-sm);background:transparent;color:var(--tm-color-foreground-secondary);cursor:pointer}.tm-color-link-btn:hover{background:var(--tm-color-hover-background);color:var(--tm-color-focus-border)}.tm-color-unified-controls{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);padding:var(--tm-spacing-sm);border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-md);background:var(--tm-color-input-background);width:100%;min-width:0}.tm-color-picker-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);min-width:0}.tm-color-preview{width:60px;height:22px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-input-border);flex-shrink:0}.tm-color-hex{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-sm)}.tm-opacity-label,.tm-hex-label{min-width:50px;color:var(--tm-color-foreground-secondary)}.tm-opacity-slider{accent-color:var(--tm-button-primary-bg);width:100%;min-width:0}.tm-opacity-value{min-width:35px;text-align:right;font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary)}.tm-hex-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none;font-family:monospace;width:100%;min-width:0}.tm-hex-input:focus{border-color:var(--tm-color-focus-border)}.tm-hex-input:invalid{border-color:#d0021b}.tm-density-group{display:flex;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);overflow:hidden;flex:1}.tm-density-btn{flex:1;padding:3px 6px;border:none;font-size:var(--tm-font-size-small);background:var(--tm-color-input-background);color:var(--tm-color-foreground);cursor:pointer;border-right:1px solid var(--tm-color-input-border)}.tm-density-btn:last-child{border-right:none}.tm-density-btn.active{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-comp-item{padding:var(--tm-spacing-md) 0;border-bottom:1px solid rgba(128,128,128,.1)}.tm-comp-item:last-child{border-bottom:none}.tm-comp-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);margin-bottom:4px}.tm-comp-name{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-normal)}.tm-comp-badge{font-size:9px;padding:1px 5px;border-radius:var(--tm-radius-sm);background:var(--tm-badge-background);color:var(--tm-badge-foreground)}.tm-toggle-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-small);cursor:pointer;color:var(--tm-color-foreground-secondary)}.tm-toggle-row input{accent-color:var(--tm-button-primary-bg)}.tm-comp-overrides{margin-top:var(--tm-spacing-sm);padding:var(--tm-spacing-md);border-radius:var(--tm-radius-sm);background:var(--tm-color-input-background);border:1px solid var(--tm-color-input-border);display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-tab-switcher{display:flex;gap:0;border-bottom:1px solid var(--tm-color-border)}.tm-tab{flex:1;padding:var(--tm-spacing-md) var(--tm-spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--tm-color-foreground-secondary);font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);font-weight:var(--tm-font-weight-normal);cursor:pointer;transition:all .15s ease}.tm-tab:hover{background:var(--tm-color-hover-background)}.tm-tab-active{color:var(--tm-color-foreground);font-weight:var(--tm-font-weight-semibold);border-bottom-color:var(--tm-button-primary-bg)}.tm-subtab-switcher{margin-bottom:var(--tm-spacing-sm)}.tm-subtab-switcher .tm-tab{padding:var(--tm-spacing-sm) var(--tm-spacing-md);font-size:var(--tm-font-size-label)}.tm-local-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--tm-spacing-sm) 0}.tm-refresh-button{padding:var(--tm-spacing-xs) var(--tm-spacing-md);font-size:var(--tm-font-size-label)}.tm-empty-state{padding:var(--tm-spacing-xl);text-align:center;color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-body)}.tm-save-bar{display:flex;gap:var(--tm-spacing-sm);flex-shrink:0;padding-top:var(--tm-spacing-lg);border-top:1px solid var(--tm-color-border)}.tm-save-bar .tm-btn{flex:1}
|
|
1
|
+
:where(:root,:host){--tm-color-foreground: #181818;--tm-color-foreground-secondary: #444444;--tm-color-background: #ffffff;--tm-color-border: rgba(128, 128, 128, .2);--tm-color-input-background: #f9f9f9;--tm-color-input-border: rgba(128, 128, 128, .3);--tm-color-focus-border: #0176d3;--tm-color-hover-background: #f3f3f3;--tm-color-selected-background: #e0f0ff;--tm-button-primary-bg: #0176d3;--tm-button-primary-text: #ffffff;--tm-button-secondary-bg: #f3f3f3;--tm-button-secondary-text: #181818;--tm-badge-background: #e0e0e0;--tm-badge-foreground: #181818;--tm-font-family: system-ui, -apple-system, sans-serif;--tm-font-size-title: 14px;--tm-font-size-body: 12px;--tm-font-size-label: 11px;--tm-font-size-small: 10px;--tm-font-weight-normal: 400;--tm-font-weight-semibold: 600;--tm-spacing-xs: 3px;--tm-spacing-sm: 6px;--tm-spacing-md: 8px;--tm-spacing-lg: 12px;--tm-spacing-xl: 16px;--tm-radius-sm: 3px;--tm-radius-md: 4px}*{box-sizing:border-box}.tm-panel-root{font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);color:var(--tm-color-foreground);background:var(--tm-color-background);padding:var(--tm-spacing-lg);line-height:1.4;display:flex;flex-direction:column;gap:var(--tm-spacing-xl);height:auto;overflow:visible}.tm-panel-header{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border);flex-shrink:0}.tm-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-md);flex-wrap:wrap}.tm-panel-title{font-size:var(--tm-font-size-title);font-weight:var(--tm-font-weight-semibold);margin:0}.tm-panel-header>.tm-btn-primary{width:100%}.tm-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--tm-radius-sm);background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text);border:none;cursor:pointer}.tm-btn-icon:hover{opacity:.9}.tm-search-box{display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-search-row{display:flex;gap:var(--tm-spacing-sm);align-items:center}.tm-search-input{flex:1;padding:5px 8px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-body);outline:none}.tm-search-input:focus{border-color:var(--tm-color-focus-border)}.tm-search-button{flex-shrink:0;width:auto;white-space:nowrap}.tm-search-button:disabled{opacity:.5;cursor:not-allowed}.tm-search-hint{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);padding-left:var(--tm-spacing-sm)}.tm-gallery{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-gallery::-webkit-scrollbar{width:5px}.tm-gallery::-webkit-scrollbar-thumb{background:var(--tm-color-border);border-radius:var(--tm-radius-sm)}.tm-gallery-empty{padding:var(--tm-spacing-md);color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-label);text-align:center}.tm-theme-card{padding:var(--tm-spacing-md);border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-md);cursor:pointer;transition:border-color .15s}.tm-theme-card:hover{border-color:var(--tm-color-focus-border)}.tm-theme-card.active{border-color:var(--tm-button-primary-bg);background:var(--tm-color-selected-background)}.tm-swatches{display:flex;gap:var(--tm-spacing-xs);margin-bottom:5px}.tm-swatch{width:22px;height:14px;border-radius:2px;border:1px solid rgba(128,128,128,.15)}.tm-card-info{display:flex;flex-direction:column}.tm-card-label{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold)}.tm-card-desc{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-btn{border:none;border-radius:var(--tm-radius-sm);padding:5px 10px;font-size:var(--tm-font-size-label);cursor:pointer;font-weight:var(--tm-font-weight-normal);transition:opacity .15s}.tm-btn-primary{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-btn-primary:hover{opacity:.9}.tm-btn-secondary{background:var(--tm-button-secondary-bg);color:var(--tm-button-secondary-text)}.tm-btn-secondary:hover{opacity:.8}.tm-panel-content{display:flex;flex-direction:column;gap:var(--tm-spacing-xl);flex:1;overflow:visible;min-height:0}.tm-section{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border)}.tm-section-title{font-size:var(--tm-font-size-small);font-weight:var(--tm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--tm-color-foreground-secondary)}.tm-field{display:flex;align-items:center;gap:var(--tm-spacing-sm)}.tm-field-label{font-size:var(--tm-font-size-label);min-width:75px;color:var(--tm-color-foreground)}.tm-color-input{width:28px;height:22px;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);padding:1px;cursor:pointer;background:none}.tm-text-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-text-input:focus{border-color:var(--tm-color-focus-border)}.tm-readonly-input{color:var(--tm-color-foreground-secondary);cursor:default;text-overflow:ellipsis}.tm-readonly-input:focus{border-color:var(--tm-color-input-border)}.tm-select{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-select:focus{border-color:var(--tm-color-focus-border)}.tm-range{flex:1;accent-color:var(--tm-button-primary-bg)}.tm-scale-table{width:100%;border-collapse:collapse;font-size:var(--tm-font-size-label)}.tm-scale-table th,.tm-scale-table td{text-align:left;padding:var(--tm-spacing-sm);border-bottom:1px solid var(--tm-color-border);vertical-align:middle}.tm-scale-table thead th{color:var(--tm-color-foreground-secondary);font-weight:var(--tm-font-weight-semibold);white-space:nowrap}.tm-scale-name{font-weight:var(--tm-font-weight-normal);color:var(--tm-color-foreground);white-space:nowrap}.tm-scale-static{color:var(--tm-color-foreground-secondary)}.tm-scale-input{width:64px;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-scale-input:focus{border-color:var(--tm-color-focus-border)}.tm-scale-example{width:40%;line-height:1;color:var(--tm-color-foreground);overflow:hidden}.tm-scale-example>span{display:inline-block;max-width:100%;overflow:hidden}.tm-border-weight-example{width:44px;height:24px;border:1px solid var(--tm-color-border);border-top-color:var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-radius-example{width:36px;height:36px;border:2px solid var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-group{display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-range-val{font-size:var(--tm-font-size-small);min-width:28px;text-align:right;color:var(--tm-color-foreground-secondary)}.tm-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;min-width:0}.tm-color-field{position:relative;display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-color-link-btn{position:absolute;top:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--tm-radius-sm);background:transparent;color:var(--tm-color-foreground-secondary);cursor:pointer}.tm-color-link-btn:hover{background:var(--tm-color-hover-background);color:var(--tm-color-focus-border)}.tm-color-unified-controls{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);padding:var(--tm-spacing-sm);border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-md);background:var(--tm-color-input-background);width:100%;min-width:0}.tm-color-picker-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);min-width:0}.tm-color-preview{width:60px;height:22px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-input-border);flex-shrink:0}.tm-color-hex{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-sm)}.tm-opacity-label,.tm-hex-label{min-width:50px;color:var(--tm-color-foreground-secondary)}.tm-opacity-slider{accent-color:var(--tm-button-primary-bg);width:100%;min-width:0}.tm-opacity-value{min-width:35px;text-align:right;font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary)}.tm-hex-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none;font-family:monospace;width:100%;min-width:0}.tm-hex-input:focus{border-color:var(--tm-color-focus-border)}.tm-hex-input:invalid{border-color:#d0021b}.tm-density-group{display:flex;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);overflow:hidden;flex:1}.tm-density-btn{flex:1;padding:3px 6px;border:none;font-size:var(--tm-font-size-small);background:var(--tm-color-input-background);color:var(--tm-color-foreground);cursor:pointer;border-right:1px solid var(--tm-color-input-border)}.tm-density-btn:last-child{border-right:none}.tm-density-btn.active{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-comp-item{padding:var(--tm-spacing-md) 0;border-bottom:1px solid rgba(128,128,128,.1)}.tm-comp-item:last-child{border-bottom:none}.tm-comp-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);margin-bottom:4px}.tm-comp-name{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-normal)}.tm-comp-badge{font-size:9px;padding:1px 5px;border-radius:var(--tm-radius-sm);background:var(--tm-badge-background);color:var(--tm-badge-foreground)}.tm-toggle-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-small);cursor:pointer;color:var(--tm-color-foreground-secondary)}.tm-toggle-row input{accent-color:var(--tm-button-primary-bg)}.tm-comp-overrides{margin-top:var(--tm-spacing-sm);padding:var(--tm-spacing-md);border-radius:var(--tm-radius-sm);background:var(--tm-color-input-background);border:1px solid var(--tm-color-input-border);display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-tab-switcher{display:flex;gap:0;border-bottom:1px solid var(--tm-color-border)}.tm-tab{flex:1;padding:var(--tm-spacing-md) var(--tm-spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--tm-color-foreground-secondary);font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);font-weight:var(--tm-font-weight-normal);cursor:pointer;transition:all .15s ease}.tm-tab:hover{background:var(--tm-color-hover-background)}.tm-tab-active{color:var(--tm-color-foreground);font-weight:var(--tm-font-weight-semibold);border-bottom-color:var(--tm-button-primary-bg)}.tm-section-tabs{margin-bottom:var(--tm-spacing-md)}.tm-button-group{border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-sm);overflow:hidden}.tm-button-group+.tm-button-group{margin-top:var(--tm-spacing-sm)}.tm-button-group-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);width:100%;padding:var(--tm-spacing-sm) var(--tm-spacing-md);background:transparent;border:none;color:var(--tm-color-foreground);font-family:var(--tm-font-family);font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold);text-align:left;cursor:pointer}.tm-button-group-header:hover{background:var(--tm-color-hover-background)}.tm-button-group-chevron{flex-shrink:0;font-size:.75em;color:var(--tm-color-foreground-secondary)}.tm-button-group-name{flex:1}.tm-button-group-swatches{display:flex;gap:var(--tm-spacing-xs)}.tm-button-group-swatch{width:14px;height:14px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-border)}.tm-button-group .tm-color-grid{padding:0 var(--tm-spacing-md) var(--tm-spacing-md)}.tm-local-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--tm-spacing-sm) 0}.tm-refresh-button{padding:var(--tm-spacing-xs) var(--tm-spacing-md);font-size:var(--tm-font-size-label)}.tm-empty-state{padding:var(--tm-spacing-xl);text-align:center;color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-body)}.tm-save-bar{display:flex;align-items:center;gap:var(--tm-spacing-sm);flex-shrink:0;margin-left:auto}.tm-save-bar .tm-btn{flex:0 0 auto;white-space:nowrap}
|
|
@@ -26,6 +26,14 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
|
|
|
26
26
|
set loading(value: boolean);
|
|
27
27
|
get error(): string | undefined;
|
|
28
28
|
set error(value: string | undefined);
|
|
29
|
+
/**
|
|
30
|
+
* Whether the panel renders its own Save / Apply bar. Defaults to `true`.
|
|
31
|
+
* Set `false` when the host provides its own Save/Apply chrome (e.g. the
|
|
32
|
+
* VS Code extension renders them in a header above the preview) so the panel
|
|
33
|
+
* doesn't show a duplicate set of buttons.
|
|
34
|
+
*/
|
|
35
|
+
get showSaveBar(): boolean;
|
|
36
|
+
set showSaveBar(value: boolean);
|
|
29
37
|
connectedCallback(): void;
|
|
30
38
|
disconnectedCallback(): void;
|
|
31
39
|
}
|
|
@@ -26,6 +26,14 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
|
|
|
26
26
|
set loading(value: boolean);
|
|
27
27
|
get error(): string | undefined;
|
|
28
28
|
set error(value: string | undefined);
|
|
29
|
+
/**
|
|
30
|
+
* Whether the panel renders its own Save / Apply bar. Defaults to `true`.
|
|
31
|
+
* Set `false` when the host provides its own Save/Apply chrome (e.g. the
|
|
32
|
+
* VS Code extension renders them in a header above the preview) so the panel
|
|
33
|
+
* doesn't show a duplicate set of buttons.
|
|
34
|
+
*/
|
|
35
|
+
get showSaveBar(): boolean;
|
|
36
|
+
set showSaveBar(value: boolean);
|
|
29
37
|
connectedCallback(): void;
|
|
30
38
|
disconnectedCallback(): void;
|
|
31
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/authoring/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/authoring/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAiCH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsClD,kDAAkD;AAClD,qBAAa,wBAAyB,SAAQ,WAAW;;IAYxD,IAAI,MAAM,IAAI,KAAK,EAAE,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAGxB;IAED,IAAI,WAAW,IAAI,KAAK,EAAE,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,EAG7B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAG9B;IAED,IAAI,SAAS,IAAI,OAAO,GAAG,KAAK,CAE/B;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,EAGnC;IAED;;;;;;;;OAQG;IACH,IAAI,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,CAE7C;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,EAGjD;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IAED;;;;;OAKG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAG7B;IAkBD,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;CA+B5B;AASD,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|