@pstdio/ui 0.0.1

package/storybook-static/assets/param-editor-selection-input-2pJE1_W1.js

@@ -0,0 +1 @@
+import{c as nn}from"./create-recipe-context-BU56IzEo.js";import{g as U,r as v,j as l,h as an,i as Z}from"./iframe-B8FSoBNY.js";import{c as ge}from"./compiler-runtime-BXE7OOXE.js";import{T as ke}from"./tooltip-DZxUoouw.js";import{g as we,s as Se,c as X,a as He,t as _,m as xt,b as Ye,d as Je,e as Ae,f as kt,h as on,i as sn,j as Ee,k as ln}from"./number-C92MPsRM.js";import{B as ae}from"./index-B0y2_lLF.js";import{T as oe}from"./index-cFwdnc0b.js";import{F as ie}from"./flex-DAJL4AFZ.js";import{m as cn}from"./factory-DAJZwK4o.js";import{c as wt}from"./create-slot-recipe-context-DAhDE6G_.js";import{P as un}from"./icons-WRA1cA-W.js";import{S as dn}from"./stack-CN4X31TA.js";import{I as hn}from"./icon-button-DHiUe7rR.js";import{p as Qe,q as gn,j as b,t as mn,c as le,m as R,a as A,e as pn,l as fn,r as bn}from"./factory-BR3bc_RM.js";import{c as Y}from"./create-split-props-u5h9OPvL.js";import{a as Tt,s as Et,u as Rt,P as At}from"./use-presence-context-DK2PGZth.js";import{r as te,i as It,A as Cn,d as pe,B as he,C as Ie,o as Ne,l as xe,m as Ve,c as Nt,t as vn,a as Me,u as Vt,b as Ot,n as $t,w as Pn,z as yn,D as Sn}from"./normalize-props-D7NI5JRu.js";import{u as Ft}from"./use-field-context-DoxKQlMm.js";import{g as xn,d as kn}from"./tooltip-C_a-XGZ8.js";import{q as Oe,a as wn,i as Tn}from"./typeahead-CuY9WxfQ.js";import{h as En,a as Ze,f as et,c as tt,d as rt,M as nt}from"./menu-item-CrqDaj9K.js";import{d as jt,t as Lt,s as Be}from"./form-D_Xln9tK.js";import{t as Rn}from"./dismissable-layer-Cc5dFRd8.js";import{I as at}from"./input-ZSs5cSFQ.js";import{m as An,N as ot,a as st}from"./number-input-D1aC-9ls.js";import{B as it}from"./button-C7it2n8t.js";import{C as lt}from"./chevron-down-BYCAGyCV.js";import{c as In}from"./createLucideIcon-CcBBUKX8.js";function Dt(t,e){const{left:r,top:n,width:a,height:o}=e.getBoundingClientRect(),i={x:t.x-r,y:t.y-n},s={x:Qe(i.x/a),y:Qe(i.y/o)};function c(h={}){const{dir:u="ltr",orientation:p="horizontal",inverted:C}=h,k=typeof C=="object"?C.x:C,T=typeof C=="object"?C.y:C;return p==="horizontal"?u==="rtl"||k?1-s.x:s.x:T?1-s.y:s.y}return{offset:i,percent:s,getPercentValue:c}}var de="default",$e="",fe=new WeakMap;function Nn(t={}){const{target:e,doc:r}=t,n=r??document,a=n.documentElement;return It()?(de==="default"&&($e=a.style.webkitUserSelect,a.style.webkitUserSelect="none"),de="disabled"):e&&(fe.set(e,e.style.userSelect),e.style.userSelect="none"),()=>Vn({target:e,doc:n})}function Vn(t={}){const{target:e,doc:r}=t,a=(r??document).documentElement;if(It()){if(de!=="disabled")return;de="restoring",setTimeout(()=>{Cn(()=>{de==="restoring"&&(a.style.webkitUserSelect==="none"&&(a.style.webkitUserSelect=$e||""),$e="",de="default")})},300)}else if(e&&fe.has(e)){const o=fe.get(e);e.style.userSelect==="none"&&(e.style.userSelect=o??""),e.getAttribute("style")===""&&e.removeAttribute("style"),fe.delete(e)}}function _t(t={}){const{defer:e,target:r,...n}=t,a=e?te:i=>i(),o=[];return o.push(a(()=>{const i=typeof r=="function"?r():r;o.push(Nn({...n,target:i}))})),()=>{o.forEach(i=>i?.())}}function Ht(t,e){const{onPointerMove:r,onPointerUp:n}=e,a=s=>{const c=he(s),h=Math.sqrt(c.x**2+c.y**2),u=s.pointerType==="touch"?10:5;if(!(h<u)){if(s.pointerType==="mouse"&&s.buttons===0){o(s);return}r({point:c,event:s})}},o=s=>{const c=he(s);n({point:c,event:s})},i=[pe(t,"pointermove",a,!1),pe(t,"pointerup",o,!1),pe(t,"pointercancel",o,!1),pe(t,"contextmenu",o,!1),_t({doc:t})];return()=>{i.forEach(s=>s())}}function On(t){const e=new WeakMap;let r;const n=new WeakMap,a=s=>r||(r=new s.ResizeObserver(c=>{for(const h of c){n.set(h.target,h);const u=e.get(h.target);if(u)for(const p of u)p(h)}}),r);return{observe:(s,c)=>{let h=e.get(s)||new Set;h.add(c),e.set(s,h);const u=gn(s);return a(u).observe(s,t),()=>{const p=e.get(s);p&&(p.delete(c),p.size===0&&(e.delete(s),a(u).unobserve(s)))}},unobserve:s=>{e.delete(s),r?.unobserve(s)}}}var $n=On({box:"border-box"}),Fn={border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},jn=Object.defineProperty,Ln=(t,e,r)=>e in t?jn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ue=(t,e,r)=>Ln(t,e+"",r),Dn=(t,e,r)=>{const n=`linear-gradient(to ${t[+!e]}, transparent, #000)`;return{areaStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(${r},0,0),rgb(${r},255,0))`},areaGradientStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(${r},0,255),rgb(${r},255,255))`,WebkitMaskImage:n,maskImage:n}}},_n=(t,e,r)=>{const n=`linear-gradient(to ${t[+!e]}, transparent, #000)`;return{areaStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(0,${r},0),rgb(255,${r},0))`},areaGradientStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(0,${r},255),rgb(255,${r},255))`,WebkitMaskImage:n,maskImage:n}}},Hn=(t,e,r)=>{const n=`linear-gradient(to ${t[+!e]}, transparent, #000)`;return{areaStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(0,0,${r}),rgb(255,0,${r}))`},areaGradientStyles:{backgroundImage:`linear-gradient(to ${t[Number(e)]},rgb(0,255,${r}),rgb(255,255,${r}))`,WebkitMaskImage:n,maskImage:n}}},Mn=(t,e,r)=>({areaStyles:{},areaGradientStyles:{background:[`linear-gradient(to ${t[Number(e)]}, hsla(0,0%,0%,1) 0%, hsla(0,0%,0%,0) 50%, hsla(0,0%,100%,0) 50%, hsla(0,0%,100%,1) 100%)`,`linear-gradient(to ${t[+!e]},hsl(0,0%,50%),hsla(0,0%,50%,0))`,`hsl(${r}, 100%, 50%)`].join(",")}}),Bn=(t,e,r)=>({areaStyles:{},areaGradientStyles:{background:[`linear-gradient(to ${t[+!e]}, hsla(0,0%,0%,${r}) 0%, hsla(0,0%,0%,0) 50%, hsla(0,0%,100%,0) 50%, hsla(0,0%,100%,${r}) 100%)`,`linear-gradient(to ${t[Number(e)]},hsla(0,100%,50%,${r}),hsla(60,100%,50%,${r}),hsla(120,100%,50%,${r}),hsla(180,100%,50%,${r}),hsla(240,100%,50%,${r}),hsla(300,100%,50%,${r}),hsla(359,100%,50%,${r}))`,"hsl(0, 0%, 50%)"].join(",")}}),Un=(t,e,r)=>({areaStyles:{},areaGradientStyles:{backgroundImage:[`linear-gradient(to ${t[+!e]},hsl(0,0%,${r}%),hsla(0,0%,${r}%,0))`,`linear-gradient(to ${t[Number(e)]},hsl(0,100%,${r}%),hsl(60,100%,${r}%),hsl(120,100%,${r}%),hsl(180,100%,${r}%),hsl(240,100%,${r}%),hsl(300,100%,${r}%),hsl(360,100%,${r}%))`].join(",")}}),Gn=(t,e,r)=>({areaStyles:{},areaGradientStyles:{background:[`linear-gradient(to ${t[Number(e)]},hsl(0,0%,0%),hsla(0,0%,0%,0))`,`linear-gradient(to ${t[+!e]},hsl(0,0%,100%),hsla(0,0%,100%,0))`,`hsl(${r}, 100%, 50%)`].join(",")}}),Wn=(t,e,r)=>({areaStyles:{},areaGradientStyles:{background:[`linear-gradient(to ${t[+!e]},hsla(0,0%,0%,${r}),hsla(0,0%,0%,0))`,`linear-gradient(to ${t[Number(e)]},hsla(0,100%,50%,${r}),hsla(60,100%,50%,${r}),hsla(120,100%,50%,${r}),hsla(180,100%,50%,${r}),hsla(240,100%,50%,${r}),hsla(300,100%,50%,${r}),hsla(359,100%,50%,${r}))`,`linear-gradient(to ${t[+!e]},hsl(0,0%,0%),hsl(0,0%,100%))`].join(",")}}),qn=(t,e,r)=>({areaStyles:{},areaGradientStyles:{background:[`linear-gradient(to ${t[+!e]},hsla(0,0%,100%,${r}),hsla(0,0%,100%,0))`,`linear-gradient(to ${t[Number(e)]},hsla(0,100%,50%,${r}),hsla(60,100%,50%,${r}),hsla(120,100%,50%,${r}),hsla(180,100%,50%,${r}),hsla(240,100%,50%,${r}),hsla(300,100%,50%,${r}),hsla(359,100%,50%,${r}))`,"#000"].join(",")}});function ct(t,e){const{xChannel:r,yChannel:n,dir:a="ltr"}=e,{zChannel:o}=t.getColorAxes({xChannel:r,yChannel:n}),i=t.getChannelValue(o),{minValue:s,maxValue:c}=t.getChannelRange(o),h=["top",a==="rtl"?"left":"right"];let u=!1,p={areaStyles:{},areaGradientStyles:{}},C=(i-s)/(c-s),k=t.getFormat()==="hsla";switch(o){case"red":{u=r==="green",p=Dn(h,u,i);break}case"green":{u=r==="red",p=_n(h,u,i);break}case"blue":{u=r==="red",p=Hn(h,u,i);break}case"hue":{u=r!=="saturation",k?p=Mn(h,u,i):p=Gn(h,u,i);break}case"saturation":{u=r==="hue",k?p=Bn(h,u,C):p=Wn(h,u,C);break}case"brightness":{u=r==="hue",p=qn(h,u,C);break}case"lightness":{u=r==="hue",p=Un(h,u,i);break}}return p}var zn=(t,e)=>{if(Object.keys(t).length!==Object.keys(e).length)return!1;for(let r in t)if(t[r]!==e[r])return!1;return!0},Ge=class{toHexInt(){return this.toFormat("rgba").toHexInt()}getChannelValue(t){if(t in this)return this[t];throw new Error("Unsupported color channel: "+t)}getChannelValuePercent(t,e){const r=e??this.getChannelValue(t),{minValue:n,maxValue:a}=this.getChannelRange(t);return we(r,n,a)}getChannelPercentValue(t,e){const{minValue:r,maxValue:n,step:a}=this.getChannelRange(t),o=He(e,r,n,a);return Se(o,r,n,a)}withChannelValue(t,e){const{minValue:r,maxValue:n}=this.getChannelRange(t);if(t in this){let a=this.clone();return a[t]=X(e,r,n),a}throw new Error("Unsupported color channel: "+t)}getColorAxes(t){let{xChannel:e,yChannel:r}=t,n=e||this.getChannels().find(i=>i!==r),a=r||this.getChannels().find(i=>i!==n),o=this.getChannels().find(i=>i!==n&&i!==a);return{xChannel:n,yChannel:a,zChannel:o}}incrementChannel(t,e){const{minValue:r,maxValue:n,step:a}=this.getChannelRange(t),o=Se(X(this.getChannelValue(t)+e,r,n),r,n,a);return this.withChannelValue(t,o)}decrementChannel(t,e){return this.incrementChannel(t,-e)}isEqual(t){return zn(this.toJSON(),t.toJSON())&&this.getChannelValue("alpha")===t.getChannelValue("alpha")}},Xn=/^#[\da-f]+$/i,Kn=/^rgba?\((.*)\)$/,Yn=/[^#]/gi,Mt=class be extends Ge{constructor(e,r,n,a){super(),this.red=e,this.green=r,this.blue=n,this.alpha=a}static parse(e){let r=[];if(Xn.test(e)&&[4,5,7,9].includes(e.length)){const a=(e.length<6?e.replace(Yn,"$&$&"):e).slice(1).split("");for(;a.length>0;)r.push(parseInt(a.splice(0,2).join(""),16));r[3]=r[3]!==void 0?r[3]/255:void 0}const n=e.match(Kn);return n?.[1]&&(r=n[1].split(",").map(a=>Number(a.trim())).map((a,o)=>X(a,0,o<3?255:1))),r.length<3?void 0:new be(r[0],r[1],r[2],r[3]??1)}toString(e="css"){switch(e){case"hex":return"#"+(this.red.toString(16).padStart(2,"0")+this.green.toString(16).padStart(2,"0")+this.blue.toString(16).padStart(2,"0")).toUpperCase();case"hexa":return"#"+(this.red.toString(16).padStart(2,"0")+this.green.toString(16).padStart(2,"0")+this.blue.toString(16).padStart(2,"0")+Math.round(this.alpha*255).toString(16).padStart(2,"0")).toUpperCase();case"rgb":return`rgb(${this.red}, ${this.green}, ${this.blue})`;case"css":case"rgba":return`rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;case"hsl":return this.toHSL().toString("hsl");case"hsb":return this.toHSB().toString("hsb");default:return this.toFormat(e).toString(e)}}toFormat(e){switch(e){case"rgba":return this;case"hsba":return this.toHSB();case"hsla":return this.toHSL();default:throw new Error("Unsupported color conversion: rgb -> "+e)}}toHexInt(){return this.red<<16|this.green<<8|this.blue}toHSB(){const e=this.red/255,r=this.green/255,n=this.blue/255,a=Math.min(e,r,n),o=Math.max(e,r,n),i=o-a,s=o===0?0:i/o;let c=0;if(i!==0){switch(o){case e:c=(r-n)/i+(r<n?6:0);break;case r:c=(n-e)/i+2;break;case n:c=(e-r)/i+4;break}c/=6}return new ze(_(c*360,2),_(s*100,2),_(o*100,2),_(this.alpha,2))}toHSL(){const e=this.red/255,r=this.green/255,n=this.blue/255,a=Math.min(e,r,n),o=Math.max(e,r,n),i=(o+a)/2,s=o-a;let c=-1,h=-1;if(s===0)c=h=0;else{switch(h=s/(i<.5?o+a:2-o-a),o){case e:c=(r-n)/s+(r<n?6:0);break;case r:c=(n-e)/s+2;break;case n:c=(e-r)/s+4;break}c/=6}return new qe(_(c*360,2),_(h*100,2),_(i*100,2),_(this.alpha,2))}clone(){return new be(this.red,this.green,this.blue,this.alpha)}getChannelFormatOptions(e){switch(e){case"red":case"green":case"blue":return{style:"decimal"};case"alpha":return{style:"percent"};default:throw new Error("Unknown color channel: "+e)}}formatChannelValue(e,r){let n=this.getChannelFormatOptions(e),a=this.getChannelValue(e);return new Intl.NumberFormat(r,n).format(a)}getChannelRange(e){switch(e){case"red":case"green":case"blue":return{minValue:0,maxValue:255,step:1,pageSize:17};case"alpha":return{minValue:0,maxValue:1,step:.01,pageSize:.1};default:throw new Error("Unknown color channel: "+e)}}toJSON(){return{r:this.red,g:this.green,b:this.blue,a:this.alpha}}getFormat(){return"rgba"}getChannels(){return be.colorChannels}};Ue(Mt,"colorChannels",["red","green","blue"]);var We=Mt,Jn=/hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/,Bt=class Ce extends Ge{constructor(e,r,n,a){super(),this.hue=e,this.saturation=r,this.lightness=n,this.alpha=a}static parse(e){let r;if(r=e.match(Jn)){const[n,a,o,i]=(r[1]??r[2]).split(",").map(s=>Number(s.trim().replace("%","")));return new Ce(xt(n,360),X(a,0,100),X(o,0,100),X(i??1,0,1))}}toString(e="css"){switch(e){case"hex":return this.toRGB().toString("hex");case"hexa":return this.toRGB().toString("hexa");case"hsl":return`hsl(${this.hue}, ${_(this.saturation,2)}%, ${_(this.lightness,2)}%)`;case"css":case"hsla":return`hsla(${this.hue}, ${_(this.saturation,2)}%, ${_(this.lightness,2)}%, ${this.alpha})`;case"hsb":return this.toHSB().toString("hsb");case"rgb":return this.toRGB().toString("rgb");default:return this.toFormat(e).toString(e)}}toFormat(e){switch(e){case"hsla":return this;case"hsba":return this.toHSB();case"rgba":return this.toRGB();default:throw new Error("Unsupported color conversion: hsl -> "+e)}}toHSB(){let e=this.saturation/100,r=this.lightness/100,n=r+e*Math.min(r,1-r);return e=n===0?0:2*(1-r/n),new ze(_(this.hue,2),_(e*100,2),_(n*100,2),_(this.alpha,2))}toRGB(){let e=this.hue,r=this.saturation/100,n=this.lightness/100,a=r*Math.min(n,1-n),o=(i,s=(i+e/30)%12)=>n-a*Math.max(Math.min(s-3,9-s,1),-1);return new We(Math.round(o(0)*255),Math.round(o(8)*255),Math.round(o(4)*255),_(this.alpha,2))}clone(){return new Ce(this.hue,this.saturation,this.lightness,this.alpha)}getChannelFormatOptions(e){switch(e){case"hue":return{style:"unit",unit:"degree",unitDisplay:"narrow"};case"saturation":case"lightness":case"alpha":return{style:"percent"};default:throw new Error("Unknown color channel: "+e)}}formatChannelValue(e,r){let n=this.getChannelFormatOptions(e),a=this.getChannelValue(e);return(e==="saturation"||e==="lightness")&&(a/=100),new Intl.NumberFormat(r,n).format(a)}getChannelRange(e){switch(e){case"hue":return{minValue:0,maxValue:360,step:1,pageSize:15};case"saturation":case"lightness":return{minValue:0,maxValue:100,step:1,pageSize:10};case"alpha":return{minValue:0,maxValue:1,step:.01,pageSize:.1};default:throw new Error("Unknown color channel: "+e)}}toJSON(){return{h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha}}getFormat(){return"hsla"}getChannels(){return Ce.colorChannels}};Ue(Bt,"colorChannels",["hue","saturation","lightness"]);var qe=Bt,Qn=/hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/,Ut=class ve extends Ge{constructor(e,r,n,a){super(),this.hue=e,this.saturation=r,this.brightness=n,this.alpha=a}static parse(e){let r;if(r=e.match(Qn)){const[n,a,o,i]=(r[1]??r[2]).split(",").map(s=>Number(s.trim().replace("%","")));return new ve(xt(n,360),X(a,0,100),X(o,0,100),X(i??1,0,1))}}toString(e="css"){switch(e){case"css":return this.toHSL().toString("css");case"hex":return this.toRGB().toString("hex");case"hexa":return this.toRGB().toString("hexa");case"hsb":return`hsb(${this.hue}, ${_(this.saturation,2)}%, ${_(this.brightness,2)}%)`;case"hsba":return`hsba(${this.hue}, ${_(this.saturation,2)}%, ${_(this.brightness,2)}%, ${this.alpha})`;case"hsl":return this.toHSL().toString("hsl");case"rgb":return this.toRGB().toString("rgb");default:return this.toFormat(e).toString(e)}}toFormat(e){switch(e){case"hsba":return this;case"hsla":return this.toHSL();case"rgba":return this.toRGB();default:throw new Error("Unsupported color conversion: hsb -> "+e)}}toHSL(){let e=this.saturation/100,r=this.brightness/100,n=r*(1-e/2);return e=n===0||n===1?0:(r-n)/Math.min(n,1-n),new qe(_(this.hue,2),_(e*100,2),_(n*100,2),_(this.alpha,2))}toRGB(){let e=this.hue,r=this.saturation/100,n=this.brightness/100,a=(o,i=(o+e/60)%6)=>n-r*n*Math.max(Math.min(i,4-i,1),0);return new We(Math.round(a(5)*255),Math.round(a(3)*255),Math.round(a(1)*255),_(this.alpha,2))}clone(){return new ve(this.hue,this.saturation,this.brightness,this.alpha)}getChannelFormatOptions(e){switch(e){case"hue":return{style:"unit",unit:"degree",unitDisplay:"narrow"};case"saturation":case"brightness":case"alpha":return{style:"percent"};default:throw new Error("Unknown color channel: "+e)}}formatChannelValue(e,r){let n=this.getChannelFormatOptions(e),a=this.getChannelValue(e);return(e==="saturation"||e==="brightness")&&(a/=100),new Intl.NumberFormat(r,n).format(a)}getChannelRange(e){switch(e){case"hue":return{minValue:0,maxValue:360,step:1,pageSize:15};case"saturation":case"brightness":return{minValue:0,maxValue:100,step:1,pageSize:10};case"alpha":return{minValue:0,maxValue:1,step:.01,pageSize:.1};default:throw new Error("Unknown color channel: "+e)}}toJSON(){return{h:this.hue,s:this.saturation,b:this.brightness,a:this.alpha}}getFormat(){return"hsba"}getChannels(){return ve.colorChannels}};Ue(Ut,"colorChannels",["hue","saturation","brightness"]);var ze=Ut,Zn="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,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray: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,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0ffff,lightgoldenrodyellow:fafad2,lightgrey:d3d3d3,lightgreen:90ee90,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370d8,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:d87093,papayawhip:ffefd5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,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",ea=t=>{const e=new Map,r=t.split(",");for(let n=0;n<r.length;n++){const[a,o]=r[n].split(":");e.set(a,`#${o}`),a.includes("gray")&&e.set(a.replace("gray","grey"),`#${o}`)}return e},ut=ea(Zn),se=t=>{if(ut.has(t))return se(ut.get(t));const e=We.parse(t)||ze.parse(t)||qe.parse(t);if(!e){const r=new Error("Invalid color value: "+t);throw Error.captureStackTrace?.(r,se),r}return e},dt=t=>typeof t=="string"?se(t):t,ta=t=>t.ids?.root??`color-picker:${t.id}`,ht=t=>t.ids?.label??`color-picker:${t.id}:label`,Fe=t=>t.ids?.hiddenInput??`color-picker:${t.id}:hidden-input`,Gt=t=>t.ids?.control??`color-picker:${t.id}:control`,Wt=t=>t.ids?.trigger??`color-picker:${t.id}:trigger`,je=t=>t.ids?.content??`color-picker:${t.id}:content`,qt=t=>t.ids?.positioner??`color-picker:${t.id}:positioner`,ra=t=>t.ids?.formatSelect??`color-picker:${t.id}:format-select`,zt=t=>t.ids?.area??`color-picker:${t.id}:area`,na=t=>t.ids?.areaGradient??`color-picker:${t.id}:area-gradient`,Xt=t=>t.ids?.areaThumb??`color-picker:${t.id}:area-thumb`,Kt=(t,e)=>t.ids?.channelSliderTrack?.(e)??`color-picker:${t.id}:slider-track:${e}`,Le=(t,e)=>t.ids?.channelSliderThumb?.(e)??`color-picker:${t.id}:slider-thumb:${e}`,Pe=t=>t.getById(je(t)),aa=t=>t.getById(Xt(t)),oa=(t,e)=>t.getById(Le(t,e)),sa=t=>t.getById(ra(t)),gt=t=>t.getById(Fe(t)),ia=t=>t.getById(zt(t)),la=(t,e,r)=>{const n=ia(t);if(!n)return;const{getPercentValue:a}=Dt(e,n);return{x:a({dir:r,orientation:"horizontal"}),y:a({orientation:"vertical"})}},Yt=t=>t.getById(Gt(t)),Re=t=>t.getById(Wt(t)),ca=t=>t.getById(qt(t)),ua=(t,e)=>t.getById(Kt(t,e)),da=(t,e,r,n)=>{const a=ua(t,r);if(!a)return;const{getPercentValue:o}=Dt(e,a);return{x:o({dir:n,orientation:"horizontal"}),y:o({orientation:"vertical"})}},ha=t=>[...Oe(Pe(t),"input[data-channel]"),...Oe(Yt(t),"input[data-channel]")];function ga(t,e){switch(e){case"hue":return se(`hsl(${t.getChannelValue("hue")}, 100%, 50%)`);case"lightness":case"brightness":case"saturation":case"red":case"green":case"blue":return t.withChannelValue("alpha",1);case"alpha":return t;default:throw new Error("Unknown color channel: "+e)}}function De(t,e){if(e==null)return"";if(e==="hex")return t.toString("hex");if(e==="css")return t.toString("css");if(e in t)return t.getChannelValue(e).toString();const r=t.getFormat()==="hsla";switch(e){case"hue":return r?t.toFormat("hsla").getChannelValue("hue").toString():t.toFormat("hsba").getChannelValue("hue").toString();case"saturation":return r?t.toFormat("hsla").getChannelValue("saturation").toString():t.toFormat("hsba").getChannelValue("saturation").toString();case"lightness":return t.toFormat("hsla").getChannelValue("lightness").toString();case"brightness":return t.toFormat("hsba").getChannelValue("brightness").toString();case"red":case"green":case"blue":return t.toFormat("rgba").getChannelValue(e).toString();default:return t.getChannelValue(e).toString()}}function ma(t,e){switch(e){case"hex":const r=se("#000000"),n=se("#FFFFFF");return{minValue:r.toHexInt(),maxValue:n.toHexInt(),pageSize:10,step:1};case"css":return;case"hue":case"saturation":case"lightness":return t.toFormat("hsla").getChannelRange(e);case"brightness":return t.toFormat("hsba").getChannelRange(e);case"red":case"green":case"blue":return t.toFormat("rgba").getChannelRange(e);default:return t.getChannelRange(e)}}function pa(t,e){return t==="vertical"?"top":e==="ltr"?"right":"left"}var fa=t=>{const{channel:e,value:r,dir:n,orientation:a}=t,o=pa(a,n),{minValue:i,maxValue:s}=r.getChannelRange(e);switch(e){case"hue":return`linear-gradient(to ${o}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;case"lightness":{let c=r.withChannelValue(e,i).toString("css"),h=r.withChannelValue(e,(s-i)/2).toString("css"),u=r.withChannelValue(e,s).toString("css");return`linear-gradient(to ${o}, ${c}, ${h}, ${u})`}case"saturation":case"brightness":case"red":case"green":case"blue":case"alpha":{let c=r.withChannelValue(e,i).toString("css"),h=r.withChannelValue(e,s).toString("css");return`linear-gradient(to ${o}, ${c}, ${h})`}default:throw new Error("Unknown color channel: "+e)}};function ba(t,e){const{context:r,send:n,prop:a,computed:o,state:i,scope:s}=t,c=r.get("value"),h=r.get("format"),u=o("areaValue"),p=o("valueAsString"),C=o("disabled"),k=!!a("readOnly"),T=!!a("invalid"),N=!!a("required"),w=o("interactive"),G=i.hasTag("dragging"),V=i.hasTag("open"),M=i.hasTag("focused"),L=g=>{const d=u.getChannels();return{xChannel:g.xChannel??d[1],yChannel:g.yChannel??d[2]}},f=r.get("currentPlacement"),E=xn({...a("positioning"),placement:f});function I(g){const d=dt(g.value).toFormat(r.get("format"));return{value:d,valueAsString:d.toString("hex"),checked:d.isEqual(c),disabled:g.disabled||!w}}return{dragging:G,open:V,valueAsString:p,value:c,inline:!!a("inline"),setOpen(g){a("inline")||i.hasTag("open")===g||n({type:g?"OPEN":"CLOSE"})},setValue(g){n({type:"VALUE.SET",value:dt(g),src:"set-color"})},getChannelValue(g){return De(c,g)},getChannelValueText(g,d){return c.formatChannelValue(g,d)},setChannelValue(g,d){const m=c.withChannelValue(g,d);n({type:"VALUE.SET",value:m,src:"set-channel"})},format:r.get("format"),setFormat(g){const d=c.toFormat(g);n({type:"VALUE.SET",value:d,src:"set-format"})},alpha:c.getChannelValue("alpha"),setAlpha(g){const d=c.withChannelValue("alpha",g);n({type:"VALUE.SET",value:d,src:"set-alpha"})},getRootProps(){return e.element({...U.root.attrs,dir:a("dir"),id:ta(s),"data-disabled":b(C),"data-readonly":b(k),"data-invalid":b(T),style:{"--value":c.toString("css")}})},getLabelProps(){return e.element({...U.label.attrs,dir:a("dir"),id:ht(s),htmlFor:Fe(s),"data-disabled":b(C),"data-readonly":b(k),"data-invalid":b(T),"data-required":b(N),"data-focus":b(M),onClick(g){g.preventDefault(),wn(Yt(s),"[data-channel=hex]")?.focus({preventScroll:!0})}})},getControlProps(){return e.element({...U.control.attrs,id:Gt(s),dir:a("dir"),"data-disabled":b(C),"data-readonly":b(k),"data-invalid":b(T),"data-state":V?"open":"closed","data-focus":b(M)})},getTriggerProps(){return e.button({...U.trigger.attrs,id:Wt(s),dir:a("dir"),disabled:C,"aria-label":`select color. current color is ${p}`,"aria-controls":je(s),"aria-labelledby":ht(s),"aria-haspopup":a("inline")?void 0:"dialog","data-disabled":b(C),"data-readonly":b(k),"data-invalid":b(T),"data-placement":f,"aria-expanded":V,"data-state":V?"open":"closed","data-focus":b(M),type:"button",onClick(){w&&n({type:"TRIGGER.CLICK"})},onBlur(){w&&n({type:"TRIGGER.BLUR"})},style:{position:"relative"}})},getPositionerProps(){return e.element({...U.positioner.attrs,id:qt(s),dir:a("dir"),style:E.floating})},getContentProps(){return e.element({...U.content.attrs,id:je(s),dir:a("dir"),role:a("inline")?void 0:"dialog",tabIndex:-1,"data-placement":f,"data-state":V?"open":"closed",hidden:!V})},getValueTextProps(){return e.element({...U.valueText.attrs,dir:a("dir"),"data-disabled":b(C),"data-focus":b(M)})},getAreaProps(g={}){const{xChannel:d,yChannel:m}=L(g),{areaStyles:x}=ct(u,{xChannel:d,yChannel:m,dir:a("dir")});return e.element({...U.area.attrs,id:zt(s),role:"group","data-invalid":b(T),"data-disabled":b(C),"data-readonly":b(k),onPointerDown(S){if(!w||!xe(S)||Ve(S))return;const P=he(S);n({type:"AREA.POINTER_DOWN",point:P,channel:{xChannel:d,yChannel:m},id:"area"}),S.preventDefault()},style:{position:"relative",touchAction:"none",forcedColorAdjust:"none",...x}})},getAreaBackgroundProps(g={}){const{xChannel:d,yChannel:m}=L(g),{areaGradientStyles:x}=ct(u,{xChannel:d,yChannel:m,dir:a("dir")});return e.element({...U.areaBackground.attrs,id:na(s),"data-invalid":b(T),"data-disabled":b(C),"data-readonly":b(k),style:{position:"relative",touchAction:"none",forcedColorAdjust:"none",...x}})},getAreaThumbProps(g={}){const{xChannel:d,yChannel:m}=L(g),x={xChannel:d,yChannel:m},S=u.getChannelValuePercent(d),P=1-u.getChannelValuePercent(m),F=a("dir")==="rtl"?1-S:S,$=u.getChannelValue(d),B=u.getChannelValue(m),W=u.withChannelValue("alpha",1).toString("css");return e.element({...U.areaThumb.attrs,id:Xt(s),dir:a("dir"),tabIndex:C?void 0:0,"data-disabled":b(C),"data-invalid":b(T),"data-readonly":b(k),role:"slider","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":$,"aria-label":`${d} and ${m}`,"aria-roledescription":"2d slider","aria-valuetext":`${d} ${$}, ${m} ${B}`,style:{position:"absolute",left:`${F*100}%`,top:`${P*100}%`,transform:"translate(-50%, -50%)",touchAction:"none",forcedColorAdjust:"none","--color":W,background:W},onFocus(){w&&n({type:"AREA.FOCUS",id:"area",channel:x})},onKeyDown(j){if(j.defaultPrevented||!w)return;const y=Ie(j),z={ArrowUp(){n({type:"AREA.ARROW_UP",channel:x,step:y})},ArrowDown(){n({type:"AREA.ARROW_DOWN",channel:x,step:y})},ArrowLeft(){n({type:"AREA.ARROW_LEFT",channel:x,step:y})},ArrowRight(){n({type:"AREA.ARROW_RIGHT",channel:x,step:y})},PageUp(){n({type:"AREA.PAGE_UP",channel:x,step:y})},PageDown(){n({type:"AREA.PAGE_DOWN",channel:x,step:y})},Escape(K){K.stopPropagation()}}[Ne(j,{dir:a("dir")})];z&&(z(j),j.preventDefault())}})},getTransparencyGridProps(g={}){const{size:d="12px"}=g;return e.element({...U.transparencyGrid.attrs,style:{"--size":d,width:"100%",height:"100%",position:"absolute",backgroundColor:"#fff",backgroundImage:"conic-gradient(#eeeeee 0 25%, transparent 0 50%, #eeeeee 0 75%, transparent 0)",backgroundSize:"var(--size) var(--size)",inset:"0px",zIndex:"auto",pointerEvents:"none"}})},getChannelSliderProps(g){const{orientation:d="horizontal",channel:m,format:x}=g;return e.element({...U.channelSlider.attrs,"data-channel":m,"data-orientation":d,role:"presentation",onPointerDown(S){if(!w||!xe(S)||Ve(S))return;const P=he(S);n({type:"CHANNEL_SLIDER.POINTER_DOWN",channel:m,format:x,point:P,id:m,orientation:d}),S.preventDefault()},style:{position:"relative",touchAction:"none"}})},getChannelSliderTrackProps(g){const{orientation:d="horizontal",channel:m,format:x}=g,S=x?c.toFormat(x):u;return e.element({...U.channelSliderTrack.attrs,id:Kt(s,m),role:"group","data-channel":m,"data-orientation":d,style:{position:"relative",forcedColorAdjust:"none",backgroundImage:fa({orientation:d,channel:m,dir:a("dir"),value:S})}})},getChannelSliderLabelProps(g){const{channel:d}=g;return e.element({...U.channelSliderLabel.attrs,"data-channel":d,onClick(m){if(!w)return;m.preventDefault();const x=Le(s,d);s.getById(x)?.focus({preventScroll:!0})},style:{userSelect:"none",WebkitUserSelect:"none"}})},getChannelSliderValueTextProps(g){return e.element({...U.channelSliderValueText.attrs,"data-channel":g.channel})},getChannelSliderThumbProps(g){const{orientation:d="horizontal",channel:m,format:x}=g,S=x?c.toFormat(x):u,P=S.getChannelRange(m),O=S.getChannelValue(m),F=(O-P.minValue)/(P.maxValue-P.minValue),$=a("dir")==="rtl",B=d==="horizontal"&&$?1-F:F,W=d==="horizontal"?{left:`${B*100}%`,top:"50%"}:{top:`${F*100}%`,left:"50%"};return e.element({...U.channelSliderThumb.attrs,id:Le(s,m),role:"slider","aria-label":m,tabIndex:C?void 0:0,"data-channel":m,"data-disabled":b(C),"data-orientation":d,"aria-disabled":b(C),"aria-orientation":d,"aria-valuemax":P.maxValue,"aria-valuemin":P.minValue,"aria-valuenow":O,"aria-valuetext":`${m} ${O}`,style:{forcedColorAdjust:"none",position:"absolute",background:ga(u,m).toString("css"),...W},onFocus(){w&&n({type:"CHANNEL_SLIDER.FOCUS",channel:m})},onKeyDown(j){if(j.defaultPrevented||!w)return;const y=Ie(j)*P.step,z={ArrowUp(){n({type:"CHANNEL_SLIDER.ARROW_UP",channel:m,step:y})},ArrowDown(){n({type:"CHANNEL_SLIDER.ARROW_DOWN",channel:m,step:y})},ArrowLeft(){n({type:"CHANNEL_SLIDER.ARROW_LEFT",channel:m,step:y})},ArrowRight(){n({type:"CHANNEL_SLIDER.ARROW_RIGHT",channel:m,step:y})},PageUp(){n({type:"CHANNEL_SLIDER.PAGE_UP",channel:m})},PageDown(){n({type:"CHANNEL_SLIDER.PAGE_DOWN",channel:m})},Home(){n({type:"CHANNEL_SLIDER.HOME",channel:m})},End(){n({type:"CHANNEL_SLIDER.END",channel:m})},Escape(K){K.stopPropagation()}}[Ne(j,{dir:a("dir")})];z&&(z(j),j.preventDefault())}})},getChannelInputProps(g){const{channel:d}=g,m=d==="hex"||d==="css",x=ma(c,d);return e.input({...U.channelInput.attrs,dir:a("dir"),type:m?"text":"number","data-channel":d,"aria-label":d,spellCheck:!1,autoComplete:"off",disabled:C,"data-disabled":b(C),"data-invalid":b(T),"data-readonly":b(k),readOnly:k,defaultValue:De(c,d),min:x?.minValue,max:x?.maxValue,step:x?.step,onBeforeInput(S){if(m||!w)return;S.currentTarget.value.match(/[^0-9.]/g)&&S.preventDefault()},onFocus(S){w&&(n({type:"CHANNEL_INPUT.FOCUS",channel:d}),S.currentTarget.select())},onBlur(S){if(!w)return;const P=m?S.currentTarget.value:S.currentTarget.valueAsNumber;n({type:"CHANNEL_INPUT.BLUR",channel:d,value:P,isTextField:m})},onKeyDown(S){if(!S.defaultPrevented&&w&&S.key==="Enter"){const P=m?S.currentTarget.value:S.currentTarget.valueAsNumber;n({type:"CHANNEL_INPUT.CHANGE",channel:d,value:P,isTextField:m}),S.preventDefault()}},style:{appearance:"none",WebkitAppearance:"none",MozAppearance:"textfield"}})},getHiddenInputProps(){return e.input({type:"text",disabled:C,name:a("name"),tabIndex:-1,readOnly:k,required:N,id:Fe(s),style:Fn,defaultValue:p})},getEyeDropperTriggerProps(){return e.button({...U.eyeDropperTrigger.attrs,type:"button",dir:a("dir"),disabled:C,"data-disabled":b(C),"data-invalid":b(T),"data-readonly":b(k),"aria-label":"Pick a color from the screen",onClick(){w&&n({type:"EYEDROPPER.CLICK"})}})},getSwatchGroupProps(){return e.element({...U.swatchGroup.attrs,role:"group"})},getSwatchTriggerState:I,getSwatchTriggerProps(g){const d=I(g);return e.button({...U.swatchTrigger.attrs,disabled:d.disabled,dir:a("dir"),type:"button","aria-label":`select ${d.valueAsString} as the color`,"data-state":d.checked?"checked":"unchecked","data-value":d.valueAsString,"data-disabled":b(d.disabled),onClick(){d.disabled||n({type:"SWATCH_TRIGGER.CLICK",value:d.value})},style:{"--color":d.valueAsString,position:"relative"}})},getSwatchIndicatorProps(g){const d=I(g);return e.element({...U.swatchIndicator.attrs,dir:a("dir"),hidden:!d.checked})},getSwatchProps(g){const{respectAlpha:d=!0}=g,m=I(g),x=m.value.toString(d?"css":"hex");return e.element({...U.swatch.attrs,dir:a("dir"),"data-state":m.checked?"checked":"unchecked","data-value":m.valueAsString,style:{"--color":x,position:"relative",background:x}})},getFormatTriggerProps(){return e.button({...U.formatTrigger.attrs,dir:a("dir"),type:"button","aria-label":`change color format to ${mt(h)}`,onClick(g){if(g.currentTarget.disabled)return;const d=mt(h);n({type:"FORMAT.SET",format:d,src:"format-trigger"})}})},getFormatSelectProps(){return e.select({...U.formatSelect.attrs,"aria-label":"change color format",dir:a("dir"),defaultValue:a("format"),disabled:C,onChange(g){const d=va(g.currentTarget.value);n({type:"FORMAT.SET",format:d,src:"format-select"})}})}}}var ye=["hsba","hsla","rgba"],Ca=new RegExp(`^(${ye.join("|")})$`);function mt(t){const e=ye.indexOf(t);return ye[e+1]??ye[0]}function va(t){if(Ca.test(t))return t;throw new Error(`Unsupported color format: ${t}`)}var Xe=t=>se(t),Pa=/^[0-9a-fA-F]{3,8}$/;function ya(t){return Pa.test(t)}function Sa(t){return t.startsWith("#")?t:ya(t)?`#${t}`:t}var{and:xa}=vn(),ka=t=>{let e="";for(const r in t)e+=`${r}:${t[r]??""};`;return e},pt=Xe("#000000"),wa=Nt({props({props:t}){const e=t.value??t.defaultValue??pt;return{dir:"ltr",defaultValue:pt,defaultFormat:e.getFormat(),openAutoFocus:!0,...t,positioning:{placement:"bottom",...t.positioning}}},initialState({prop:t}){return t("open")||t("defaultOpen")||t("inline")?"open":"idle"},context({prop:t,bindable:e,getContext:r}){return{value:e(()=>({defaultValue:t("defaultValue"),value:t("value"),isEqual(n,a){return a!=null&&n.isEqual(a)},hash(n){return ka(n.toJSON())},onChange(n){const o=r().get("format");t("onValueChange")?.({value:n,valueAsString:n.toString(o)})}})),format:e(()=>({defaultValue:t("defaultFormat"),value:t("format"),onChange(n){t("onFormatChange")?.({format:n})}})),activeId:e(()=>({defaultValue:null})),activeChannel:e(()=>({defaultValue:null})),activeOrientation:e(()=>({defaultValue:null})),fieldsetDisabled:e(()=>({defaultValue:!1})),restoreFocus:e(()=>({defaultValue:!0})),currentPlacement:e(()=>({defaultValue:void 0}))}},computed:{rtl:({prop:t})=>t("dir")==="rtl",disabled:({prop:t,context:e})=>!!t("disabled")||e.get("fieldsetDisabled"),interactive:({prop:t})=>!(t("disabled")||t("readOnly")),valueAsString:({context:t})=>t.get("value").toString(t.get("format")),areaValue:({context:t})=>{const e=t.get("format").startsWith("hsl")?"hsla":"hsba";return t.get("value").toFormat(e)}},effects:["trackFormControl"],watch({prop:t,context:e,action:r,track:n}){n([()=>e.hash("value")],()=>{r(["syncInputElements","dispatchChangeEvent"])}),n([()=>e.get("format")],()=>{r(["syncFormatSelectElement","syncValueWithFormat"])}),n([()=>t("open")],()=>{r(["toggleVisibility"])})},on:{"VALUE.SET":{actions:["setValue"]},"FORMAT.SET":{actions:["setFormat"]},"CHANNEL_INPUT.CHANGE":{actions:["setChannelColorFromInput"]},"EYEDROPPER.CLICK":{actions:["openEyeDropper"]},"SWATCH_TRIGGER.CLICK":{actions:["setValue"]}},states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["setInitialFocus"]},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],"CHANNEL_INPUT.FOCUS":{target:"focused",actions:["setActiveChannel"]}}},focused:{id:"color-picker-focused",tags:["closed","focused"],on:{"CONTROLLED.OPEN":{target:"open",actions:["setInitialFocus"]},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],"CHANNEL_INPUT.FOCUS":{actions:["setActiveChannel"]},"CHANNEL_INPUT.BLUR":{target:"idle",actions:["setChannelColorFromInput"]},"TRIGGER.BLUR":{target:"idle"}}},open:{tags:["open"],effects:["trackPositioning","trackDismissableElement"],initial:"idle",on:{"CONTROLLED.CLOSE":[{guard:"shouldRestoreFocus",target:"focused",actions:["setReturnFocus"]},{target:"idle"}],INTERACT_OUTSIDE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{guard:"shouldRestoreFocus",target:"focused",actions:["invokeOnClose","setReturnFocus"]},{target:"idle",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"idle",actions:["invokeOnClose"]}]},states:{idle:{on:{"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"#color-picker-focused",actions:["invokeOnClose"]}],"AREA.POINTER_DOWN":{target:"dragging",actions:["setActiveChannel","setAreaColorFromPoint","focusAreaThumb"]},"AREA.FOCUS":{actions:["setActiveChannel"]},"CHANNEL_SLIDER.POINTER_DOWN":{target:"dragging",actions:["setActiveChannel","setChannelColorFromPoint","focusChannelThumb"]},"CHANNEL_SLIDER.FOCUS":{actions:["setActiveChannel"]},"AREA.ARROW_LEFT":{actions:["decrementAreaXChannel"]},"AREA.ARROW_RIGHT":{actions:["incrementAreaXChannel"]},"AREA.ARROW_UP":{actions:["incrementAreaYChannel"]},"AREA.ARROW_DOWN":{actions:["decrementAreaYChannel"]},"AREA.PAGE_UP":{actions:["incrementAreaXChannel"]},"AREA.PAGE_DOWN":{actions:["decrementAreaXChannel"]},"CHANNEL_SLIDER.ARROW_LEFT":{actions:["decrementChannel"]},"CHANNEL_SLIDER.ARROW_RIGHT":{actions:["incrementChannel"]},"CHANNEL_SLIDER.ARROW_UP":{actions:["incrementChannel"]},"CHANNEL_SLIDER.ARROW_DOWN":{actions:["decrementChannel"]},"CHANNEL_SLIDER.PAGE_UP":{actions:["incrementChannel"]},"CHANNEL_SLIDER.PAGE_DOWN":{actions:["decrementChannel"]},"CHANNEL_SLIDER.HOME":{actions:["setChannelToMin"]},"CHANNEL_SLIDER.END":{actions:["setChannelToMax"]},"CHANNEL_INPUT.BLUR":{actions:["setChannelColorFromInput"]},"SWATCH_TRIGGER.CLICK":[{guard:xa("isOpenControlled","closeOnSelect"),actions:["setValue","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["setValue","invokeOnClose","setReturnFocus"]},{actions:["setValue"]}]}},dragging:{tags:["dragging"],exit:["clearActiveChannel"],effects:["trackPointerMove","disableTextSelection"],on:{"AREA.POINTER_MOVE":{actions:["setAreaColorFromPoint","focusAreaThumb"]},"AREA.POINTER_UP":{target:"idle",actions:["invokeOnChangeEnd"]},"CHANNEL_SLIDER.POINTER_MOVE":{actions:["setChannelColorFromPoint","focusChannelThumb"]},"CHANNEL_SLIDER.POINTER_UP":{target:"idle",actions:["invokeOnChangeEnd"]}}}}}},implementations:{guards:{closeOnSelect:({prop:t})=>!!t("closeOnSelect"),isOpenControlled:({prop:t})=>t("open")!=null||!!t("inline"),shouldRestoreFocus:({context:t})=>!!t.get("restoreFocus")},effects:{trackPositioning({context:t,prop:e,scope:r}){if(e("inline"))return;t.get("currentPlacement")||t.set("currentPlacement",e("positioning")?.placement);const n=Re(r);return kn(n,()=>ca(r),{...e("positioning"),defer:!0,onComplete(o){t.set("currentPlacement",o.placement)}})},trackDismissableElement({context:t,scope:e,prop:r,send:n}){return r("inline")?void 0:Rn(()=>Pe(e),{type:"popover",exclude:Re(e),defer:!0,onInteractOutside(o){r("onInteractOutside")?.(o),!o.defaultPrevented&&t.set("restoreFocus",!(o.detail.focusable||o.detail.contextmenu))},onPointerDownOutside:r("onPointerDownOutside"),onFocusOutside:r("onFocusOutside"),onDismiss(){n({type:"INTERACT_OUTSIDE"})}})},trackFormControl({context:t,scope:e,send:r}){const n=gt(e);return Lt(n,{onFieldsetDisabledChange(a){t.set("fieldsetDisabled",a)},onFormReset(){r({type:"VALUE.SET",value:t.initial("value"),src:"form.reset"})}})},trackPointerMove({context:t,scope:e,event:r,send:n}){return Ht(e.getDoc(),{onPointerMove({point:a}){const o=t.get("activeId")==="area"?"AREA.POINTER_MOVE":"CHANNEL_SLIDER.POINTER_MOVE";n({type:o,point:a,format:r.format})},onPointerUp(){const a=t.get("activeId")==="area"?"AREA.POINTER_UP":"CHANNEL_SLIDER.POINTER_UP";n({type:a})}})},disableTextSelection({scope:t}){return _t({doc:t.getDoc(),target:Pe(t)})}},actions:{openEyeDropper({scope:t,context:e}){const r=t.getWin();if(!("EyeDropper"in r))return;new r.EyeDropper().open().then(({sRGBHex:o})=>{const i=e.get("value").getFormat(),s=se(o).toFormat(i);e.set("value",s)}).catch(()=>{})},setActiveChannel({context:t,event:e}){t.set("activeId",e.id),e.channel&&t.set("activeChannel",e.channel),e.orientation&&t.set("activeOrientation",e.orientation)},clearActiveChannel({context:t}){t.set("activeChannel",null),t.set("activeId",null),t.set("activeOrientation",null)},setAreaColorFromPoint({context:t,event:e,computed:r,scope:n,prop:a}){const o=e.format?t.get("value").toFormat(e.format):r("areaValue"),{xChannel:i,yChannel:s}=e.channel||t.get("activeChannel"),c=la(n,e.point,a("dir"));if(!c)return;const h=o.getChannelPercentValue(i,c.x),u=o.getChannelPercentValue(s,1-c.y),p=o.withChannelValue(i,h).withChannelValue(s,u);t.set("value",p)},setChannelColorFromPoint({context:t,event:e,computed:r,scope:n,prop:a}){const o=e.channel||t.get("activeId"),i=e.format?t.get("value").toFormat(e.format):r("areaValue"),s=da(n,e.point,o,a("dir"));if(!s)return;const h=(t.get("activeOrientation")||"horizontal")==="horizontal"?s.x:s.y,u=i.getChannelPercentValue(o,h),p=i.withChannelValue(o,u);t.set("value",p)},setValue({context:t,event:e}){t.set("value",e.value)},setFormat({context:t,event:e}){t.set("format",e.format)},dispatchChangeEvent({scope:t,computed:e}){jt(gt(t),{value:e("valueAsString")})},syncInputElements({context:t,scope:e}){ft(e,t.get("value"))},invokeOnChangeEnd({context:t,prop:e,computed:r}){e("onValueChangeEnd")?.({value:t.get("value"),valueAsString:r("valueAsString")})},setChannelColorFromInput({context:t,event:e,scope:r,prop:n}){const{channel:a,isTextField:o,value:i}=e,s=t.get("value").getChannelValue("alpha");let c;if(a==="alpha"){let h=parseFloat(i);h=Number.isNaN(h)?s:h,c=t.get("value").withChannelValue("alpha",h)}else if(o)c=mn(()=>{const h=a==="hex"?Sa(i):i;return Xe(h).withChannelValue("alpha",s)},()=>t.get("value"));else{const h=t.get("value").toFormat(t.get("format")),u=Number.isNaN(i)?h.getChannelValue(a):i;c=h.withChannelValue(a,u)}ft(r,t.get("value"),c),t.set("value",c),n("onValueChangeEnd")?.({value:c,valueAsString:c.toString(t.get("format"))})},incrementChannel({context:t,event:e}){const r=t.get("value").incrementChannel(e.channel,e.step);t.set("value",r)},decrementChannel({context:t,event:e}){const r=t.get("value").decrementChannel(e.channel,e.step);t.set("value",r)},incrementAreaXChannel({context:t,event:e,computed:r}){const{xChannel:n}=e.channel,a=r("areaValue").incrementChannel(n,e.step);t.set("value",a)},decrementAreaXChannel({context:t,event:e,computed:r}){const{xChannel:n}=e.channel,a=r("areaValue").decrementChannel(n,e.step);t.set("value",a)},incrementAreaYChannel({context:t,event:e,computed:r}){const{yChannel:n}=e.channel,a=r("areaValue").incrementChannel(n,e.step);t.set("value",a)},decrementAreaYChannel({context:t,event:e,computed:r}){const{yChannel:n}=e.channel,a=r("areaValue").decrementChannel(n,e.step);t.set("value",a)},setChannelToMax({context:t,event:e}){const r=t.get("value"),n=r.getChannelRange(e.channel),a=r.withChannelValue(e.channel,n.maxValue);t.set("value",a)},setChannelToMin({context:t,event:e}){const r=t.get("value"),n=r.getChannelRange(e.channel),a=r.withChannelValue(e.channel,n.minValue);t.set("value",a)},focusAreaThumb({scope:t}){te(()=>{aa(t)?.focus({preventScroll:!0})})},focusChannelThumb({event:t,scope:e}){te(()=>{oa(e,t.channel)?.focus({preventScroll:!0})})},setInitialFocus({prop:t,scope:e}){t("openAutoFocus")&&te(()=>{En({root:Pe(e),getInitialEl:t("initialFocusEl")})?.focus({preventScroll:!0})})},setReturnFocus({scope:t}){te(()=>{Re(t)?.focus({preventScroll:!0})})},syncFormatSelectElement({context:t,scope:e}){Ta(e,t.get("format"))},syncValueWithFormat({context:t}){const e=t.get("value"),r=e.toFormat(t.get("format"));r.isEqual(e)||t.set("value",r)},invokeOnOpen({prop:t,context:e}){t("inline")||t("onOpenChange")?.({open:!0,value:e.get("value")})},invokeOnClose({prop:t,context:e}){t("inline")||t("onOpenChange")?.({open:!1,value:e.get("value")})},toggleVisibility({prop:t,event:e,send:r}){r({type:t("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:e})}}}});function ft(t,e,r){const n=ha(t);te(()=>{n.forEach(a=>{const o=a.dataset.channel;Be(a,De(r||e,o))})})}function Ta(t,e){const r=sa(t);r&&te(()=>Be(r,e))}const[Ea,Jt]=le({name:"ColorPickerAreaContext",hookName:"useColorPickerAreaContext",providerName:"<ColorPickerAreaProvider />"}),[Qt,D]=le({name:"ColorPickerContext",hookName:"useColorPickerContext",providerName:"<ColorPickerProvider />"}),Ra=Y(),Zt=v.forwardRef((t,e)=>{const[r,n]=Ra(t,["xChannel","yChannel"]),a=D(),o=R(a.getAreaProps(r),n);return l.jsx(Ea,{value:r,children:l.jsx(A.div,{...o,ref:e})})});Zt.displayName="ColorPickerArea";const er=v.forwardRef((t,e)=>{const r=D(),n=Jt(),a=R(r.getAreaBackgroundProps(n),t);return l.jsx(A.div,{...a,ref:e})});er.displayName="ColorPickerAreaBackground";const tr=v.forwardRef((t,e)=>{const r=D(),n=Jt(),a=R(r.getAreaThumbProps(n),t);return l.jsx(A.div,{...a,ref:e})});tr.displayName="ColorPickerAreaThumb";const Aa=Y(),rr=v.forwardRef((t,e)=>{const[r,n]=Aa(t,["channel","orientation"]),a=D(),o=R(a.getChannelInputProps(r),n);return l.jsx(A.input,{...o,ref:e})});rr.displayName="ColorPickerChannelInput";const[Ia,Te]=le({name:"ColorPickerChannelSliderContext",hookName:"useColorPickerChannelSliderContext",providerName:"<ColorPickerChannelSliderProvider />"}),[Na,Ke]=le({name:"ColorPickerFormatContext",hookName:"useColorPickerFormatPropsContext",providerName:"<ColorPickerFormatPropsProvider />",strict:!1}),Va=Y(),nr=v.forwardRef((t,e)=>{const[r,n]=Va(t,["channel","orientation"]),a=D(),o=Ke(),i={...r,...o},s=R(a.getChannelSliderProps(i),n);return l.jsx(Ia,{value:r,children:l.jsx(A.div,{...s,ref:e})})});nr.displayName="ColorPickerChannelSlider";const ar=v.forwardRef((t,e)=>{const r=D(),n=Te(),a=R(r.getChannelSliderLabelProps(n),t);return l.jsx(A.label,{...a,ref:e})});ar.displayName="ColorPickerChannelSliderLabel";const or=v.forwardRef((t,e)=>{const r=D(),n=Te(),a=Ke(),o={...n,...a},i=R(r.getChannelSliderThumbProps(o),t);return l.jsx(A.div,{...i,ref:e})});or.displayName="ColorPickerChannelSliderThumb";const sr=v.forwardRef((t,e)=>{const r=D(),n=Te(),a=Ke(),o={...n,...a},i=R(r.getChannelSliderTrackProps(o),t);return l.jsx(A.div,{...i,ref:e})});sr.displayName="ColorPickerChannelSliderTrack";const ir=v.forwardRef((t,e)=>{const{locale:r}=Me(),n=D(),a=Te(),o=R(n.getChannelSliderValueTextProps(a),t);return l.jsx(A.span,{...o,ref:e,children:t.children||n.getChannelValueText(a.channel,r)})});ir.displayName="ColorPickerChannelSliderValueText";const lr=v.forwardRef((t,e)=>{const r=D(),n=Tt(),a=R(r.getContentProps(),n.getPresenceProps(),t);return n.unmounted?null:l.jsx(A.div,{...a,ref:pn(n.ref,e)})});lr.displayName="ColorPickerContent";const cr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getControlProps(),t);return l.jsx(A.div,{...n,ref:e})});cr.displayName="ColorPickerControl";const ur=v.forwardRef((t,e)=>{const r=D(),n=R(r.getEyeDropperTriggerProps(),t);return l.jsx(A.button,{...n,ref:e})});ur.displayName="ColorPickerEyeDropperTrigger";const dr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getFormatSelectProps(),t);return l.jsx(A.select,{...n,ref:e,children:["rgba","hsla","hsba"].map(a=>l.jsx(A.option,{value:a,children:a},a))})});dr.displayName="ColorPickerFormatSelect";const hr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getFormatTriggerProps(),t);return l.jsx(A.button,{...n,ref:e})});hr.displayName="ColorPickerFormatTrigger";const gr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getHiddenInputProps(),t),a=Ft();return l.jsx(A.input,{"aria-describedby":a?.ariaDescribedby,...n,ref:e})});gr.displayName="ColorPickerHiddenInput";const mr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getLabelProps(),t);return l.jsx(A.label,{...n,ref:e})});mr.displayName="ColorPickerLabel";const pr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getPositionerProps(),t);return Tt().unmounted?null:l.jsx(A.div,{...n,ref:e})});pr.displayName="ColorPickerPositioner";const Oa=t=>{const e=v.useId(),{getRootNode:r}=Vt(),{dir:n}=Me(),a=Ft(),o={id:e,ids:{label:a?.ids.label,input:a?.ids.control},dir:n,disabled:a?.disabled,invalid:a?.invalid,readOnly:a?.readOnly,required:a?.required,getRootNode:r,...t},i=Ot(wa,o);return ba(i,$t)},$a=Y(),fr=v.forwardRef((t,e)=>{const[r,n]=Et(t),[a,o]=$a(n,["closeOnSelect","defaultOpen","defaultValue","defaultFormat","disabled","format","id","ids","initialFocusEl","invalid","name","name","onFocusOutside","onFormatChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","onValueChangeEnd","open","openAutoFocus","positioning","readOnly","required","inline","value"]),i=Oa(a),s=Rt(R({present:i.open},r)),c=R(i.getRootProps(),o);return l.jsx(Qt,{value:i,children:l.jsx(At,{value:s,children:l.jsx(A.div,{...c,ref:e})})})});fr.displayName="ColorPickerRoot";const Fa=Y(),br=v.forwardRef((t,e)=>{const[r,n]=Et(t),[{value:a},o]=Fa(n,["value"]),i=Rt(R({present:a.open},r)),s=R(a.getRootProps(),o);return l.jsx(Qt,{value:a,children:l.jsx(At,{value:i,children:l.jsx(A.div,{...s,ref:e})})})});br.displayName="ColorPickerRootProvider";const[Cr,ja]=le({name:"ColorPickerSwatchContext",hookName:"useColorPickerSwatchContext",providerName:"<ColorPickerSwatchProvider />"}),La=Y(),vr=v.forwardRef((t,e)=>{const[r,n]=La(t,["respectAlpha","value"]),a=D(),o=R(a.getSwatchProps(r),n);return l.jsx(Cr,{value:r,children:l.jsx(A.div,{...o,ref:e})})});vr.displayName="ColorPickerSwatch";const Pr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getSwatchGroupProps(),t);return l.jsx(A.div,{...n,ref:e})});Pr.displayName="ColorPickerSwatchGroup";const yr=v.forwardRef((t,e)=>{const r=D(),n=ja(),a=R(r.getSwatchIndicatorProps(n),t);return l.jsx(A.div,{...a,ref:e})});yr.displayName="ColorPickerSwatchIndicator";const Da=Y(),Sr=v.forwardRef((t,e)=>{const[r,n]=Da(t,["value","disabled"]),a=D(),o=R(a.getSwatchTriggerProps(r),n);return l.jsx(A.button,{...o,ref:e})});Sr.displayName="ColorPickerSwatchTrigger";const _a=Y(),xr=v.forwardRef((t,e)=>{const[r,n]=_a(t,["size"]),a=D(),o=R(a.getTransparencyGridProps(r),n);return l.jsx(A.div,{...o,ref:e})});xr.displayName="ColorPickerTransparencyGrid";const kr=v.forwardRef((t,e)=>{const r=D(),n=R(r.getTriggerProps(),t);return l.jsx(A.button,{...n,ref:e})});kr.displayName="ColorPickerTrigger";const Ha=Y(),wr=v.forwardRef((t,e)=>{const[{respectAlpha:r},n]=Ha(t,["respectAlpha"]),a=D(),o={respectAlpha:r,value:a.valueAsString},i=R(a.getSwatchProps(o),n);return l.jsx(Cr,{value:o,children:l.jsx(A.div,{...i,ref:e})})});wr.displayName="ColorPickerValueSwatch";const Tr=v.forwardRef((t,e)=>{const{children:r,format:n,...a}=t,o=D(),i=R(o.getValueTextProps(),a),s=n?o.value.toString(n):o.valueAsString;return l.jsx(A.span,{...i,ref:e,children:r||s})});Tr.displayName="ColorPickerValueText";const Ma=Y(),Er=v.forwardRef((t,e)=>{const r=D(),[n,a]=Ma(t,["format"]);return r.format!==n.format?null:l.jsx(Na,{value:n,children:l.jsx(A.div,{ref:e,"data-format":t.format,...an.build().view.attrs,...a})})});Er.displayName="ColorPickerView";const[Rr,J]=le({name:"SliderContext",hookName:"useSliderContext",providerName:"<SliderProvider />"}),Ar=v.forwardRef((t,e)=>{const r=J(),n=R(r.getControlProps(),t);return l.jsx(A.div,{...n,ref:e})});Ar.displayName="SliderControl";const[Ba,Ir]=le({name:"SliderThumbPropsContext",hookName:"useSliderThumbPropsContext",providerName:"<SliderThumbPropsProvider />"}),Nr=v.forwardRef((t,e)=>{const r=J(),{index:n}=Ir(),a=R(r.getDraggingIndicatorProps({index:n}),t);return l.jsx(A.span,{...a,ref:e,children:t.children||r.getThumbValue(n)})});Nr.displayName="SliderDraggingIndicator";const Vr=v.forwardRef((t,e)=>{const r=J(),n=Ir(),a=R(r.getHiddenInputProps(n),t);return l.jsx(A.input,{...a,ref:e})});Vr.displayName="SliderHiddenInput";const Or=v.forwardRef((t,e)=>{const r=J(),n=R(r.getLabelProps(),t);return l.jsx(A.label,{...n,ref:e})});Or.displayName="SliderLabel";const Ua=Y(),$r=v.forwardRef((t,e)=>{const[r,n]=Ua(t,["value"]),a=J(),o=R(a.getMarkerProps(r),n);return l.jsx(A.span,{...o,ref:e})});$r.displayName="SliderMarker";const Fr=v.forwardRef((t,e)=>{const r=J(),n=R(r.getMarkerGroupProps(),t);return l.jsx(A.div,{...n,ref:e})});Fr.displayName="SliderMarkerGroup";const jr=v.forwardRef((t,e)=>{const r=J(),n=R(r.getRangeProps(),t);return l.jsx(A.div,{...n,ref:e})});jr.displayName="SliderRange";var Lr=t=>t.ids?.root??`slider:${t.id}`,Dr=(t,e)=>t.ids?.thumb?.(e)??`slider:${t.id}:thumb:${e}`,_e=(t,e)=>t.ids?.hiddenInput?.(e)??`slider:${t.id}:input:${e}`,_r=t=>t.ids?.control??`slider:${t.id}:control`,Ga=t=>t.ids?.track??`slider:${t.id}:track`,Wa=t=>t.ids?.range??`slider:${t.id}:range`,bt=t=>t.ids?.label??`slider:${t.id}:label`,qa=t=>t.ids?.valueText??`slider:${t.id}:value-text`,za=(t,e)=>t.ids?.marker?.(e)??`slider:${t.id}:marker:${e}`,Xa=t=>t.getById(Lr(t)),Ka=(t,e)=>t.getById(Dr(t,e)),Hr=t=>Oe(Br(t),"[role=slider]"),Ya=t=>Hr(t)[0],Mr=(t,e)=>t.getById(_e(t,e)),Br=t=>t.getById(_r(t)),Ja=(t,e,r)=>e==="contain"?(r==="vertical"?t?.height??0:t?.width??0)/2:0,Ct=(t,e)=>{const{context:r,prop:n,scope:a,refs:o}=t,i=Br(a);if(!i)return;const s=o.get("thumbDragOffset"),c={x:e.x-(s?.x??0),y:e.y-(s?.y??0)},h=Ja(r.get("thumbSize"),n("thumbAlignment"),n("orientation")),p=Qa(c,i,h).getPercentValue({orientation:n("orientation"),dir:n("dir"),inverted:{y:!0}});return He(p,n("min"),n("max"),n("step"))};function Qa(t,e,r){const{left:n,top:a,width:o,height:i}=e.getBoundingClientRect(),s=o-r*2,c=i-r*2,h=n+r,u=a+r,p={x:t.x-h,y:t.y-u},C={x:s>0?Ye(p.x/s):0,y:c>0?Ye(p.y/c):0};function k(T={}){const{dir:N="ltr",orientation:w="horizontal",inverted:G}=T,V=typeof G=="object"?G.x:G,M=typeof G=="object"?G.y:G;return w==="horizontal"?N==="rtl"||V?1-C.x:C.x:M?1-C.y:C.y}return{offset:p,percent:C,getPercentValue:k}}var Za=(t,e)=>{e.forEach((r,n)=>{const a=Mr(t,n);a&&jt(a,{value:r})})},eo=t=>({left:t?.offsetLeft??0,top:t?.offsetTop??0,width:t?.offsetWidth??0,height:t?.offsetHeight??0});function to(t){const e=t[0],r=t[t.length-1];return[e,r]}function ro(t){const{prop:e,computed:r}=t,n=r("valuePercent"),[a,o]=to(n);if(n.length===1){if(e("origin")==="center"){const i=n[0]<50,s=i?`${n[0]}%`:"50%",c=i?"50%":`${100-n[0]}%`;return{start:s,end:c}}return e("origin")==="end"?{start:`${o}%`,end:"0%"}:{start:"0%",end:`${100-o}%`}}return{start:`${a}%`,end:`${100-o}%`}}function no(t){const{computed:e}=t,r=e("isVertical"),n=e("isRtl");return r?{position:"absolute",bottom:"var(--slider-range-start)",top:"var(--slider-range-end)"}:{position:"absolute",[n?"right":"left"]:"var(--slider-range-start)",[n?"left":"right"]:"var(--slider-range-end)"}}function ao(t,e){const{context:r,prop:n}=t,{height:a=0}=r.get("thumbSize")??{},o=Ae([n("min"),n("max")],[-a/2,a/2]);return parseFloat(o(e).toFixed(2))}function oo(t,e){const{computed:r,context:n,prop:a}=t,{width:o=0}=n.get("thumbSize")??{};if(r("isRtl")){const c=Ae([a("max"),a("min")],[-o/2,o/2]);return-1*parseFloat(c(e).toFixed(2))}const s=Ae([a("min"),a("max")],[-o/2,o/2]);return parseFloat(s(e).toFixed(2))}function so(t,e,r){const{computed:n,prop:a}=t;if(a("thumbAlignment")==="center")return`${e}%`;const o=n("isVertical")?ao(t,r):oo(t,r);return`calc(${e}% - ${o}px)`}function Ur(t,e){const{prop:r}=t,n=we(e,r("min"),r("max"))*100;return so(t,n,e)}function Gr(t){const{computed:e,prop:r}=t;let n="visible";return r("thumbAlignment")==="contain"&&!e("hasMeasuredThumbSize")&&(n="hidden"),n}function vt(t,e){const{computed:r,context:n}=t,a=r("isVertical")?"bottom":"insetInlineStart",o=n.get("focusedIndex");return{visibility:Gr(t),position:"absolute",transform:"var(--slider-thumb-transform)",[a]:`var(--slider-thumb-offset-${e})`,zIndex:o===e?1:void 0}}function io(){return{touchAction:"none",userSelect:"none",WebkitUserSelect:"none",position:"relative"}}function lo(t){const{context:e,computed:r}=t,n=r("isVertical"),a=r("isRtl"),o=ro(t),i=e.get("thumbSize");return{...e.get("value").reduce((c,h,u)=>{const p=Ur(t,h);return{...c,[`--slider-thumb-offset-${u}`]:p}},{}),"--slider-thumb-width":Je(i?.width),"--slider-thumb-height":Je(i?.height),"--slider-thumb-transform":n?"translateY(50%)":a?"translateX(50%)":"translateX(-50%)","--slider-range-start":o.start,"--slider-range-end":o.end}}function co(t,e){const{computed:r}=t,n=r("isHorizontal"),a=r("isRtl");return{visibility:Gr(t),position:"absolute",pointerEvents:"none",[n?"insetInlineStart":"bottom"]:Ur(t,e),translate:"var(--translate-x) var(--translate-y)","--translate-x":n?a?"50%":"-50%":"0%","--translate-y":n?"0%":"50%"}}function uo(){return{userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none",position:"relative"}}function Wr(t){const{index:e,values:r,min:n,max:a,gap:o}=t,i=r[e-1],s=r[e+1];return{min:i!=null?i+o:n,max:s!=null?s-o:a}}function re(t){return Math.round(t*1e10)/1e10}function qr(t){const{index:e,value:r,values:n}=t,a=Wr(t),o=n.slice();return o[e]=re(X(r,a.min,a.max)),{values:o,index:e,swapped:!1}}function ho(t){const{index:e,value:r,values:n,min:a,max:o,gap:i}=t,s=n.slice(),c=a+e*i,h=o-(n.length-1-e)*i;s[e]=re(X(r,c,h));for(let u=e+1;u<n.length;u++){const p=s[u-1]+i;s[u]<p&&(s[u]=re(p))}for(let u=e-1;u>=0;u--){const p=s[u+1]-i;s[u]>p&&(s[u]=re(p))}return{values:s,index:e,swapped:!1}}function go(t,e){const{index:r,value:n,values:a,gap:o}=t,i=a[r-1],s=a[r+1],c=s!=null&&n>=s&&n>e,h=i!=null&&n<=i&&n<e;if(!c&&!h)return qr(t);const u=c?r+1:r-1,p=a.slice(),C={...t,index:u},k=Wr(C);return p[u]=re(X(n,k.min,k.max)),p[r]=a[u],c&&p[r]>p[u]-o?p[r]=re(p[u]-o):h&&p[r]<p[u]+o&&(p[r]=re(p[u]+o)),{values:p,index:u,swapped:!0}}function mo(t,e,r,n,a,o,i,s,c){if(n.length===1)return{values:[re(X(r,a,o))],index:0,swapped:!1};const h=i*s,u={behavior:t,index:e,value:r,values:n,min:a,max:o,gap:h};switch(t){case"push":return ho(u);case"swap":return go(u,c??n[e]);default:return qr(u)}}function po(t,e){return e.map((r,n)=>zr(t,r,n))}function ne(t,e){const{context:r,prop:n}=t,a=n("step")*n("minStepsBetweenThumbs");return kt(r.get("value"),n("min"),n("max"),a)[e]}function zr(t,e,r){const{prop:n}=t,a=ne(t,r),o=Se(e,n("min"),n("max"),n("step"));return X(o,a.min,a.max)}function fo(t,e,r){const{context:n,prop:a}=t,o=e??n.get("focusedIndex"),i=ne(t,o),s=sn(o,{...i,step:r??a("step"),values:n.get("value")});return s[o]=X(s[o],i.min,i.max),s}function bo(t,e,r){const{context:n,prop:a}=t,o=e??n.get("focusedIndex"),i=ne(t,o),s=on(o,{...i,step:r??a("step"),values:n.get("value")});return s[o]=X(s[o],i.min,i.max),s}function Co(t,e){const{context:r}=t,n=r.get("value");let a=0,o=Math.abs(n[0]-e);for(let i=1;i<n.length;i++){const s=Math.abs(n[i]-e);s<=o&&(a=i,o=s)}return Xr(t,a)}function Xr(t,e){const{context:r,prop:n}=t,a=r.get("value"),o=n("max");if(a[e]===o){let s=e;for(;s>0&&a[s-1]===o;)s-=1;return s}return e}function vo(t,e){const{state:r,send:n,context:a,prop:o,computed:i,scope:s}=t,c=o("aria-label"),h=o("aria-labelledby"),u=a.get("value"),p=a.get("focusedIndex"),C=r.matches("focus"),k=r.matches("dragging"),T=i("isDisabled"),N=o("invalid"),w=i("isInteractive"),G=o("orientation")==="horizontal",V=o("orientation")==="vertical";function M(f){return we(f,o("min"),o("max"))}function L(f){return He(f,o("min"),o("max"),o("step"))}return{value:u,dragging:k,focused:C,setValue(f){n({type:"SET_VALUE",value:f})},getThumbValue(f){return u[f]},setThumbValue(f,E){n({type:"SET_VALUE",index:f,value:E})},getValuePercent:M,getPercentValue:L,getThumbPercent(f){return M(u[f])},setThumbPercent(f,E){const I=L(E);n({type:"SET_VALUE",index:f,value:I})},getThumbMin(f){return ne(t,f).min},getThumbMax(f){return ne(t,f).max},increment(f){n({type:"INCREMENT",index:f})},decrement(f){n({type:"DECREMENT",index:f})},focus(){w&&n({type:"FOCUS",index:0})},getLabelProps(){return e.label({...Z.label.attrs,dir:o("dir"),"data-disabled":b(T),"data-orientation":o("orientation"),"data-invalid":b(N),"data-dragging":b(k),"data-focus":b(C),id:bt(s),htmlFor:_e(s,0),onClick(f){w&&(f.preventDefault(),Ya(s)?.focus())},style:{userSelect:"none",WebkitUserSelect:"none"}})},getRootProps(){return e.element({...Z.root.attrs,"data-disabled":b(T),"data-orientation":o("orientation"),"data-dragging":b(k),"data-invalid":b(N),"data-focus":b(C),id:Lr(s),dir:o("dir"),style:lo(t)})},getValueTextProps(){return e.element({...Z.valueText.attrs,dir:o("dir"),"data-disabled":b(T),"data-orientation":o("orientation"),"data-invalid":b(N),"data-focus":b(C),id:qa(s)})},getTrackProps(){return e.element({...Z.track.attrs,dir:o("dir"),id:Ga(s),"data-disabled":b(T),"data-invalid":b(N),"data-dragging":b(k),"data-orientation":o("orientation"),"data-focus":b(C),style:{position:"relative"}})},getThumbProps(f){const{index:E=0,name:I}=f,g=u[E],d=ne(t,E),m=o("getAriaValueText")?.({value:g,index:E}),x=Array.isArray(c)?c[E]:c,S=Array.isArray(h)?h[E]:h;return e.element({...Z.thumb.attrs,dir:o("dir"),"data-index":E,"data-name":I,id:Dr(s,E),"data-disabled":b(T),"data-orientation":o("orientation"),"data-focus":b(C&&p===E),"data-dragging":b(k&&p===E),draggable:!1,"aria-disabled":fn(T),"aria-label":x,"aria-labelledby":S??bt(s),"aria-orientation":o("orientation"),"aria-valuemax":d.max,"aria-valuemin":d.min,"aria-valuenow":u[E],"aria-valuetext":m,role:"slider",tabIndex:T?void 0:0,style:vt(t,E),onPointerDown(P){if(!w||!xe(P))return;const F=P.currentTarget.getBoundingClientRect(),$={x:F.left+F.width/2,y:F.top+F.height/2},B={x:P.clientX-$.x,y:P.clientY-$.y};n({type:"THUMB_POINTER_DOWN",index:E,offset:B}),P.stopPropagation()},onBlur(){w&&n({type:"BLUR"})},onFocus(){w&&n({type:"FOCUS",index:E})},onKeyDown(P){if(P.defaultPrevented||!w)return;const O=Ie(P)*o("step"),F={ArrowUp(){G||n({type:"ARROW_INC",step:O,src:"ArrowUp"})},ArrowDown(){G||n({type:"ARROW_DEC",step:O,src:"ArrowDown"})},ArrowLeft(){V||n({type:"ARROW_DEC",step:O,src:"ArrowLeft"})},ArrowRight(){V||n({type:"ARROW_INC",step:O,src:"ArrowRight"})},PageUp(){n({type:"ARROW_INC",step:O,src:"PageUp"})},PageDown(){n({type:"ARROW_DEC",step:O,src:"PageDown"})},Home(){n({type:"HOME"})},End(){n({type:"END"})}},$=Ne(P,{dir:o("dir"),orientation:o("orientation")}),B=F[$];B&&(B(P),P.preventDefault(),P.stopPropagation())}})},getHiddenInputProps(f){const{index:E=0,name:I}=f;return e.input({name:I??(o("name")?o("name")+(u.length>1?"[]":""):void 0),form:o("form"),type:"text",hidden:!0,defaultValue:u[E],id:_e(s,E)})},getRangeProps(){return e.element({id:Wa(s),...Z.range.attrs,dir:o("dir"),"data-dragging":b(k),"data-focus":b(C),"data-invalid":b(N),"data-disabled":b(T),"data-orientation":o("orientation"),style:no(t)})},getControlProps(){return e.element({...Z.control.attrs,dir:o("dir"),id:_r(s),"data-dragging":b(k),"data-disabled":b(T),"data-orientation":o("orientation"),"data-invalid":b(N),"data-focus":b(C),style:io(),onPointerDown(f){if(!w||!xe(f)||Ve(f))return;const E=he(f);n({type:"POINTER_DOWN",point:E}),f.preventDefault(),f.stopPropagation()}})},getMarkerGroupProps(){return e.element({...Z.markerGroup.attrs,role:"presentation",dir:o("dir"),"aria-hidden":!0,"data-orientation":o("orientation"),style:uo()})},getMarkerProps(f){const E=co(t,f.value);let I;return f.value<Pn(u)?I="under-value":f.value>yn(u)?I="over-value":I="at-value",e.element({...Z.marker.attrs,id:za(s,f.value),role:"presentation",dir:o("dir"),"data-orientation":o("orientation"),"data-value":f.value,"data-disabled":b(T),"data-state":I,style:E})},getDraggingIndicatorProps(f){const{index:E=0}=f,I=E===p&&k;return e.element({...Z.draggingIndicator.attrs,role:"presentation",dir:o("dir"),hidden:!I,"data-orientation":o("orientation"),"data-state":I?"open":"closed",style:vt(t,E)})}}}var Po=(t,e)=>t?.width===e?.width&&t?.height===e?.height,Pt=(t,e,r,n,a)=>kt(t,e,r,a*n).map(i=>{const s=Se(i.value,i.min,i.max,n),c=X(s,i.min,i.max);if(!ln(c,e,r))throw new Error("[zag-js/slider] The configured `min`, `max`, `step` or `minStepsBetweenThumbs` values are invalid");return c}),yo=Nt({props({props:t}){const e=t.min??0,r=t.max??100,n=t.step??1,a=t.defaultValue??[e],o=t.minStepsBetweenThumbs??0;return{dir:"ltr",thumbAlignment:"contain",origin:"start",orientation:"horizontal",thumbCollisionBehavior:"none",minStepsBetweenThumbs:o,...t,defaultValue:Pt(a,e,r,n,o),value:t.value?Pt(t.value,e,r,n,o):void 0,max:r,step:n,min:e}},initialState(){return"idle"},context({prop:t,bindable:e,getContext:r}){return{thumbSize:e(()=>({defaultValue:t("thumbSize")||null})),value:e(()=>({defaultValue:t("defaultValue"),value:t("value"),isEqual:Tn,hash(n){return n.join(",")},onChange(n){t("onValueChange")?.({value:n})}})),focusedIndex:e(()=>({defaultValue:-1,onChange(n){const a=r();t("onFocusChange")?.({focusedIndex:n,value:a.get("value")})}})),fieldsetDisabled:e(()=>({defaultValue:!1}))}},refs(){return{thumbDragOffset:null,thumbDragStartValue:null}},computed:{isHorizontal:({prop:t})=>t("orientation")==="horizontal",isVertical:({prop:t})=>t("orientation")==="vertical",isRtl:({prop:t})=>t("orientation")==="horizontal"&&t("dir")==="rtl",isDisabled:({context:t,prop:e})=>!!e("disabled")||t.get("fieldsetDisabled"),isInteractive:({prop:t,computed:e})=>!(t("readOnly")||e("isDisabled")),hasMeasuredThumbSize:({context:t})=>t.get("thumbSize")!=null,valuePercent:An(({context:t,prop:e})=>[t.get("value"),e("min"),e("max")],([t,e,r])=>t.map(n=>100*we(n,e,r)))},watch({track:t,action:e,context:r,computed:n,send:a}){t([()=>r.hash("value")],()=>{e(["syncInputElements","dispatchChangeEvent"])}),t([()=>n("isDisabled")],()=>{n("isDisabled")&&a({type:"POINTER_CANCEL"})})},effects:["trackFormControlState","trackThumbSize"],on:{SET_VALUE:[{guard:"hasIndex",actions:["setValueAtIndex","invokeOnChangeEnd"]},{actions:["setValue","invokeOnChangeEnd"]}],INCREMENT:{actions:["incrementThumbAtIndex","invokeOnChangeEnd"]},DECREMENT:{actions:["decrementThumbAtIndex","invokeOnChangeEnd"]}},states:{idle:{on:{POINTER_DOWN:{target:"dragging",actions:["setClosestThumbIndex","setThumbDragStartValue","setPointerValue","focusActiveThumb"]},FOCUS:{target:"focus",actions:["setFocusedIndex"]},THUMB_POINTER_DOWN:{target:"dragging",actions:["setFocusedIndex","setThumbDragOffset","setThumbDragStartValue","focusActiveThumb"]}}},focus:{entry:["focusActiveThumb"],on:{POINTER_DOWN:{target:"dragging",actions:["setClosestThumbIndex","setThumbDragStartValue","setPointerValue","focusActiveThumb"]},THUMB_POINTER_DOWN:{target:"dragging",actions:["setFocusedIndex","setThumbDragOffset","setThumbDragStartValue","focusActiveThumb"]},ARROW_DEC:{actions:["decrementThumbAtIndex","invokeOnChangeEnd"]},ARROW_INC:{actions:["incrementThumbAtIndex","invokeOnChangeEnd"]},HOME:{actions:["setFocusedThumbToMin","invokeOnChangeEnd"]},END:{actions:["setFocusedThumbToMax","invokeOnChangeEnd"]},BLUR:{target:"idle",actions:["clearFocusedIndex"]}}},dragging:{entry:["focusActiveThumb"],effects:["trackPointerMove"],on:{POINTER_UP:{target:"focus",actions:["invokeOnChangeEnd","clearThumbDragOffset","clearThumbDragStartValue"]},POINTER_MOVE:{actions:["setPointerValue"]},POINTER_CANCEL:{target:"idle",actions:["clearFocusedIndex","clearThumbDragOffset","clearThumbDragStartValue"]}}}},implementations:{guards:{hasIndex:({event:t})=>t.index!=null},effects:{trackFormControlState({context:t,scope:e}){return Lt(Xa(e),{onFieldsetDisabledChange(r){t.set("fieldsetDisabled",r)},onFormReset(){t.set("value",t.initial("value"))}})},trackPointerMove({scope:t,send:e}){return Ht(t.getDoc(),{onPointerMove(r){e({type:"POINTER_MOVE",point:r.point})},onPointerUp(){e({type:"POINTER_UP"})}})},trackThumbSize({context:t,scope:e,prop:r}){if(r("thumbAlignment")!=="contain"||r("thumbSize"))return;const n=i=>{const s=eo(i),c=Sn(s,["width","height"]);Po(t.get("thumbSize"),c)||t.set("thumbSize",c)},a=Hr(e);a.forEach(n);const o=a.map(i=>$n.observe(i,()=>n(i)));return bn(...o)}},actions:{dispatchChangeEvent({context:t,scope:e}){Za(e,t.get("value"))},syncInputElements({context:t,scope:e}){t.get("value").forEach((r,n)=>{const a=Mr(e,n);Be(a,r.toString())})},invokeOnChangeEnd({prop:t,context:e}){queueMicrotask(()=>{t("onValueChangeEnd")?.({value:e.get("value")})})},setClosestThumbIndex(t){const{context:e,event:r}=t,n=Ct(t,r.point);if(n==null)return;const a=Co(t,n);e.set("focusedIndex",a)},setFocusedIndex(t){const{context:e,event:r}=t,n=Xr(t,r.index);e.set("focusedIndex",n)},clearFocusedIndex({context:t}){t.set("focusedIndex",-1)},setThumbDragOffset(t){const{refs:e,event:r}=t;e.set("thumbDragOffset",r.offset??null)},clearThumbDragOffset({refs:t}){t.set("thumbDragOffset",null)},setThumbDragStartValue({refs:t,context:e}){t.set("thumbDragStartValue",e.get("value").slice())},clearThumbDragStartValue({refs:t}){t.set("thumbDragStartValue",null)},setPointerValue(t){queueMicrotask(()=>{const{context:e,event:r,prop:n,refs:a}=t,o=Ct(t,r.point);if(o==null)return;const i=e.get("focusedIndex"),s=a.get("thumbDragStartValue"),c=mo(n("thumbCollisionBehavior"),i,o,e.get("value"),n("min"),n("max"),n("step"),n("minStepsBetweenThumbs"),s?.[i]);c.swapped&&e.set("focusedIndex",c.index),e.set("value",c.values)})},focusActiveThumb({scope:t,context:e}){te(()=>{Ka(t,e.get("focusedIndex"))?.focus({preventScroll:!0})})},decrementThumbAtIndex(t){const{context:e,event:r}=t,n=fo(t,r.index,r.step);e.set("value",n)},incrementThumbAtIndex(t){const{context:e,event:r}=t,n=bo(t,r.index,r.step);e.set("value",n)},setFocusedThumbToMin(t){const{context:e}=t,r=e.get("focusedIndex"),{min:n}=ne(t,r);e.set("value",a=>Ee(a,r,n))},setFocusedThumbToMax(t){const{context:e}=t,r=e.get("focusedIndex"),{max:n}=ne(t,r);e.set("value",a=>Ee(a,r,n))},setValueAtIndex(t){const{context:e,event:r}=t,n=zr(t,r.value,r.index);e.set("value",a=>Ee(a,r.index,n))},setValue(t){const{context:e,event:r}=t,n=po(t,r.value);e.set("value",n)}}}});const So=t=>{const e=v.useId(),{getRootNode:r}=Vt(),{dir:n}=Me(),a={id:e,dir:n,getRootNode:r,...t},o=Ot(yo,a);return vo(o,$t)},xo=Y(),Kr=v.forwardRef((t,e)=>{const[r,n]=xo(t,["aria-label","aria-labelledby","defaultValue","disabled","form","getAriaValueText","id","ids","invalid","max","min","minStepsBetweenThumbs","name","onFocusChange","onValueChange","onValueChangeEnd","orientation","origin","readOnly","step","thumbAlignment","thumbCollisionBehavior","thumbSize","value"]),a=So(r),o=R(a.getRootProps(),n);return l.jsx(Rr,{value:a,children:l.jsx(A.div,{...o,ref:e})})});Kr.displayName="SliderRoot";const ko=Y(),Yr=v.forwardRef((t,e)=>{const[{value:r},n]=ko(t,["value"]),a=R(r.getRootProps(),n);return l.jsx(Rr,{value:r,children:l.jsx(A.div,{...a,ref:e})})});Yr.displayName="SliderRootProvider";const wo=Y(),Jr=v.forwardRef((t,e)=>{const[r,n]=wo(t,["index","name"]),a=J(),o=R(a.getThumbProps(r),n);return l.jsx(Ba,{value:r,children:l.jsx(A.div,{...o,ref:e})})});Jr.displayName="SliderThumb";const Qr=v.forwardRef((t,e)=>{const r=J(),n=R(r.getTrackProps(),t);return l.jsx(A.div,{...n,ref:e})});Qr.displayName="SliderTrack";const Zr=v.forwardRef((t,e)=>{const{children:r,...n}=t,a=J(),o=R(a.getValueTextProps(),n);return l.jsx(A.span,{...o,ref:e,children:r||a.value.join(", ")})});Zr.displayName="SliderValueText";const{withProvider:en,withContext:H}=wt({key:"colorPicker"});en(br,"root",{forwardAsChild:!0});const To=en(fr,"root",{forwardAsChild:!0}),Eo=H(mr,"label",{forwardAsChild:!0}),Ro=H(cr,"control",{forwardAsChild:!0}),Ao=H(wr,"swatch",{forwardAsChild:!0}),Io=H(kr,"trigger",{forwardAsChild:!0,defaultProps:{children:l.jsx(Ao,{})}}),No=H(pr,"positioner",{forwardAsChild:!0}),Vo=H(lr,"content",{forwardAsChild:!0}),Oo=H(er,"areaBackground",{forwardAsChild:!0}),$o=H(tr,"areaThumb",{forwardAsChild:!0}),Fo=H(Zt,"area",{forwardAsChild:!0,defaultProps:{children:l.jsxs(l.Fragment,{children:[l.jsx(Oo,{}),l.jsx($o,{})]})}}),jo=H(sr,"channelSliderTrack",{forwardAsChild:!0}),Lo=H(or,"channelSliderThumb",{forwardAsChild:!0}),Do=H(xr,"transparencyGrid",{forwardAsChild:!0}),yt=H(nr,"channelSlider",{forwardAsChild:!0,defaultProps:{children:l.jsxs(l.Fragment,{children:[l.jsx(Do,{size:"0.6rem"}),l.jsx(jo,{}),l.jsx(Lo,{})]})}}),_o=v.forwardRef(function(e,r){return l.jsxs(dn,{gap:"1",flex:"1",px:"1",ref:r,...e,children:[l.jsx(yt,{channel:"hue"}),l.jsx(yt,{channel:"alpha"})]})}),Ho=H(rr,"channelInput",{forwardAsChild:!0}),Mo=v.forwardRef(function(e,r){return l.jsx(Ho,{channel:"hex",ref:r,...e})}),Bo=H(Pr,"swatchGroup",{forwardAsChild:!0}),Uo=H(Sr,"swatchTrigger",{forwardAsChild:!0}),Go=H(vr,"swatch",{forwardAsChild:!0});H(yr,"swatchIndicator",{forwardAsChild:!0});H(Tr,"valueText",{forwardAsChild:!0});H(Er,"view",{forwardAsChild:!0});H(hr,"formatTrigger",{forwardAsChild:!0});H(dr,"formatSelect",{forwardAsChild:!0});H(ur,"eyeDropperTrigger",{forwardAsChild:!0});v.forwardRef(function(e,r){const{children:n=l.jsx(un,{}),...a}=e,o=D(),i=cn(o.getEyeDropperTriggerProps(),a);return l.jsx(hn,{ref:r,...i,children:n})});H(ir,"channelSliderValueText",{forwardAsChild:!0});H(ar,"channelSliderLabel",{forwardAsChild:!0});const Wo=v.forwardRef(function(e,r){return l.jsx(gr,{tabIndex:-1,ref:r,...e})});H("span","channelText",{forwardAsChild:!0});const{withContext:qo}=nn({key:"container"}),zo=qo("div");zo.displayName="Container";function Xo(t){const{each:e,fallback:r,children:n}=t;return e?.length===0?r||null:e?.map(n)}const{withProvider:tn,withContext:Q}=wt({key:"slider"});tn(Yr,"root",{forwardAsChild:!0});const Ko=tn(Kr,"root",{forwardAsChild:!0}),Yo=Q(Qr,"track",{forwardAsChild:!0}),Jo=Q(jr,"range",{forwardAsChild:!0}),Qo=Q(Jr,"thumb",{forwardAsChild:!0});Q(Zr,"valueText",{forwardAsChild:!0});Q(Or,"label",{forwardAsChild:!0});const Zo=Q(Fr,"markerGroup",{forwardAsChild:!0}),es=Q($r,"marker",{forwardAsChild:!0}),ts=Q("div","markerIndicator"),rs=Q("span","markerLabel");Q(Nr,"draggingIndicator",{forwardAsChild:!0});const ns=t=>{const e=J();return l.jsx(Xo,{each:e.value,children:(r,n)=>l.jsx(Qo,{index:n,...t,children:l.jsx(os,{})},n)})};v.forwardRef(function(e,r){const{marks:n,...a}=e;return n?.length?l.jsx(Zo,{ref:r,...a,children:n.map((o,i)=>{const s=typeof o=="number"?o:o.value,c=typeof o=="number"?void 0:o.label;return l.jsxs(es,{value:s,children:[l.jsx(ts,{}),c!=null&&l.jsx(rs,{children:c})]},i)})}):null});const as=Q(Ar,"control",{forwardAsChild:!0}),os=Vr;const ss=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],St=In("check",ss),is=t=>{const e=ge.c(49),{id:r,defaultValue:n,name:a,onChange:o,description:i,readOnly:s,hideLabel:c,tooltipPlacement:h,fullWidth:u}=t,p=c===void 0?!1:c,C=h===void 0?"right":h,k=u===void 0?!1:u,[T,N]=v.useState(n),w=v.useRef(null);let G;e[0]!==r||e[1]!==o?(G=ue=>{w.current&&clearTimeout(w.current),w.current=setTimeout(()=>o(r,ue),540)},e[0]=r,e[1]=o,e[2]=G):G=e[2];const V=G;let M,L;e[3]!==n?(M=()=>{N(n)},L=[n],e[3]=n,e[4]=M,e[5]=L):(M=e[4],L=e[5]),v.useEffect(M,L);let f;e[6]!==V?(f=ue=>{N(ue),V(ue)},e[6]=V,e[7]=f):f=e[7];const E=f;let I;e[8]!==T?(I=Xe(T),e[8]=T,e[9]=I):I=e[9];let g;e[10]!==E?(g=ue=>E(ue.value.toString("hex")),e[10]=E,e[11]=g):g=e[11];let d;e[12]!==s||e[13]!==I||e[14]!==g?(d={value:I,onValueChange:g,disabled:s},e[12]=s,e[13]=I,e[14]=g,e[15]=d):d=e[15];const m=d,x=k?"100%":"8.75rem";let S;e[16]===Symbol.for("react.memo_cache_sentinel")?(S=l.jsx(Wo,{}),e[16]=S):S=e[16];let P;e[17]!==a?(P=l.jsx(Eo,{srOnly:!0,children:a}),e[17]=a,e[18]=P):P=e[18];let O;e[19]!==s?(O=l.jsx(Mo,{readOnly:s}),e[19]=s,e[20]=O):O=e[20];let F;e[21]===Symbol.for("react.memo_cache_sentinel")?(F=l.jsx(Io,{}),e[21]=F):F=e[21];let $;e[22]!==O?($=l.jsxs(Ro,{children:[O,F]}),e[22]=O,e[23]=$):$=e[23];let B,W;e[24]===Symbol.for("react.memo_cache_sentinel")?(B=l.jsx(Fo,{}),W=l.jsx(_o,{}),e[24]=B,e[25]=W):(B=e[24],W=e[25]);let j;e[26]!==T?(j=l.jsx(Go,{value:T}),e[26]=T,e[27]=j):j=e[27];let y;e[28]!==j||e[29]!==T?(y=l.jsx(No,{children:l.jsxs(Vo,{children:[B,W,l.jsx(Bo,{children:l.jsx(Uo,{value:T,children:j})})]})}),e[28]=j,e[29]=T,e[30]=y):y=e[30];let q;e[31]!==m||e[32]!==x||e[33]!==P||e[34]!==$||e[35]!==y?(q=l.jsxs(To,{...m,maxW:x,children:[S,P,$,y]}),e[31]=m,e[32]=x,e[33]=P,e[34]=$,e[35]=y,e[36]=q):q=e[36];const z=q;let K;e[37]!==C?(K={placement:C},e[37]=C,e[38]=K):K=e[38];let ee;e[39]===Symbol.for("react.memo_cache_sentinel")?(ee={padding:"xxs"},e[39]=ee):ee=e[39];let ce;e[40]!==k||e[41]!==p||e[42]!==a||e[43]!==z?(ce=k?l.jsxs(ae,{children:[!p&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",mb:"xs",children:a}),z]}):l.jsxs(ie,{alignItems:"center",justifyContent:"space-between",minHeight:"2rem",children:[!p&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",children:a}),z]}),e[40]=k,e[41]=p,e[42]=a,e[43]=z,e[44]=ce):ce=e[44];let me;return e[45]!==i||e[46]!==K||e[47]!==ce?(me=l.jsx(ae,{children:l.jsx(ke,{positioning:K,content:i,contentProps:ee,children:ce})}),e[45]=i,e[46]=K,e[47]=ce,e[48]=me):me=e[48],me};is.__docgenInfo={description:"",methods:[],displayName:"ColorInput",props:{id:{required:!0,tsType:{name:"string"},description:""},defaultValue:{required:!0,tsType:{name:"string"},description:""},name:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: string) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},description:{required:!0,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},hideLabel:{required:!1,tsType:{name:"boolean"},description:""},tooltipPlacement:{required:!1,tsType:{name:"union",raw:'"top" | "right" | "bottom" | "left"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"right"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'}]},description:""},fullWidth:{required:!1,tsType:{name:"boolean"},description:""}}};const ls=t=>{const e=ge.c(24),{id:r,defaultValue:n,name:a,min:o,max:i,onChange:s,description:c,readOnly:h,hideLabel:u,tooltipPlacement:p,fullWidth:C}=t,k=u===void 0?!1:u,T=p===void 0?"right":p,N=C===void 0?!1:C,[w,G]=v.useState(n),V=v.useRef(null);let M;e[0]!==r||e[1]!==s?(M=P=>{V.current&&clearTimeout(V.current),V.current=setTimeout(()=>s(r,P),540)},e[0]=r,e[1]=s,e[2]=M):M=e[2];const L=M;let f,E;e[3]!==n?(f=()=>{G(n)},E=[n],e[3]=n,e[4]=f,e[5]=E):(f=e[4],E=e[5]),v.useEffect(f,E);let I;e[6]!==L?(I=P=>{G(P),L(P)},e[6]=L,e[7]=I):I=e[7];const g=I;let d;e[8]!==T?(d={placement:T},e[8]=T,e[9]=d):d=e[9];let m;e[10]===Symbol.for("react.memo_cache_sentinel")?(m={padding:"xxs"},e[10]=m):m=e[10];let x;e[11]!==N||e[12]!==g||e[13]!==k||e[14]!==i||e[15]!==o||e[16]!==a||e[17]!==h||e[18]!==w?(x=N?l.jsxs(ae,{children:[!k&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",mb:"xs",children:a}),l.jsx(at,{className:"nodrag",readOnly:h,width:"100%",size:"sm",type:"date",placeholder:k?a:void 0,value:w,min:o,max:i,onChange:P=>g(P.target.value),onKeyUp:cs})]}):l.jsxs(ie,{alignItems:"center",justifyContent:"space-between",minHeight:"2rem",children:[!k&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",children:a}),l.jsx(at,{className:"nodrag",readOnly:h,width:"8.75rem",size:"sm",type:"date",placeholder:k?a:void 0,value:w,min:o,max:i,onChange:P=>g(P.target.value),onKeyUp:us})]}),e[11]=N,e[12]=g,e[13]=k,e[14]=i,e[15]=o,e[16]=a,e[17]=h,e[18]=w,e[19]=x):x=e[19];let S;return e[20]!==c||e[21]!==d||e[22]!==x?(S=l.jsx(ae,{children:l.jsx(ke,{positioning:d,content:c,contentProps:m,children:x})}),e[20]=c,e[21]=d,e[22]=x,e[23]=S):S=e[23],S};ls.__docgenInfo={description:"",methods:[],displayName:"DateInput",props:{id:{required:!0,tsType:{name:"string"},description:""},defaultValue:{required:!0,tsType:{name:"string"},description:""},name:{required:!0,tsType:{name:"string"},description:""},min:{required:!1,tsType:{name:"string"},description:""},max:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: string) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},description:{required:!0,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},hideLabel:{required:!1,tsType:{name:"boolean"},description:""},tooltipPlacement:{required:!1,tsType:{name:"union",raw:'"top" | "right" | "bottom" | "left"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"right"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'}]},description:""},fullWidth:{required:!1,tsType:{name:"boolean"},description:""}}};function cs(t){t.key==="Enter"&&t.currentTarget.blur()}function us(t){t.key==="Enter"&&t.currentTarget.blur()}const rn=v.forwardRef(function(e,r){const n=ge.c(8);let a,o;n[0]!==e?({children:a,...o}=e,n[0]=e,n[1]=a,n[2]=o):(a=n[1],o=n[2]);let i;n[3]===Symbol.for("react.memo_cache_sentinel")?(i=l.jsxs(as,{children:[l.jsx(Yo,{children:l.jsx(Jo,{})}),l.jsx(ns,{})]}),n[3]=i):i=n[3];let s;return n[4]!==a||n[5]!==r||n[6]!==o?(s=l.jsxs(Ko,{ref:r,variant:"solid",...o,children:[i,a]}),n[4]=a,n[5]=r,n[6]=o,n[7]=s):s=n[7],s});rn.__docgenInfo={description:"",methods:[],displayName:"Slider"};const ds=t=>{const e=ge.c(35),{id:r,defaultValue:n,name:a,step:o,min:i,max:s,onChange:c,description:h,readOnly:u,hideLabel:p,hideSlider:C,tooltipPlacement:k,fullWidth:T}=t,N=o===void 0?1:o,w=p===void 0?!1:p,G=C===void 0?!1:C,V=k===void 0?"right":k,M=T===void 0?!1:T,[L,f]=v.useState(n),I=i!==void 0&&s!==void 0&&!G,g=M&&!I,d=v.useRef(null);let m;e[0]!==r||e[1]!==c?(m=y=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>c(r,y),540)},e[0]=r,e[1]=c,e[2]=m):m=e[2];const x=m;let S,P;e[3]!==n?(S=()=>{f(n)},P=[n],e[3]=n,e[4]=S,e[5]=P):(S=e[4],P=e[5]),v.useEffect(S,P);let O;e[6]!==V?(O={placement:V},e[6]=V,e[7]=O):O=e[7];let F;e[8]===Symbol.for("react.memo_cache_sentinel")?(F={padding:"xxs"},e[8]=F):F=e[8];let $;e[9]!==w||e[10]!==s||e[11]!==i||e[12]!==a||e[13]!==u||e[14]!==x||e[15]!==N||e[16]!==g||e[17]!==L?($=g?l.jsxs(ae,{mb:"sm",children:[!w&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",mb:"xs",children:a}),l.jsx(ot,{disabled:u,width:"100%",size:"sm",value:`${L}`,step:N,min:i,max:s,onValueChange:y=>{const q=Number.isNaN(y.valueAsNumber)?i??0:y.valueAsNumber;f(q),x(q)},children:l.jsx(st,{className:"nodrag",readOnly:u,placeholder:w?a:void 0,onKeyUp:hs})})]}):l.jsxs(ie,{alignItems:"center",justifyContent:"space-between",minHeight:"2rem",mb:"sm",children:[!w&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",children:a}),l.jsx(ot,{disabled:u,width:"5rem",size:"sm",value:`${L}`,step:N,min:i,max:s,onValueChange:y=>{const q=Number.isNaN(y.valueAsNumber)?i??0:y.valueAsNumber;f(q),x(q)},children:l.jsx(st,{className:"nodrag",readOnly:u,placeholder:w?a:void 0,onKeyUp:gs})})]}),e[9]=w,e[10]=s,e[11]=i,e[12]=a,e[13]=u,e[14]=x,e[15]=N,e[16]=g,e[17]=L,e[18]=$):$=e[18];let B;e[19]!==h||e[20]!==$||e[21]!==O?(B=l.jsx(ke,{positioning:O,content:h,contentProps:F,children:$}),e[19]=h,e[20]=$,e[21]=O,e[22]=B):B=e[22];let W;e[23]!==r||e[24]!==s||e[25]!==i||e[26]!==c||e[27]!==u||e[28]!==I||e[29]!==N||e[30]!==L?(W=I&&l.jsx(rn,{size:"sm",disabled:u,value:[L],step:N,min:i,max:s,onValueChange:y=>{f(y.value[0])},onValueChangeEnd:y=>{c(r,y.value[0])}}),e[23]=r,e[24]=s,e[25]=i,e[26]=c,e[27]=u,e[28]=I,e[29]=N,e[30]=L,e[31]=W):W=e[31];let j;return e[32]!==B||e[33]!==W?(j=l.jsxs(ae,{children:[B,W]}),e[32]=B,e[33]=W,e[34]=j):j=e[34],j};ds.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{id:{required:!0,tsType:{name:"string"},description:""},defaultValue:{required:!0,tsType:{name:"number"},description:""},name:{required:!0,tsType:{name:"string"},description:""},step:{required:!1,tsType:{name:"number"},description:""},min:{required:!1,tsType:{name:"number"},description:""},max:{required:!1,tsType:{name:"number"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: number) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:""},description:{required:!0,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},hideLabel:{required:!1,tsType:{name:"boolean"},description:""},hideSlider:{required:!1,tsType:{name:"boolean"},description:""},tooltipPlacement:{required:!1,tsType:{name:"union",raw:'"top" | "right" | "bottom" | "left"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"right"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'}]},description:""},fullWidth:{required:!1,tsType:{name:"boolean"},description:""}}};function hs(t){t.key==="Enter"&&t.currentTarget.blur()}function gs(t){t.key==="Enter"&&t.currentTarget.blur()}const ms=t=>{const e=ge.c(23),{id:r,defaultValue:n,name:a,options:o,onChange:i,description:s,readOnly:c,hideLabel:h,multiSelect:u,tooltipPlacement:p,placeholder:C,fullWidth:k}=t,T=h===void 0?!1:h,N=u===void 0?!1:u,w=p===void 0?"right":p,G=k===void 0?!1:k,[V,M]=v.useState(n),L=v.useRef(null),f=y=>{L.current&&clearTimeout(L.current),L.current=setTimeout(()=>i(r,y),540)};let E,I;e[0]!==n?(E=()=>{M(n)},I=[n],e[0]=n,e[1]=E,e[2]=I):(E=e[1],I=e[2]),v.useEffect(E,I);let g;e[3]!==N||e[4]!==V?(g=y=>N?Array.isArray(V)&&V.includes(y):V===y,e[3]=N,e[4]=V,e[5]=g):g=e[5];const d=g;let m;e[6]!==N||e[7]!==o||e[8]!==C||e[9]!==V?(m=()=>{if(N){const q=Array.isArray(V)?V:[];if(q.length===0)return C||"Select";const z=q.map(K=>o.find(ee=>ee.id===K)).filter(Boolean).map(ps);if(z.length<=3)return z.join(", ");{const K=z.slice(0,3).join(", "),ee=z.length-3;return`${K} +${ee}`}}return o.find(q=>q.id===V)?.name||"Select"},e[6]=N,e[7]=o,e[8]=C,e[9]=V,e[10]=m):m=e[10];const x=m,S=y=>{if(N){const q=Array.isArray(V)?V:[];let z;q.includes(y)?z=q.filter(K=>K!==y):z=[...q,y],M(z),f(z)}else M(y),f(y)},P=ae,O=ke;let F;e[11]!==w?(F={placement:w},e[11]=w,e[12]=F):F=e[12];let $;e[13]===Symbol.for("react.memo_cache_sentinel")?($={padding:"xxs"},e[13]=$):$=e[13];const B=G?l.jsxs(ae,{mb:"sm",children:[!T&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",mb:"xs",children:a}),l.jsxs(Ze,{closeOnSelect:!N,children:[l.jsx(et,{asChild:!0,children:l.jsx(it,{size:"sm",borderWidth:"1px",borderStyle:"solid",borderColor:"border.secondary",disabled:c,width:"100%",children:l.jsxs(ie,{alignItems:"center",justifyContent:"space-between",gap:"xs",w:"full",children:[l.jsx(ie,{alignItems:"center",gap:"xs",children:x()}),l.jsx(lt,{size:14})]})})}),l.jsx(tt,{children:l.jsx(rt,{children:o.map(y=>l.jsx(nt,{primaryLabel:y.name,onClick:()=>S(y.id),rightIcon:N&&d(y.id)?l.jsx(St,{size:12}):void 0},y.id))})})]})]}):l.jsxs(ie,{alignItems:"center",justifyContent:"space-between",minHeight:"2rem",mb:"sm",children:[!T&&l.jsx(oe,{textStyle:"label/S/medium",color:"foreground.secondary",children:a}),l.jsxs(Ze,{closeOnSelect:!N,children:[l.jsx(et,{asChild:!0,children:l.jsx(it,{size:"sm",borderWidth:"1px",borderStyle:"solid",borderColor:"border.secondary",disabled:c,children:l.jsxs(ie,{alignItems:"center",gap:"xs",children:[x(),l.jsx(lt,{size:14})]})})}),l.jsx(tt,{children:l.jsx(rt,{children:o.map(y=>l.jsx(nt,{primaryLabel:y.name,onClick:()=>S(y.id),rightIcon:N&&d(y.id)?l.jsx(St,{size:12}):void 0},y.id))})})]})]});let W;e[14]!==O||e[15]!==s||e[16]!==B||e[17]!==F||e[18]!==$?(W=l.jsx(O,{positioning:F,content:s,contentProps:$,children:B}),e[14]=O,e[15]=s,e[16]=B,e[17]=F,e[18]=$,e[19]=W):W=e[19];let j;return e[20]!==P||e[21]!==W?(j=l.jsx(P,{children:W}),e[20]=P,e[21]=W,e[22]=j):j=e[22],j};ms.__docgenInfo={description:"",methods:[],displayName:"SelectionInput",props:{id:{required:!0,tsType:{name:"string"},description:""},defaultValue:{required:!0,tsType:{name:"union",raw:"string | string[]",elements:[{name:"string"},{name:"Array",elements:[{name:"string"}],raw:"string[]"}]},description:""},name:{required:!0,tsType:{name:"string"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: string | string[]) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"union",raw:"string | string[]",elements:[{name:"string"},{name:"Array",elements:[{name:"string"}],raw:"string[]"}]},name:"value"}],return:{name:"void"}}},description:""},description:{required:!0,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},hideLabel:{required:!1,tsType:{name:"boolean"},description:""},multiSelect:{required:!1,tsType:{name:"boolean"},description:""},tooltipPlacement:{required:!1,tsType:{name:"union",raw:'"top" | "right" | "bottom" | "left"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"right"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},fullWidth:{required:!1,tsType:{name:"boolean"},description:""}}};function ps(t){return t.name}export{is as C,ls as D,ds as N,ms as S,zo as a};