https://pika.style/_next/static/chunks/1594.d3d6bac9cc126038.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1594],{21321:(e,t,a)=>{"use strict";a.d(t,{sk:()=>eX});var r=a(76430),l=a(16726),n=a(75038);a(54569);var o={width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},s=e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("path",{d:"M10.2 2.8a1.9 1.9 0 0 1 2.7 2.7l-1.3 1.3.6.6-1.1 1.1-3.6-3.6 1.1-1.1.6.6z"}),(0,n.jsx)("path",{d:"M7.6 4.9 3.2 9.3a1.5 1.5 0 0 0-.4.8l-.3 2.4 2.4-.3a1.5 1.5 0 0 0 .8-.4l4.4-4.4"})]}),i=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M3 5.5h9.5M10 3l2.5 2.5L10 8M13 10.5H3.5M6 8l-2.5 2.5L6 13"})}),d=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M3 4.5h10M6.5 4.5V3h3v1.5M4.5 4.5l.6 8a1 1 0 0 0 1 .9h3.8a1 1 0 0 0 1-.9l.6-8"})}),c=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M8 3.5v9M3.5 8h9"})}),u=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M4.5 4.5l7 7M11.5 4.5l-7 7"})}),p=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M5 6.5l3 3 3-3"})}),h=e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("path",{d:"M3.5 8.5l3 3 6-7"})}),m=e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("rect",{x:"5.5",y:"5.5",width:"7.5",height:"7.5",rx:"1.5"}),(0,n.jsx)("path",{d:"M10.5 5.5V4a1.5 1.5 0 0 0-1.5-1.5H4A1.5 1.5 0 0 0 2.5 4v5A1.5 1.5 0 0 0 4 10.5h1.5"})]}),f=e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("circle",{cx:"7",cy:"7",r:"4.25"}),(0,n.jsx)("path",{d:"M10.2 10.2l3.3 3.3"})]}),g=e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("circle",{cx:"3.5",cy:"8",r:"1",fill:"currentColor",stroke:"none"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"1",fill:"currentColor",stroke:"none"}),(0,n.jsx)("circle",{cx:"12.5",cy:"8",r:"1",fill:"currentColor",stroke:"none"})]}),v=e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"1.25",fill:"currentColor",stroke:"none"})]}),b=(0,r.createContext)(null);function x(){let e=(0,r.useContext)(b);if(!e)throw Error("Colorshot parts must be rendered inside <Picker.Root> or <ColorPicker>.");return e}var y="u"<typeof window?r.useEffect:r.useLayoutEffect;function w(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||"object"!=typeof t||!e||!t)return!1;let a=Object.keys(e);return a.length===Object.keys(t).length&&a.every(a=>Object.is(e[a],t[a]))}function k(e,t=w){let{store:a}=x(),l=(0,r.useRef)(null),n=(0,r.useRef)(e);n.current=e;let o=()=>{let e=n.current(a.getState());return l.current&&t(l.current.value,e)?l.current.value:(l.current={value:e},e)};return(0,r.useSyncExternalStore)(a.subscribe,o,o)}var j={picker:"Color picker",fillType:"Fill type",solid:"Solid",linear:"Linear",radial:"Radial",conic:"Conic",area:"Saturation and brightness",areaOklch:"Lightness and chroma",areaValue:"Saturation {saturation}%, brightness {brightness}%",areaOklchValue:"Lightness {lightness}%, chroma {chroma}",hue:"Hue",alpha:"Opacity",degrees:"{value} degrees",stops:"Gradient stops",stop:"Color stop",stopName:"Color stop {index} of {count}",addStopHint:"Click to add a stop",addStop:"Add stop",stopAdded:"Stop added",stopRemoved:"Stop removed",angle:"Angle",reverse:"Reverse stops",repeating:"Repeat",moreOptions:"More gradient options",stopPosition:"Stop position",removeStop:"Remove stop",backspace:"Backspace",shape:"Shape",circle:"Circle",ellipse:"Ellipse",size:"Size",farthestCorner:"Farthest corner",farthestSide:"Farthest side",closestCorner:"Closest corner",closestSide:"Closest side",center:"Center",centerValue:"{x}% from the left, {y}% from the top",resetCenter:"Center it",interpolation:"Blend colors in",linearRgb:"Linear RGB",longHue:"{space}, long hue",eyeDropper:"Pick a color from the screen",format:"Color format",hexColor:"Hex color",invalidColor:"Not a color. The value was kept.",red:"Red",green:"Green",blue:"Blue",saturation:"Saturation",lightness:"Lightness",brightness:"Brightness",chroma:"Chroma",greenRed:"Green to red",blueYellow:"Blue to yellow",cyan:"Cyan",magenta:"Magenta",yellow:"Yellow",black:"Black",outOfGamut:"Outside sRGB. Click to fit.",original:"Original color. Click to restore.",copy:"Copy CSS value",copied:"Copied",pasted:"Pasted",addSwatch:"Save current color",removeSwatch:"Remove",renameSwatch:"Name this color",swatchGroups:"Swatch groups",swatchGroup:"Colors",emptyWithAdd:"Nothing here yet. + saves the current color.",emptyGroup:"No colors yet.",showAll:"Show all",showAllCount:"Show all {count}",showLess:"Show less",searchSwatches:"Search colors",closeSearch:"

1Close search",noMatches:"No colors match",gradients:"Gradients",contrast:"Contrast",unsupported:"This value can't be edited here. Picking a color replaces it.",none:"None",gradientValue:"{type} gradient"},S=(e,t)=>e.replace(/\{(\w+)\}/g,(e,a)=>a in t?String(t[a]):e);function C({toaster:e}){let t=(0,r.useSyncExternalStore)(e.subscribe,e.get,e.get);return(0,n.jsx)("span",{"data-part":"toast",role:"status","aria-live":"polite","data-state":t&&!t.quiet?"visible":"hidden",children:t&&(t.quiet?t.text:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h,{})," ",t.text]}))})}var M=e=>!!e?.closest?.("input, textarea, [contenteditable='true']"),A=(0,r.forwardRef)(({value:e,defaultValue:t,onChange:a,onChangeComplete:o,modes:s,outputFormat:i,defaultColor:d,defaultGradient:c,labels:u,theme:p,storageKey:h="colorshot",space:m="hsv",history:f,size:g,shortcuts:v=!0,className:x,style:k,children:S,...A},D)=>{let R,E,L,$,N,I=(0,r.useRef)(null);I.current||(R=()=>{try{return null!==h&&"u">typeof localStorage}catch{return!1}},I.current={get(e){if(!R())return null;try{return localStorage.getItem(`${h}:${e}`)}catch{return null}},set(e,t){if(R())try{localStorage.setItem(`${h}:${e}`,t)}catch{}}});let T=I.current,F=(0,r.useRef)(null);F.current||(F.current=(e=>{let t=[],a=new Set;try{let a=JSON.parse(e.get("recent")??"[]");Array.isArray(a)&&(t=a.filter(e=>"string"==typeof e&&(0,l.uS)(e)).slice(0,16))}catch{}return{list:()=>t,push(r){if(!r||r.length>512||!(0,l.uS)(r))return;let n=(0,l.dB)(r);t=[r,...t.filter(e=>(0,l.dB)(e)!==n)].slice(0,16),e.set("recent",JSON.stringify(t)),a.forEach(e=>e())},subscribe:e=>(a.add(e),()=>a.delete(e))}})(T));let H=F.current,W=(0,r.useRef)(null);W.current||(L=null,$=new Set,N=()=>$.forEach(e=>e()),W.current={get:()=>L,show(e,t=!1){L={text:L?.text===e?`${e}\xa0`:e,quiet:t},N(),clearTimeout(E),E=setTimeout(()=>{L=null,N()},1400)},subscribe:e=>($.add(e),()=>$.delete(e))});let O=W.current,K=(0,r.useRef)(null);K.current||(K.current=(0,l.createPicker)({value:e??t??"",modes:s,outputFormat:i,defaultColor:d,defaultGradient:c,history:f}));let q=K.current;q.setOptions({modes:s,outputFormat:i,defaultColor:d,defaultGradient:c,onChange:a,history:f,onChangeComplete:e=>{H.push(e),o?.(e)}}),y(()=>{void 0!==e&&q.setValue(e)},[e,q]);let P=()=>q.getState().mode,_=(0,r.useSyncExternalStore)(q.subscribe,P,P),[B,z]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=requestAnimationFrame(()=>e=requestAnimationFrame(()=>z(!0)));return()=>cancelAnimationFrame(e)},[]);let G=(0,r.useRef)(0),V=(0,r.useRef)(null);V.current&&w(V.current.source,u)||(V.current={source:u,merged:{...j,...u}});let U=V.current.merged,Y=(0,r.useMemo)(()=>({store:q,labels:U,recent:H,space:m,hueMemory:G,storage:T,notify:O.show}),[q,U,H,m,T,O]);return(0,n.jsx)(b.Provider,{value:Y,children:(0,n.jsxs)("div",{ref:D,role:"group","aria-label":U.picker,"data-colorshot":"","data-part":"root","data-theme":p,"data-size":g,"data-mode":_,"data-settled":B?"":void 0,className:x,style:k,...A,onKeyDown:e=>{if(A.onKeyDown?.(e),"Escape"===e.key&&(e=>{let t=new Set(e.querySelectorAll("[data-tooltip]:hover")),a=document.activeElement;for(let r of(a instanceof HTMLElement&&"tooltip"in a.dataset&&e.contains(a)&&t.add(a),t)){if("tooltipHidden"in r.dataset)continue;r.dataset.tooltipHidden="";let e=()=>{delete r.dataset.tooltipHidden,r.removeEventListener("pointerleave",e),r.removeEventListener("blur",e)};r.addEventListener("pointerleave",e),r.addEventListener("blur",e)}})(e.currentTarget),e.defaultPrevented||M(e.target))return;let t=e.metaKey||e.ctrlKey;if(f&&t&&"z"===e.key.toLowerCase())return void((e.shiftKey?q.redo():q.undo())&&e.preventDefault());if(!v||t||e.altKey)return;let a=Number(e.key)-1;if(Number.isInteger(a)&&a>=0&&a<q.modes.length)e.preventDefault(),q.setMode(q.modes[a]),q.commit(),O.show(U[q.modes[a]],!0);else if("i"===e.key.toLowerCase()){let t=e.currentTarget.querySelector("[data-part='eye-dropper']");t&&(e.preventDefault(),t.click())}},onCopy:e=>{A.onCopy?.(e),e.defaultPrevented||M(e.target)||window.getSelection()?.toString()||(e.preventDefault(),e.clipboardData.setData("text/plain",q.getState().value),O.show(U.copied))},onPaste:e=>{if(A.onPaste?.(e),e.defaultPrevented||M(e.target))return;let t=e.clipboardData.getData("text/plain").trim();t&&q.setCss(t)&&(e.preventDefault(),q.commit(),O.show(U.pasted))},onPointerDown:e=>{A.onPointerDown?.(e);let t=e.target.closest("button");t&&!t.disabled&&document.activeElement!==t&&t.focus({preventScroll:!0,focusVisible:!1})},children:[S,(0,n.jsx)(C,{toaster:O})]})})}),D=0,R=!1;function E(e){let t=(0,r.useRef)(e);t.current=e;let a=(0,r.useRef)(null),l=(0,r.useRef)(null),n=(0,r.useCallback)(e=>{let r,n,o,s,i,d,c,u,p,h,m,f,g,v,b,x,y,w,k;l.current?.(),l.current=null,a.current=e,e&&(r=null,n=-1,o=0,s=null,i=null,d=0,c=e=>{let t=r,a=t.width-2*d;return{x:a>0?Math.min(1,Math.max(0,(e.clientX-t.left-d)/a)):0,y:t.height?Math.min(1,Math.max(0,(e.clientY-t.top)/t.height)):0,clientX:e.clientX,clientY:e.clientY,rect:t,event:e}},u=()=>{if(o=0,!s)return;let a=r;s.clientX<a.left||s.clientX>a.right||s.clientY<a.top||s.clientY>a.bottom?e.dataset.outside="":delete e.dataset.outside,i=c(s),s=null,t.current.onMove?.(i)},p=a=>{if(0!==a.button||-1!==n)return;r=e.getBoundingClientRect();let l=t.current.inset;d="function"==typeof l?l(e):l??0;let o=c(a);if(!1!==t.current.onStart?.(o)){a.preventDefault(),n=a.pointerId;try{e.setPointerCapture(n)}catch{}e.dataset.dragging="","manualFocus"in e.dataset||e.querySelector("[role=slider][tabindex='0']")?.focus({preventScroll:!0}),i=o,t.current.onMove?.(o)}},h=e=>{e.pointerId===n&&(s=e,o||(o=requestAnimationFrame(u)))},m=a=>{a.pointerId===n&&(o&&cancelAnimationFrame(o),s&&u(),n=-1,delete e.dataset.dragging,delete e.dataset.outside,t.current.onEnd?.("pointercancel"===a.type?null:i),i=null,r=null)},g=null,v=!1,b=0,x=null,y=()=>{b=0;let e=x;x=null,e&&(v=!!t.current.onWheel?.(e))},w=()=>{cancelAnimationFrame(b),y(),g=null,v=!1,delete e.dataset.wheeling,t.current.onWheelEnd?.()}

1,k=a=>{let r=t.current;if(!r.onWheel||a.ctrlKey||a.timeStamp-D<250)return;let l=1===a.deltaMode?16:2===a.deltaMode?100:1,n=-a.deltaX*l,o=a.deltaY*l;if(!g){let t=e.getBoundingClientRect(),a="function"==typeof r.inset?r.inset(e):r.inset??0;g=new DOMRect(t.left+a,t.top,Math.max(1,t.width-2*a),t.height)}if(v)x={dx:n+(x?.dx??0),dy:o+(x?.dy??0),rect:g,event:a},b||(b=requestAnimationFrame(y));else if(!(v=!!r.onWheel({dx:n,dy:o,rect:g,event:a})))return void(g=null);a.preventDefault(),e.dataset.wheeling="",clearTimeout(f),f=setTimeout(w,220)},t.current.onWheel&&(R||"u"<typeof window||(R=!0,window.addEventListener("wheel",e=>{e.target?.closest?.("[data-wheel]")||(D=e.timeStamp)},{capture:!0,passive:!0})),e.dataset.wheel="",e.addEventListener("wheel",k,{passive:!1})),e.addEventListener("pointerdown",p),e.addEventListener("pointermove",h),e.addEventListener("pointerup",m),e.addEventListener("pointercancel",m),l.current=()=>{o&&cancelAnimationFrame(o),b&&cancelAnimationFrame(b),clearTimeout(f),e.removeEventListener("wheel",k),e.removeEventListener("pointerdown",p),e.removeEventListener("pointermove",h),e.removeEventListener("pointerup",m),e.removeEventListener("pointercancel",m)})},[]);return Object.defineProperty(n,"current",{get:()=>a.current,configurable:!0}),n}function L(e,t,a){let r=e.shiftKey?a:t;switch(e.key){case"ArrowRight":case"ArrowUp":return r;case"ArrowLeft":case"ArrowDown":return-r;case"PageUp":return a;case"PageDown":return-a;default:return null}}var $=e=>"rtl"===getComputedStyle(e).direction,N=e=>(e.querySelector("[data-part$='thumb']")?.offsetWidth??0)/2,I=e=>parseFloat(getComputedStyle(e).paddingLeft)||0;function T(e,t){let a=e.getBoundingClientRect(),r=I(e),l=a.width-2*r;return l>0?Math.min(1,Math.max(0,(t-a.left-r)/l)):0}function F(){let e=null,t=null,a=0,r=0,l=()=>t=null,n=e=>{let t=e?"addEventListener":"removeEventListener";window[t]("scroll",l,!0),window[t]("resize",l)},o=()=>{if(r=0,e&&!("dragging"in e.dataset)){if(!t){let a=e.getBoundingClientRect(),r=I(e);t=[a.left+r,a.width-2*r]}e.style.setProperty("--_cs-hover-x",String(t[1]>0?Math.min(1,Math.max(0,(a-t[0])/t[1])):0))}},s=()=>{cancelAnimationFrame(r),r=0,e&&n(!1),e=t=null};return{move(t,l){"dragging"in t.dataset||(t!==e&&(s(),e=t,n(!0)),a=l,r||(r=requestAnimationFrame(o)))},leave:s}}function H(){let{hueMemory:e}=x();return k(t=>{let[a,r,n]=(0,l.C6)(t.color,"oklch").coords,o=n;return Number.isNaN(n)||r<1e-4?o=e.current:e.current=n,{l:Math.min(1,Math.max(0,a)),c:Math.max(0,r),h:o,a:t.color.alpha}})}var W=null;function O(e,t,a){let r=(()=>{if(null!==W)return W;try{let e=document.createElement("canvas").getContext("2d",{colorSpace:"display-p3"});W=!!(e&&"display-p3"===e.getContextAttributes?.()?.colorSpace)}catch{W=!1}return W})()&&matchMedia("(color-gamut: p3)").matches?"display-p3":"srgb";e.width!==a&&(e.width=a,e.height=a);let n=e.getContext("2d",{colorSpace:r});if(!n)return;let o=n.createImageData(a,a,{colorSpace:r}),s=o.data;for(let e=0;e<a;e++){let n=1-e/(a-1);for(let o=0;o<a;o++){let i=(0,l.gh)((0,l.n0)({space:"oklch",coords:[n,o/(a-1)*.4,t],alpha:1}),r),d=i[0]>=-.001&&i[0]<=1.001&&i[1]>=-.001&&i[1]<=1.001&&i[2]>=-.001&&i[2]<=1.001,c=4*(e*a+o);for(let e=0;e<3;e++){let t=Math.min(1,Math.max(0,i[e]));s[c+e]=Math.round(255*(d?t:.62*t))}s[c+3]=255}}n.putImageData(o,0,0)}var K="u">typeof window&&"requestIdleCallback"in window?e=>window.requestIdleCallback(e,{timeout:120}):e=>window.setTimeout(e,16),q=(0,r.memo)(({className:e,style:t})=>{let{store:a,labels:o,hueMemory:s}=x(),{l:i,c:d,h:c,a:u}=H(),p=(0,r.useRef)(null),h=(0,r.useRef)(null),m=(0,r.useRef)(null),f=Math.round(2*c)/2;(0,r.useEffect)(()=>{if(m.current===f||!p.current)return;let e=0,t=requestAnimationFrame(()=>{p.current&&(O(p.current,f,24),h.current?.setAttribute("d",(e=>{let t=[];for(let a=0;a<=48;a++){let r=1-a/48,n=0,o=.4;for(let t=0;t<14;t++){let t=(n+o)/2;(0,l.Az)({space:"oklch",coords:[r,t,e],alpha:1})?n=t:o=t}t.push(`${(0,l.bu)(n/.4,4)},${(0,l.bu)(a/48,4)}`)}return`M${t.join(" L")}`})(f)),e=K(()=>{p.current&&O(p.current,f,128),m.current=f}))});return()=>{var a;cancelAnimationFrame(t),e&&(a=e,"u">typeof window&&"cancelIdleCallback"in window?window.cancelIdleCallback(a):clearTimeout(a))}},[f]);let g=(e,t)=>

1{s.current=c,a.setColor({space:"oklch",coords:[e,t,c],alpha:0===u?1:u})},v=E({onStart:e=>!e.event.target.closest("[data-part='gamut-badge']")&&void 0,onMove:e=>g(1-e.y,.4*e.x),onEnd:()=>a.commit(),onWheel:({dx:e,dy:t,rect:r})=>{let[n,o]=(0,l.C6)(a.getState().color,"oklch").coords;return g(Math.min(1,Math.max(0,n+t/r.height)),Math.min(.4,Math.max(0,(Number.isNaN(o)?0:o)+e/r.width*.4))),!0},onWheelEnd:()=>a.commit()}),b=`oklch(${(0,l.bu)(i,4)} ${(0,l.bu)(d,4)} ${(0,l.bu)(c,2)})`,y=(0,l.Az)({space:"oklch",coords:[i,d,c],alpha:1},"srgb")?null:(0,l.Az)({space:"oklch",coords:[i,d,c],alpha:1},"display-p3")?"P3":"Wide";return(0,n.jsxs)("div",{ref:v,"data-part":"area","data-space":"oklch","data-label-below":i>.82?"":void 0,className:e,style:{"--_cs-x":Math.min(1,d/.4),"--_cs-y":1-i,"--_cs-thumb-color":b,...t},children:[(0,n.jsx)("canvas",{ref:p,"data-part":"area-canvas",width:128,height:128,"aria-hidden":!0}),(0,n.jsx)("svg",{"data-part":"area-edge",viewBox:"0 0 1 1",preserveAspectRatio:"none","aria-hidden":!0,children:(0,n.jsx)("path",{ref:h,vectorEffect:"non-scaling-stroke"})}),(0,n.jsx)("div",{"data-part":"area-thumb",role:"slider",tabIndex:0,"aria-label":o.areaOklch,"aria-valuetext":S(o.areaOklchValue,{lightness:Math.round(100*i),chroma:(0,l.bu)(d,3)}),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*i),onKeyDown:e=>{let t=L(e,.01,.1);null!==t&&(e.preventDefault(),"ArrowLeft"===e.key||"ArrowRight"===e.key?g(i,Math.min(.4,Math.max(0,d+.4*t))):g(Math.min(1,Math.max(0,i+t)),d))},onKeyUp:()=>a.commit()}),(0,n.jsx)("span",{"data-part":"area-label","aria-hidden":!0,children:`${Math.round(100*i)}% ${(0,l.bu)(d,3)} ${Math.round(c)}\xb0`}),y&&(0,n.jsx)("button",{type:"button","data-part":"gamut-badge",title:o.outOfGamut,"aria-label":`${y}: ${o.outOfGamut}`,onClick:()=>{a.setColor({space:"oklch",coords:[i,Math.min(d,function(e,t){let a=0,r=.4;for(let n=0;n<16;n++){let n=(a+r)/2;(0,l.Az)({space:"oklch",coords:[e,n,t],alpha:1})?a=n:r=n}return a}(i,c)),c],alpha:u}),a.commit()},children:y})]})}),P=`linear-gradient(90deg, ${Array.from({length:13},(e,t)=>`oklch(0.72 0.16 ${30*t}) ${(0,l.bu)(t/12*100,2)}%`).join(", ")})`;function _(e){let{contrastWith:t,...a}=e;return"oklch"===x().space?(0,n.jsx)(q,{...a}):(0,n.jsx)(z,{...e})}var B=e=>e<=.04045?e/12.92:((e+.055)/1.055)**2.4,z=(0,r.memo)(({className:e,style:t,contrastWith:a})=>{let{store:o,labels:s}=x(),{h:i,s:d,v:c}=k(e=>({h:e.hsva.h,s:e.hsva.s,v:e.hsva.v})),u=k(e=>(0,l.Az)(e.color,"srgb")?null:(0,l.Az)(e.color,"display-p3")?"P3":"Wide"),p=k(e=>(0,l.N7)(e.color)),h=Math.round(i),m=(0,r.useMemo)(()=>a?((e,t)=>{let a=(0,l.H0)(t);if(!a)return null;let r=(0,l.Nk)({...a.color,alpha:1})+.05,n=(t,a)=>{let[n,o,s]=(0,l.Me)(e,t,a),i=.2126*B(n)+.7152*B(o)+.0722*B(s)+.05;return i>r?i/r:r/i},o=[];for(let e=0;e<=24;e++){let t=e/24,a=n(t,0)>=4.5;if(a===n(t,1)>=4.5)continue;let r=0,s=1;for(let e=0;e<14;e++){let e=(r+s)/2;n(t,e)>=4.5===a?r=e:s=e}o.push(`${(0,l.bu)(t,4)},${(0,l.bu)(1-(r+s)/2,4)}`)}return o.length>1?`M${o.join(" L")}`:null})(h,a):null,[h,a]),f=E({onStart:e=>!e.event.target.closest("[data-part='gamut-badge']")&&void 0,onMove:e=>o.setHsva({s:e.x,v:1-e.y}),onEnd:()=>o.commit(),onWheel:({dx:e,dy:t,rect:a})=>{let r=o.getState().hsva;return o.setHsva({s:Math.min(1,Math.max(0,r.s+e/a.width)),v:Math.min(1,Math.max(0,r.v+t/a.height))}),!0},onWheelEnd:()=>o.commit()}),g={"--_cs-area-hue":`hsl(${i} 100% 50%)`,"--_cs-x":d,"--_cs-y":1-c,"--_cs-thumb-color":((e,t,a)=>{let[r,n,o]=(0,l.Me)(e,t,a);return`rgb(${Math.round(255*r)} ${Math.round(255*n)} ${Math.round(255*o)})`})(i,d,c),...t};return(0,n.jsxs)("div",{ref:f,"data-part":"area","data-label-below":c>.82?"":void 0,className:e,style:g,children:[(0,n.jsx)("div",{"data-part":"area-thumb",role:"slider",tabIndex:0,"aria-label":s.area,"aria-valuetext":S(s.areaValue,{saturation:Math.round(100*d),brightness:Math.round(100*c)}),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*d),onKeyDown:e=>{let t=L(e,.01,.1);null!==t&&(e.preventDefault(),"ArrowLeft"===e.key||"ArrowRight"===e.key?o.setHsva({s:Math.min(1,Math.max(0,d+t))}):o.setHsva({v:Math.min(1,Math.max(0,c+t))}))},onKeyUp:()=>o.commit()}),m&&(0,n.jsx)("svg",{"data-part":"area-contrast",viewBox:"0 0 1 1",preserveAspectRatio:"none","aria-hidden":!0,

1children:(0,n.jsx)("path",{d:m,vectorEffect:"non-scaling-stroke"})}),(0,n.jsxs)("span",{"data-part":"area-label","aria-hidden":!0,children:["#",p]}),u&&(0,n.jsx)("button",{type:"button","data-part":"gamut-badge",title:s.outOfGamut,"aria-label":`${u}: ${s.outOfGamut}`,onClick:()=>{o.setColor((0,l.IS)(o.getState().color,"srgb")),o.commit()},children:u})]})});function G({value:e,read:t,onValue:a,onCommit:r,background:l,thumbColor:o,label:s,valueText:i,max:d=100,part:c,className:u,style:p,checker:h}){let m=E({inset:N,onMove:e=>a(e.x),onEnd:r,onWheel:({dx:e,dy:r,rect:l})=>!(Math.abs(e)<=Math.abs(r)||(a(Math.min(1,Math.max(0,t()+e/l.width))),0)),onWheelEnd:r});return(0,n.jsx)("div",{ref:m,"data-part":c,"data-slider":"","data-checker":h?"":void 0,className:u,style:{"--_cs-track":l,"--_cs-x":e,"--_cs-thumb-color":o,...p},children:(0,n.jsx)("div",{"data-part":"slider-thumb",role:"slider",tabIndex:0,"aria-label":s,"aria-valuemin":0,"aria-valuemax":d,"aria-valuenow":Math.round(e*d),"aria-valuetext":i,onKeyDown:t=>{let r=L(t,.01,.1),l=null===r?null:e+r;"Home"===t.key&&(l=0),"End"===t.key&&(l=1),null!==l&&(t.preventDefault(),a(Math.min(1,Math.max(0,l))))},onKeyUp:r})})}function V(e){return"oklch"===x().space?(0,n.jsx)(U,{...e}):(0,n.jsx)(Y,{...e})}var U=(0,r.memo)(e=>{let{store:t,labels:a,hueMemory:r}=x(),{l:o,c:s,h:i,a:d}=H();return(0,n.jsx)(G,{...e,part:"hue",value:i/360,read:()=>r.current/360,onValue:e=>{r.current=360*e,t.setColor({space:"oklch",coords:[o,s,360*e],alpha:0===d?1:d})},onCommit:()=>t.commit(),background:P,thumbColor:`oklch(0.72 0.16 ${(0,l.bu)(i,1)})`,label:a.hue,max:360,valueText:S(a.degrees,{value:Math.round(i)})})}),Y=(0,r.memo)(e=>{let{store:t,labels:a}=x(),r=k(e=>e.hsva.h);return(0,n.jsx)(G,{...e,part:"hue",value:r/360,read:()=>t.getState().hsva.h/360,onValue:e=>t.setHsva({h:360*e}),onCommit:()=>t.commit(),background:"linear-gradient(90deg, #f00 0%, #ff0 16.67%, #0f0 33.33%, #0ff 50%, #00f 66.67%, #f0f 83.33%, #f00 100%)",thumbColor:`hsl(${r} 100% 50%)`,label:a.hue,max:360,valueText:S(a.degrees,{value:Math.round(r)})})}),X=(0,r.memo)(e=>{let{store:t,labels:a}=x(),{h:r,s:o,v:s,a:i}=k(e=>e.hsva),[d,c,u]=(0,l.Me)(r,o,s),p=(0,l.ZA)({space:"srgb",coords:[d,c,u],alpha:1},"rgb",{legacy:!1}),h=(0,l.ZA)({space:"srgb",coords:[d,c,u],alpha:0},"rgb",{legacy:!1}),m=(0,l.ZA)({space:"srgb",coords:[d,c,u],alpha:i},"rgb",{legacy:!1});return(0,n.jsx)(G,{...e,part:"alpha",checker:!0,value:i,read:()=>t.getState().hsva.a,onValue:e=>t.setHsva({a:Math.round(1e3*e)/1e3}),onCommit:()=>t.commit(),background:`linear-gradient(90deg, ${h}, ${p})`,thumbColor:m,label:a.alpha,valueText:`${Math.round(100*i)}%`})}),J={solid:e=>(0,n.jsx)("svg",{...o,...e,children:(0,n.jsx)("rect",{x:"3",y:"3",width:"10",height:"10",rx:"2.5",fill:"currentColor",stroke:"none"})}),linear:e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("linearGradient",{id:"cs-i-lin",x1:"0",x2:"1",y1:"0",y2:"0",children:[(0,n.jsx)("stop",{offset:"0",stopColor:"currentColor"}),(0,n.jsx)("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"0.1"})]})}),(0,n.jsx)("rect",{x:"3",y:"3",width:"10",height:"10",rx:"2.5",fill:"url(#cs-i-lin)",stroke:"currentColor",strokeOpacity:"0.35"})]}),radial:e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("radialGradient",{id:"cs-i-rad",children:[(0,n.jsx)("stop",{offset:"0",stopColor:"currentColor"}),(0,n.jsx)("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"0.1"})]})}),(0,n.jsx)("rect",{x:"3",y:"3",width:"10",height:"10",rx:"2.5",fill:"url(#cs-i-rad)",stroke:"currentColor",strokeOpacity:"0.35"})]}),conic:e=>(0,n.jsxs)("svg",{...o,...e,children:[(0,n.jsx)("rect",{x:"3",y:"3",width:"10",height:"10",rx:"2.5",stroke:"currentColor",strokeOpacity:"0.35"}

1),(0,n.jsx)("path",{d:"M8 8V3a5 5 0 0 1 5 5z",fill:"currentColor",stroke:"none"}),(0,n.jsx)("path",{d:"M8 8h5a5 5 0 0 1-5 5z",fill:"currentColor",fillOpacity:"0.55",stroke:"none"}),(0,n.jsx)("path",{d:"M8 8v5a5 5 0 0 1-5-5z",fill:"currentColor",fillOpacity:"0.25",stroke:"none"})]})},Z=(0,r.memo)(({className:e,style:t,showLabels:a=!0,showIcons:r=!1})=>{let{store:l,labels:o}=x(),s=k(e=>e.mode),i=l.modes;if(i.length<2)return null;let d=Math.max(0,i.indexOf(s)),c=e=>{l.setMode(e),l.commit()};return(0,n.jsxs)("div",{"data-part":"mode-tabs",role:"radiogroup","aria-label":o.fillType,"data-labels":a?"":void 0,className:e,style:{"--_cs-index":d,"--_cs-count":i.length,...t},onKeyDown:e=>{let t,a=$(e.currentTarget);"ArrowDown"===e.key||e.key===(a?"ArrowLeft":"ArrowRight")?t=i[(d+1)%i.length]:"ArrowUp"===e.key||e.key===(a?"ArrowRight":"ArrowLeft")?t=i[(d-1+i.length)%i.length]:"Home"===e.key?t=i[0]:"End"===e.key&&(t=i[i.length-1]),t&&(e.preventDefault(),c(t),e.currentTarget.querySelector(`[data-mode="${t}"]`)?.focus())},children:[(0,n.jsx)("span",{"data-part":"mode-indicator","aria-hidden":!0}),i.map(e=>{let t=J[e],l=e===s;return(0,n.jsxs)("button",{type:"button",role:"radio","data-mode":e,"aria-checked":l,"aria-label":a?void 0:o[e],"data-state":l?"active":"inactive","data-tooltip":a?void 0:o[e],tabIndex:l?0:-1,onClick:()=>

1c(e),children:[(r||!a)&&(0,n.jsx)(t,{}),a&&(0,n.jsx)("span",{"data-part":"mode-label",children:o[e]})]},e)})]})}),Q=["linear-gradient(135deg, #667eea 0%, #764ba2 100%)","linear-gradient(135deg, #f093fb 0%, #f5576c 100%)","linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)","linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)","linear-gradient(135deg, #fa709a 0%, #fee140 100%)","linear-gradient(135deg, #30cfd0 0%, #330867 100%)","linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%)","linear-gradient(135deg, #0f172a 0%, #334155 100%)","radial-gradient(circle at 30% 30%, #fde68a 0%, #f97316 100%)","conic-gradient(from 0deg, #ef4444, #f59e0b, #22c55e, #3b82f6, #a855f7, #ef4444)"],ee=["#000000","#545454","#a6a6a6","#ffffff","#ef4444","#f97316","#f59e0b","#eab308","#84cc16","#22c55e","#14b8a6","#06b6d4","#3b82f6","#6366f1","#8b5cf6","#d946ef","#ec4899","#f43f5e"],et=e=>e&&"object"==typeof e?e:{value:e},ea="application/x-colorshot-color",er="application/x-colorshot-swatch",el=[],en=()=>el,eo=()=>0,es=()=>()=>{},ei=e=>e&&"object"==typeof e?`${e.value}\0${e.id??""}\0${e.label??""}`:String(e),ed=new WeakMap;function ec(e){if(!e||"default"===e)return e??"";let t=ed.get(e);return void 0===t&&ed.set(e,t=e.map(ei).join("\x01")),t}var eu=["onAdd","onRemove","onReorder","onRename","renderSwatch"];function ep(e,t){return e===t||e.id===t.id&&Object.is(e.label,t.label)&&Object.is(e.emptyText,t.emptyText)&&e.limit===t.limit&&e.showIn===t.showIn&&!!e.recent==!!t.recent&&eu.every(a=>!e[a]==!t[a])&&(e.colors===t.colors||ec(e.colors)===ec(t.colors))}function eh(e){let t=(0,r.useRef)(e);t.current=e;let a=(0,r.useRef)(null),l=a.current;if(!l||l.source.length!==e.length||!e.every((e,t)=>ep(l.source[t],e))){let r=e=>t.current.find(t=>t.id===e);a.current={source:e,groups:e.map(e=>((e,t)=>{let a={...e};for(let r of eu)e[r]&&(a[r]=(...a)=>t(e.id)?.[r]?.(...a));return a})(e,r))}}return a.current.groups}var em=null,ef="",eg="[data-part='swatch']",ev=(0,r.memo)(({group:e,query:t,tabbed:a,action:o,panelId:s,tabId:i})=>{let{store:d,labels:p}=x(),h=k(e=>"solid"===e.mode),m=(e=>{let{store:t,recent:a}=x(),n=(0,r.useSyncExternalStore)(e.recent?a.subscribe:es,e.recent?a.list:en,en),o=(()=>{let{store:e}=x(),t=e.modes;return e=>!("string"!=typeof e||!(0,l.uS)(e))&&((0,l.bn)(e)?(0,l.ah)(e).every(e=>"gradient"===e.kind&&t.includes(e.gradient.type)):null!==(0,l.H0)(e))})(),s=e.recent?n:"default"===e.colors?ee:e.colors??[];return(0,r.useMemo)(()=>s.map(et).filter(e=>"string"==typeof e.value&&""!==e.value&&o(e.value)).map(e=>{let t=(0,l.bn)(e.value)?null:(0,l.H0)(e.value);return{...e,key:(0,l.dB)(e.value),hex:t?(0,l.N7)(t.color):"",gradient:!t}}),[s.map(ei).join("\x01"),t.modes.join()])})(e),f=(0,r.useMemo)(()=>new Set(m.map(e=>e.key)),[m]),g=k(e=>{var t;let a=((t=e.value)!==em&&(em=t,ef=(0,l.dB)(t)),ef);return f.has(a)?a:null}),[v,b]=(0,r.useState)(!1),[y,w]=(0,r.useState)(null),j=(0,r.useRef)(null),[C,M]=(0,r.useState)(null),A=(0,r.useMemo)(()=>((e,t)=>{let a=t.trim().toLowerCase();if(!a)return e;let r=a.replace(/^#/,""),l=/^[0-9a-f]{1,6}$/.test(r);return e.filter(e=>(e.label??"").toLowerCase().includes(a)||e.value.toLowerCase().includes(a)||l&&e.hex.toLowerCase().startsWith(r))})(m,t),[m,t]),D=t.trim(),R=!e.limit||v||D||a?A:A.slice(0,e.limit),E=R.findIndex(e=>e.key===g);if(e.showIn&&"solid"===e.showIn!==h||0===A.length&&D||0===A.length&&!e.onAdd&&!a)return null;let L=({key:e,hex:t,gradient:a,...r})=>r,N=(t,a)=>{if(!e.onReorder||t===a)return;let r=m.map(L),[l]=r.splice(t,1);r.splice(a>t?a-1:a,0,l),e.onReorder(r)},I=!!e.onRename,T=(e,t)=>{j.current=t,w(e)},F=e=>{w(null);let t=j.current;e&&t&&requestAnimationFrame(()=>t.isConnected&&t.focus())},H=[e.onRemove&&"Delete",I&&"F2",e.onReorder&&"Alt+ArrowLeft Alt+ArrowRight"].filter(Boolean).join(" ")||void 0;return(0,n.jsxs)("div",{"data-part":"swatch-group","data-group":e.id,"data-tabbed":a?"":void 0,children:[!a&&(e.label||o||e.limit&&!D&&m.length>e.limit)&&(0,n.jsxs)("div",{"data-part":"swatch-group-header",children:[e.label&&(0,n.jsx)("span",{"data-part":"swatch-group-label",children:e.label}),e.limit&&!D&&m.length>

1e.limit&&(0,n.jsx)("button",{type:"button","data-part":"link-button","aria-expanded":v,onClick:()=>b(e=>!e),children:v?p.showLess:S(p.showAllCount,{count:m.length})}),o]}),(0,n.jsxs)("div",{"data-part":"swatch-grid",role:s?"tabpanel":"group",id:s,"aria-labelledby":s?i:void 0,"aria-label":s?void 0:"string"==typeof e.label?e.label:p.swatchGroup,onKeyDown:e=>{if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)||e.defaultPrevented||e.altKey)return;let t=Array.from(e.currentTarget.querySelectorAll(eg)),a=t.indexOf(document.activeElement);if(-1===a)return;e.preventDefault();let r=t.filter(e=>e.offsetTop===t[0].offsetTop).length||1,l=$(e.currentTarget)?-1:1,n={ArrowLeft:-l,ArrowRight:l,ArrowUp:-r,ArrowDown:r,Home:-a,End:t.length-1-a}[e.key];t[Math.min(t.length-1,Math.max(0,a+n))]?.focus()},children:[R.map((t,a)=>{let r=t.key===g,o=m.indexOf(t);return(0,n.jsxs)("div",{"data-part":"swatch-cell","data-drop":C===o?"":void 0,onDragOver:t=>{e.onReorder&&t.dataTransfer.types.includes(er)&&(t.preventDefault(),t.dataTransfer.dropEffect="move",C!==o&&M(o))},onDragLeave:()=>M(null),onDrop:t=>{let a,r=t.dataTransfer.getData(er);

1if(M(null),r){try{a=JSON.parse(r)}catch{return}a?.group!==e.id||!Number.isInteger(a.index)||a.index<0||a.index>=m.length||(t.preventDefault(),N(a.index,o))}},children:[(0,n.jsx)("button",{type:"button","aria-pressed":r,"data-part":"swatch",tabIndex:(-1===E?0===a:a===E)?0:-1,"data-state":r?"selected":void 0,"data-checker":"",title:t.label??t.value,"aria-label":t.label??t.value,"aria-keyshortcuts":H,style:{"--_cs-swatch":(0,l.SW)(t.value)},onClick:()=>d.applySwatch(t.value),onDoubleClick:e=>I&&T(o,e.currentTarget),draggable:!t.gradient||!!e.onReorder,onDragStart:a=>{t.gradient||a.dataTransfer.setData(ea,t.value),e.onReorder&&a.dataTransfer.setData(er,JSON.stringify({group:e.id,index:o})),a.dataTransfer.setData("text/plain",t.value),a.dataTransfer.effectAllowed="copyMove"},onKeyDown:r=>{if(e.onRemove&&("Delete"===r.key||"Backspace"===r.key))r.preventDefault(),e.onRemove(L(t)),(e=>{let t=e.closest("[data-part='swatch-grid']");if(!t)return;let a=Array.from(t.querySelectorAll(eg)).indexOf(e);requestAnimationFrame(()=>{if(e.isConnected||!t.isConnected)return;let r=t.querySelectorAll(eg);(r[a]??r[a-1]??t.querySelector("[data-part='swatch-add']"))?.focus()})})(r.currentTarget);else if(I&&"F2"===r.key)r.preventDefault(),T(o,r.currentTarget);else if(e.onReorder&&r.altKey&&("ArrowLeft"===r.key||"ArrowRight"===r.key)){r.preventDefault();let e="ArrowRight"===r.key!==$(r.currentTarget);if(e?o>=m.length-1:o<=0)return;N(o,e?o+2:o-1);let t=r.currentTarget.closest("[data-part='swatch-grid']");requestAnimationFrame(()=>t?.querySelectorAll(eg)[e?a+1:a-1]?.focus())}},children:e.renderSwatch?.(L(t),{selected:r})}),e.onRemove&&(0,n.jsx)("button",{type:"button","data-part":"swatch-remove",tabIndex:-1,title:p.removeSwatch,"aria-label":`${p.removeSwatch} ${t.label??t.value}`,onClick:()=>e.onRemove(L(t)),children:(0,n.jsx)(u,{})})]},`${t.id??t.value}-${a}`)}),e.onAdd&&!D&&(0,n.jsx)("button",{type:"button","data-part":"swatch-add","data-tooltip":p.addSwatch,"aria-label":p.addSwatch,onClick:()=>e.onAdd(d.getState().value),children:(0,n.jsx)(c,{})}),0===A.length&&!D&&(0,n.jsx)("p",{"data-part":"swatch-empty-hint",children:e.emptyText??(e.onAdd?p.emptyWithAdd:p.emptyGroup)})]}),null!==y&&m[y]&&(0,n.jsxs)("form",{"data-part":"swatch-rename",onSubmit:t=>{t.preventDefault();let a=t.currentTarget.elements.namedItem("name");e.onRename?.(L(m[y]),a.value.trim()),F(document.activeElement===a)},children:[(0,n.jsx)("span",{"data-part":"swatch-rename-swatch",style:{"--_cs-swatch":(0,l.SW)(m[y].value)},"aria-hidden":!0}),(0,n.jsx)("input",{name:"name","data-part":"swatch-rename-input","aria-label":p.renameSwatch,placeholder:p.renameSwatch,defaultValue:m[y].label??"",autoFocus:!0,onBlur:e=>e.currentTarget.form?.requestSubmit(),onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),F(!0))}})]})]})},(e,t)=>e.query===t.query&&e.tabbed===t.tabbed&&e.action===t.action&&e.panelId===t.panelId&&e.tabId===t.tabId&&ep(e.group,t.group)),eb=(0,r.memo)(({groups:e,search:t,layout:a,className:l,style:o})=>{let{labels:s,storage:i,recent:d}=x(),c=eh(e),p=k(e=>"solid"===e.mode),h=c.some(e=>e.recent),m=(0,r.useSyncExternalStore)(h?d.subscribe:es,()=>h?d.list().length:0,eo),[g,v]=(0,r.useState)(""),b=c.filter(e=>

1(!e.showIn||"solid"===e.showIn===p)&&(e.onAdd||(e.recent?m>0:"default"===e.colors||(e.colors?.length??0)>0))),[w,j]=(0,r.useState)(!1),S=(0,r.useId)(),C=(0,r.useRef)(null),M=(0,r.useRef)(!1),A="tabs"===(a??(b.length>1?"tabs":"stack"))&&b.length>1,[D,R]=(0,r.useState)(null),E=e=>{R(e),i.set("swatch-tab",e)};y(()=>{let e=i.get("swatch-tab");e&&R(e)},[i]);let L=b.find(e=>e.id===D)??b[0],N=(0,r.useRef)(null),[I,T]=(0,r.useState)(""),F=()=>{let e=N.current;if(!e)return;let t=e.scrollLeft>1,a=e.scrollLeft+e.clientWidth<e.scrollWidth-1;T(t&&a?"both":t?"start":a?"end":"")};(0,r.useEffect)(()=>{let e=N.current;if(!e)return;let t=e.querySelector('[data-state="active"]');if(t){let a=t.offsetLeft-e.offsetLeft;a<e.scrollLeft?e.scrollLeft=a-8:a+t.offsetWidth>e.scrollLeft+e.clientWidth&&(e.scrollLeft=a+t.offsetWidth-e.clientWidth+8)}F();let a="u">typeof ResizeObserver?new ResizeObserver(F):null;return a?.observe(e),()=>a?.disconnect()},[L?.id,b.length,A]);let H=Math.max(0,b.indexOf(L)),W=!!(t&&w),O=()=>{v(""),j(!1),M.current=!0};y(()=>{!W&&M.current&&(M.current=!1,C.current?.focus())},[W]);let K=(0,r.useMemo)(()=>t&&(0,n.jsx)("button",{ref:C,type:"button","data-part":"icon-button","data-size":"sm","aria-label":s.searchSwatches,"data-tooltip":s.searchSwatches,onClick:()=>j(!0),children:(0,n.jsx)(f,{})}),[t,s.searchSwatches]);return(0,n.jsxs)("div",{"data-part":"swatches","data-layout":A?"tabs":"stack",className:l,style:o,children:[W?(0,n.jsxs)("label",{"data-part":"swatch-search",children:[(0,n.jsx)(f,{"aria-hidden":!0}),(0,n.jsx)("input",{type:"search","data-part":"swatch-search-input",placeholder:s.searchSwatches,"aria-label":s.searchSwatches,value:g,spellCheck:!1,autoComplete:"off",autoFocus:!0,onChange:e=>v(e.target.value),onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),O())}}),(0,n.jsx)("button",{type:"button","data-part":"icon-button","data-size":"sm","aria-label":s.closeSearch,onClick:O,children:(0,n.jsx)(u,{})})]}):A?(0,n.jsxs)("div",{"data-part":"swatch-header",children:[(0,n.jsx)("div",{ref:N,"data-part":"swatch-tabs","data-overflow":I||void 0,onScroll:F,role:"tablist","aria-label":s.swatchGroups,onKeyDown:e=>{let t=b.length,a=$(e.currentTarget),r=null;e.key===(a?"ArrowLeft":"ArrowRight")?r=(H+1)%t:e.key===(a?"ArrowRight":"ArrowLeft")?r=(H-1+t)%t:"Home"===e.key?r=0:"End"===e.key&&(r=t-1),null!==r&&(e.preventDefault(),E(b[r].id),e.currentTarget.querySelectorAll("[role=tab]")[r]?.focus())},children:b.map((e,t)=>(0,n.jsx)("button",{type:"button",role:"tab",id:`${S}-tab-${t}`,"aria-controls":`${S}-panel`,"data-tab":e.id,"aria-selected":e===L,"data-state":e===L?"active":"inactive",tabIndex:e===L?0:-1,onClick:()=>E(e.id),children:e.label??e.id},e.id))}),K]}):K&&!b[0]?.label&&(0,n.jsx)("div",{"data-part":"swatch-header","data-align":"end",children:K}),A&&!W?(0,n.jsx)(ev,{group:L,query:"",tabbed:!0,panelId:`${S}-panel`,tabId:`${S}-tab-${H}`},L.id):c.map(e=>(0,n.jsx)(ev,{group:e,query:W?g:"",action:!W&&e===b[0]&&e.label?K:void 0},e.id)),W&&(0,n.jsx)("p",{"data-part":"swatch-empty",role:"status",children:g.trim()?s.noMatches:null})]})});function ex(e,t){let a=e.getState(),r=a.stops.findIndex(e=>e.id===(t??a.selectedStopId));if(-1===r)return null;let l=a.offsets[r],n=a.offsets.filter((e,t)=>t!==r&&e>l),o=a.offsets.filter((e,t)=>t!==r&&e<l),s=n.length?Math.min(...n):o.length?Math.max(...o):l;return e.addStop((l+s)/2)}var ey=(0,r.memo)(({className:e,style:t})=>{let{store:a,labels:o,notify:s}=x(),{gradient:i,stops:d,offsets:c,selectedStopId:u}=k(e=>({gradient:e.gradient,stops:e.stops,offsets:e.offsets,selectedStopId:e.selectedStopId})),[p]=(0,r.useState)(()=>new Set(d.map(e=>e.id))),[h,m]=(0,r.useState)(null),[f,g]=(0,r.useState)(null),v=(0,r.useRef)(null),b=(0,r.useRef)(null),[y]=(0,r.useState)(F);(0,r.useEffect)(()=>y.leave,[y]);let w=E({inset:I,onStart:e=>{let t=e.event.target.closest("[data-stop-id]"),r=t?.dataset.stopId??null,l=0,n=!1;if(r&&e.event.altKey){let t=a.getState(),i=t.stops.findIndex(e=>e.id===r);l=t.offsets[i]-e.x,r=a.addStop(t.offsets[i],t.stops[i].color),n=!0,r&&s(o.stopAdded,!0)}else if(r){let t=a.getState();a.selectStop(r),l=t.offsets[t.stops.findIndex(e=>e.id===r)]-e.x}else r=a.addStop(e.x),n=!0,r&&s(o.stopAdded,!0);if(!r)return!1;v.current={id:r,startX:e.clientX,startY:e.clientY,grab:l,moved:n,remov

1ing:!1};let i=r;requestAnimationFrame(()=>w.current?.querySelector(`[data-stop-id="${i}"]`)?.focus())},onMove:e=>{let t=v.current;if(!t||!t.moved&&3>Math.abs(e.clientX-t.startX)&&3>Math.abs(e.clientY-t.startY))return;t.moved&&f===t.id||g(t.id),t.moved=!0;let r=Math.abs(e.clientY-t.startY)>36&&a.getState().stops.length>2;r!==t.removing&&(t.removing=r,m(r?t.id:null)),r||a.moveStop(t.id,Math.min(1,Math.max(0,e.x+t.grab)))},onWheel:({dx:e,dy:t,rect:r,event:l})=>{let n=b.current;if(!n){if(Math.abs(e)<=Math.abs(t)||!(n=l.target.closest("[data-stop-id]")?.dataset.stopId??null))return!1;b.current=n,a.selectStop(n),g(n)}let o=a.getState(),s=o.stops.findIndex(e=>e.id===n);return -1===s||a.moveStop(n,Math.min(1,Math.max(0,o.offsets[s]+e/r.width))),!0},onWheelEnd:()=>{b.current=null,g(null),a.commit()},onEnd:e=>{let t=v.current;v.current=null,t?.removing&&e&&(a.removeStop(t.id),s(o.stopRemoved,!0)),m(null),g(null),a.commit()}});if(!i)return null;let j=e=>requestAnimationFrame(()=>e&&w.current?.querySelector(`[data-stop-id="${e}"]`)?.focus()),C=(0,l.W6)(i);return(0,n.jsx)("div",{ref:w,"data-part":"gradient-bar","data-checker":"","data-manual-focus":"",role:"group","aria-label":o.stops,className:e,style:{"--_cs-track":(0,l.SW)((0,l.ok)(i)),"--_cs-track-start":(0,l.SW)(C[0]),"--_cs-track-end":(0,l.SW)(C[1]),...t},onPointerMove:e=>y.move(e.currentTarget,e.clientX),onPointerLeave:y.leave,onDragOver:e=>{e.dataTransfer.types.includes(ea)&&(e.preventDefault(),e.dataTransfer.dropEffect="copy",e.currentTarget.style.setProperty("--_cs-hover-x",String(T(e.currentTarget,e.clientX))),e.currentTarget.dataset.dropping="")},onDragLeave:e=>delete e.currentTarget.dataset.dropping,onDrop:e=>{let t=e.dataTransfer.getData(ea);delete e.currentTarget.dataset.dropping,t&&(0,l.H0)(t)&&(e.preventDefault(),a.addStop(T(e.currentTarget,e.clientX),t),a.commit(),s(o.stopAdded,!0))},children:d.map((e,t)=>{let r=e.id===u;return(0,n.jsx)("button",{type:"button","data-part":"stop","data-stop-id":e.id,"data-state":r?"selected":void 0,"data-enter":p.has(e.id)?void 0:"","data-removing":h===e.id?"":void 0,"data-active":f===e.id?"":void 0,role:"slider","aria-label":S(o.stopName,{index:t+1,count:d.length}),"aria-valuetext":`${e.color}, ${(0,l.bu)(100*c[t],1)}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*c[t]),tabIndex:0,style:{"--_cs-x":c[t],"--_cs-stop-color":(0,l.SW)(e.color)},onFocus:()=>a.selectStop(e.id),onKeyDown:r=>((e,t,r)=>{if("Delete"===e.key||"Backspace"===e.key){if(e.preventDefault(),a.getState().stops.length<=2)return;return a.removeStop(t),a.commit(),s(o.stopRemoved,!0),void j(a.getState().selectedStopId)}if("Enter"===e.key||"+"===e.key||"Insert"===e.key){e.preventDefault();let r=ex(a,t);if(!r)return;return a.commit(),s(o.stopAdded,!0),void j(r)}let l=L(e,.01,.1),n=null===l?null:r+l;"Home"===e.key&&(n=0),"End"===e.key&&(n=1),null!==n&&(e.preventDefault(),a.moveStop(t,Math.min(1,Math.max(0,n))))})(r,e.id,c[t]),onKeyUp:()=>a.commit(),children:(0,n.jsxs)("span",{"data-part":"stop-label","aria-hidden":!0,children:[(0,l.bu)(100*c[t],0),"%"]})},e.id)})})});function ew({value:e,onValue:t,onCommit:a,min:o,max:s,wrap:i,digits:d=0,step:c=s-o>=10?1:(s-o)/100,label:u,labelPosition:p="start",field:h,title:m,className:f,style:g,...v}){let[b,x]=(0,r.useState)(null),y=b??(0,l.bu)(e,d),w=[o.toFixed(d),s.toFixed(d)].reduce((e,t)=>t.length>e.length?t:e),k=e=>{if(i){let t=s-o;return((e-o)%t+t)%t+o}return Math.min(s,Math.max(o,e))},j=()=>

1{if(null===b)return;let e=parseFloat(b);x(null),Number.isNaN(e)||t(k(e)),a?.()},S=(0,r.useRef)({x:0,value:0}),C=E({onStart:t=>{S.current={x:t.clientX,value:e}},onMove:e=>{let a=e.clientX-S.current.x;if(0===a)return;let r=(s-o)/200*(e.event.shiftKey?.1:1);t(k(Number((S.current.value+a*r).toFixed(d))))},onEnd:()=>a?.()}),M=u?(0,n.jsx)("span",{ref:C,"data-part":"field-label","aria-hidden":!0,children:u}):null;return(0,n.jsxs)("label",{"data-part":"field","data-field":h,title:m,className:f,style:g,children:["start"===p&&M,(0,n.jsxs)("span",{"data-part":"field-sizer",children:[(0,n.jsx)("span",{"data-part":"field-ghost","aria-hidden":!0,children:w}),(0,n.jsx)("span",{"data-part":"field-ghost","aria-hidden":!0,children:y}),(0,n.jsx)("input",{"data-part":"field-input",size:1,role:"spinbutton",inputMode:"decimal",spellCheck:!1,autoComplete:"off","aria-valuenow":Number(e.toFixed(d)),"aria-valuemin":o,"aria-valuemax":s,"aria-valuetext":`${(0,l.bu)(e,d)}${"end"===p&&u?u:""}`,value:y,onChange:e=>x(e.target.value),onFocus:e=>{let t=e.currentTarget;requestAnimationFrame(()=>t===document.activeElement&&t.select())},onBlur:j,onKeyDown:a=>{if("Enter"===a.key){a.preventDefault(),j();let e=a.currentTarget;return void requestAnimationFrame(()=>e===document.activeElement&&e.select())}if("Escape"===a.key)return void(null!==b&&(a.preventDefault(),x(null)));if("ArrowUp"!==a.key&&"ArrowDown"!==a.key)return;a.preventDefault();let r=null===b||Number.isNaN(parseFloat(b))?e:parseFloat(b),l=("ArrowUp"===a.key?1:-1)*c*(a.shiftKey?10:1);x(null),t(k(Number((r+l).toFixed(d+1))))},onKeyUp:e=>("ArrowUp"===e.key||"ArrowDown"===e.key)&&a?.(),...v})]}),"end"===p&&M]})}function ek({trigger:e,label:t,items:a,align:l="end",width:o=200}){let s,[i,d]=(0,r.useState)(!1),[c,u]=(0,r.useState)(-1),[p,m]=(0,r.useState)(!1),[f,g]=(0,r.useState)("bottom"),v=(0,r.useRef)(null),b=(0,r.useRef)(null),x=(0,r.useRef)(null),w=(0,r.useId)(),k=a.map((e,t)=>"heading"===e.type||"separator"===e.type||e.disabled?-1:t).filter(e=>-1!==e),j=(e=!0)=>{d(!1),e&&b.current?.focus()},S=(e="first",t=!1)=>{u("first"===e?k[0]??-1:k[k.length-1]??-1),m(t),d(!0)};y(()=>{if(!i||!v.current||!x.current)return;let e=v.current.getBoundingClientRect(),t=x.current.offsetHeight;g(e.bottom+t+8>window.innerHeight&&e.top>t+8?"top":"bottom"),x.current.focus({preventScroll:!0})},[i]),(0,r.useEffect)(()=>{if(!i)return;let e=e=>{v.current?.contains(e.target)||j(!1)};return document.addEventListener("pointerdown",e,!0),()=>document.removeEventListener("pointerdown",e,!0)},[i]);let C=e=>{let t=a[e];t&&"heading"!==t.type&&"separator"!==t.type&&!t.disabled&&(t.onSelect(),j())},M=e=>{let t=k.indexOf(c),a=k[(t+e+k.length)%k.length];void 0!==a&&u(a)},A=e=>{let t=a[e];if("heading"===t.type)return(0,n.jsx)("div",{id:`${w}-${e}`,"data-part":"select-heading",children:t.label},e);if("separator"===t.type)return(0,n.jsx)("div",{"data-part":"menu-separator",role:"separator"},e);let r="radio"===t.type?"menuitemradio":"checkbox"===t.type?"menuitemcheckbox":"menuitem";return(0,n.jsxs)("div",{id:`${w}-${e}`,role:r,"aria-checked":"action"===t.type?void 0:!!t.checked,"aria-disabled":t.disabled||void 0,"data-part":"select-option","data-active":e===c?"":void 0,onPointerMove:()=>{m(!1),t.disabled||e===c||u(e)},onPointerDown:e=>e.preventDefault(),onClick:()=>C(e),children:[(0,n.jsx)("span",{"data-part":"select-check","aria-hidden":!0,children:"action"===t.type?t.icon:t.checked&&(0,n.jsx)(h,{})}),(0,n.jsx)("span",{"data-part":"select-label",children:t.label}),void 0!==t.hint&&(0,n.jsx)("span",{"data-part":"select-hint",role:t.hintLabel?"img":void 0,"aria-label":t.hintLabel,children:t.hint})]},e)};return(0,n.jsxs)("div",{ref:v,"data-part":"menu","data-state":i?"open":"closed","data-align":l,children:[(0,n.jsx)("button",{ref:b,type:"button","data-part":"icon-button","aria-label":t,"aria-haspopup":"menu","aria-expanded":i,"aria-controls":i?`${w}-menu`:void 0,"data-tooltip":i?void 0:t,"data-state":i?"open":void 0,onClick:e=>i?j():S("first",0===e.detail),onKeyDown:e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),S("ArrowUp"===e.key?"last":"first",!0))},children:e}),i&&(0,n.jsx)("div",{ref:x,id:`${w}-menu`,role:"menu","aria-label":t,tabIndex:-1,"data-part":"select-menu","data-placement":f,"data-nav":p?"keyboard":void 0,"aria-activedescendant":c>=0?`${w}-${c}`:void 0,style:{width:o},onKeyDown:e=>{switch("Tab"!==e.key&&m(!0),e.key){case"ArrowDown":e.preventDefault(),M(1);break;case"ArrowUp":e.preventDefault(),M(-1);break;case"Home":e.preventDefault(),u(k[0]);break;case"End":e.preventDefault(),u(k[k.length-1]);break;case"Enter":case" ":e.preventDefault(),C(c);break;case"Escape":e.preventDefault(),e.stopPropagation(),j();break;case"Tab":j(!1);break;

1default:if(1===e.key.length&&/\S/.test(e.key)){e.preventDefault();let t=k.find(t=>{let r=a[t];return"heading"!==r.type&&"separator"!==r.type&&"string"==typeof r.label&&r.label.toLowerCase().startsWith(e.key.toLowerCase())});void 0!==t&&u(t)}}},children:(s=[{heading:null,rows:[]}],a.forEach((e,t)=>{"heading"===e.type?s.push({heading:t,rows:[t]}):"separator"===e.type?s.push({heading:null,rows:[t]}):s[s.length-1].rows.push(t)}),s.filter(e=>e.rows.length>0)).map((e,t)=>null===e.heading?(0,n.jsx)(r.Fragment,{children:e.rows.map(A)},t):(0,n.jsx)("div",{"data-part":"menu-group",role:"group","aria-labelledby":`${w}-${e.heading}`,children:e.rows.map(A)},t))})]})}var ej=(0,r.memo)(({className:e,style:t})=>{let{store:a,labels:r}=x(),o=k(e=>e.gradient&&"radial"!==e.gradient.type?(0,l.au)(e.gradient):null),s=E({onMove:e=>{let t=e.rect.left+e.rect.width/2,r=e.rect.top+e.rect.height/2,l=180*Math.atan2(e.clientX-t,r-e.clientY)/Math.PI;l<0&&(l+=360),l=e.event.shiftKey?15*Math.round(l/15):Math.round(l),a.setAngle(l%360)},onEnd:()=>a.commit(),onWheel:({dx:e,dy:t})=>{let r=a.getState();return!(!r.gradient||"radial"===r.gradient.type||(a.setAngle((0,l.au)(r.gradient)+.5*(e-t)),0))},onWheelEnd:()=>a.commit()});return null===o?null:(0,n.jsx)("div",{ref:s,"data-part":"angle-dial",className:e,style:{"--_cs-angle":`${o}deg`,...t},children:(0,n.jsx)("div",{"data-part":"angle-handle",role:"slider",tabIndex:0,"aria-label":r.angle,"aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":Math.round(o),"aria-valuetext":S(r.degrees,{value:Math.round(o)}),onKeyDown:e=>{let t=L(e,1,15),r="Home"===e.key?0:"End"===e.key?359:null===t?null:o+t;null!==r&&(e.preventDefault(),a.setAngle(r))},onKeyUp:()=>a.commit()})})}),eS=(0,r.memo)(({className:e,style:t})=>{let{store:a,labels:r}=x(),{center:o,preview:s}=k(e=>({center:e.gradient&&"linear"!==e.gradient.type?(0,l.Oo)(e.gradient):null,preview:e.gradient&&"linear"!==e.gradient.type?(0,l.n9)(e.gradient):null}),(e,t)=>e.preview===t.preview),i=E({onStart:()=>!!o&&void 0,onMove:e=>{let t=100*e.x,r=100*e.y;e.event.shiftKey&&(t=25*Math.round(t/25),r=25*Math.round(r/25)),a.setCenter(t,r)},onEnd:()=>a.commit()});return s?(0,n.jsx)("div",{ref:i,"data-part":"center-pad","data-checker":"","data-disabled":o?void 0:"",className:e,style:{"--_cs-preview":(0,l.SW)(s),"--_cs-x":(o?.x??50)/100,"--_cs-y":(o?.y??50)/100,...t},children:o&&(0,n.jsx)("div",{"data-part":"center-handle",role:"slider",tabIndex:0,"aria-label":r.center,"aria-valuetext":S(r.centerValue,{x:Math.round(o.x),y:Math.round(o.y)}),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(o.x),onKeyDown:e=>{if(!o)return;let t=L(e,1,10);null!==t&&(e.preventDefault(),"ArrowLeft"===e.key||"ArrowRight"===e.key?a.setCenter(o.x+t,o.y):a.setCenter(o.x,o.y-t))},onKeyUp:()=>a.commit()})}):null}),eC=(0,r.memo)(()=>{let{store:e,labels:t}=x(),a=k(e=>{let t=e.stops.findIndex(t=>t.id===e.selectedStopId);return -1===t?null:{id:e.stops[t].id,at:e.offsets[t]}});return a?(0,n.jsx)(ew,{field:"stop",label:"%",labelPosition:"end","aria-label":t.stopPosition,value:100*a.at,min:0,max:100,onValue:t=>e.moveStop(a.id,t/100),onCommit:()=>e.commit()}):null}),eM=["farthest-corner","farthest-side","closest-corner","closest-side"],eA={"farthest-corner":"farthestCorner","farthest-side":"farthestSide","closest-corner":"closestCorner","closest-side":"closestSide"},eD=["circle","ellipse"],eR=(0,r.memo)(({className:e,style:t,interpolation:a=!0})=>{let{store:r,labels:o,notify:s}=x(),u=k(e=>e.gradient&&{type:e.gradient.type,angle:"radial"!==e.gradient.type?(0,l.au)(e.gradient):0,shape:e.gradient.shape??"ellipse",size:e.gradient.size,interp:e.gradient.interpolation??"",repeating:e.gradient.repeating,canRemove:e.stops.length>2,centered:!e.gradient.position});if(!u)return null;let p=()=>r.commit(),h=[];if(a){h.push({type:"heading",label:o.interpolation});let e=[["","sRGB"],["oklab","OKLab"],["oklch","OKLCH"],["oklch longer hue",S(o.longHue,{space:"OKLCH"})],["srgb-linear",o.linearRgb],["lab","Lab"],["lch","LCH"],["hsl","HSL"],["hsl longer hue",S(o.longHue,{space:"HSL"})]];for(let[t,a]of e.some(([e])=>e===u.interp)?e:[...e,[u.interp,u.interp]])h.push({type:"radio",label:a,checked:u.interp===t,onSelect:()=>(r.setInterpolation(t||null),p())})}if("radial"===u.type){h.push({type:"separator"},{type:"heading",label:o.size});let e=u.size&&!eM.includes(u.size)?u.size:null;for(let e of eM){let t=(u.size??"farthest-corner")===e;h.push({type:"radio",label:o[eA[e]],checked:t,onSelect:()=>(r.setSize("farthest-corner"===e?null:e),p())})}e&&h.push({type:"radio",label:e,checked:!0,onSelect:()=>{}})}return h.push({type:"separator"}),h.push({type:"checkbox",label:o.repeating,checked:u.repeating,onSelect:()=>(r.setRepeating(!u.repeating),p())}),"linear"!==u.type&&h.push({type:"action",label:o.resetCenter,icon:(0,n.jsx)(v,{}),disabled:u.centered,onSelect:()=>(r.setCenter(50,50),p())}),h.push({type:"action",label:o.addStop,icon:(0,n.jsx)(c,{}),onSelect:()=>{ex(r)&&(p(),s(o.stopAdded,!0))}}),h.push({type:"action",label:o.removeStop,icon:(0,n.jsx)(d,{}),hint:"⌫",hintLabel:o.backspace,disabled:!u.canRemove,onSelect:()=>{r.removeStop(),p(),s(o.stopRemoved,!0)}}

1),(0,n.jsxs)("div",{"data-part":"gradient-controls","data-type":u.type,className:e,style:t,children:["linear"!==u.type&&(0,n.jsx)(eS,{}),"radial"===u.type?(0,n.jsxs)("div",{"data-part":"segmented",role:"radiogroup","aria-label":o.shape,style:{"--_cs-index":+("circle"!==u.shape),"--_cs-count":2},onKeyDown:e=>{let t=$(e.currentTarget),a=eD.indexOf(u.shape),l=null;"ArrowDown"===e.key||e.key===(t?"ArrowLeft":"ArrowRight")?l=(a+1)%eD.length:"ArrowUp"===e.key||e.key===(t?"ArrowRight":"ArrowLeft")?l=(a-1+eD.length)%eD.length:"Home"===e.key?l=0:"End"===e.key&&(l=eD.length-1),null!==l&&(e.preventDefault(),r.setShape(eD[l]),p(),e.currentTarget.querySelectorAll("[role=radio]")[l]?.focus())},children:[(0,n.jsx)("span",{"data-part":"segmented-indicator","aria-hidden":!0}),eD.map(e=>(0,n.jsxs)("button",{type:"button",role:"radio","aria-checked":u.shape===e,"data-state":u.shape===e?"active":"inactive",tabIndex:u.shape===e?0:-1,onClick:()=>{r.setShape(e),p()},children:[(0,n.jsx)("span",{"data-part":"shape-icon","data-shape":e,"aria-hidden":!0}),(0,n.jsx)("span",{children:o[e]})]},e))]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(ej,{}),(0,n.jsx)(ew,{field:"angle",label:"\xb0",labelPosition:"end","aria-label":o.angle,value:u.angle,min:0,max:360,wrap:!0,digits:1,onValue:e=>r.setAngle(e),onCommit:p})]}),(0,n.jsx)("span",{"data-part":"spacer"}),"radial"!==u.type&&(0,n.jsx)(eC,{}),(0,n.jsx)("button",{type:"button","data-part":"icon-button","data-tooltip":o.reverse,"aria-label":o.reverse,onClick:()=>(r.reverse(),p()),children:(0,n.jsx)(i,{})}),(0,n.jsx)(ek,{trigger:(0,n.jsx)(g,{}),label:o.moreOptions,items:h})]})});function eE({value:e,options:t,onChange:a,heading:l,getHint:o,trigger:s,tooltip:i,footer:d,menuWidth:c,grow:u,kind:m,className:f,style:g,...v}){let[b,x]=(0,r.useState)(!1),[w,k]=(0,r.useState)(0),[j,S]=(0,r.useState)(!1),[C,M]=(0,r.useState)("bottom"),A=(0,r.useRef)(null),D=(0,r.useRef)(null),R=(0,r.useRef)(null),E=(0,r.useRef)({text:"",at:0}),L=(0,r.useId)(),$=Math.max(0,t.findIndex(t=>t.value===e)),N=t[$],I=t.map(e=>e.text??("string"==typeof e.label?e.label:String(e.value))).reduce((e,t)=>t.length>e.length?t:e,""),T=(e=!0)=>{x(!1),e&&D.current?.focus()},F=(e=$,t=!1)=>{k(e),S(t),x(!0),D.current?.focus({preventScroll:!0})};y(()=>{if(!b||!A.current||!R.current)return;let e=A.current.getBoundingClientRect(),t=R.current.offsetHeight;M(e.bottom+t+8>window.innerHeight&&e.top>t+8?"top":"bottom")},[b]),(0,r.useEffect)(()=>{if(!b)return;let e=e=>{A.current?.contains(e.target)||T(!1)};return document.addEventListener("pointerdown",e,!0),()=>document.removeEventListener("pointerdown",e,!0)},[b]),(0,r.useEffect)(()=>{b&&R.current?.querySelector(`[data-index="${w}"]`)?.scrollIntoView({block:"nearest"})},[b,w]);let H=e=>{let r=t[e];r&&a(r.value),T()},W=e=>{let a=Date.now();E.current={text:(a-E.current.at<600?E.current.text:"")+e.toLowerCase(),at:a};let r=b?w:$,l=e=>(e.text??("string"==typeof e.label?e.label:String(e.value))).toLowerCase();for(let e=1;e<=t.length;e++){let a=(r+e)%t.length;if(l(t[a]).startsWith(E.current.text))return a}return -1};return(0,n.jsxs)("div",{ref:A,"data-part":"select","data-kind":m,"data-grow":u?"":void 0,"data-state":b?"open":"closed",className:f,style:g,children:[(0,n.jsx)("button",{ref:D,type:"button","data-part":"select-trigger",role:"combobox","aria-haspopup":"listbox","aria-expanded":b,"aria-controls":b?`${L}-list`:void 0,"aria-activedescendant":b?`${L}-${w}`:void 0,"data-kind":s?"icon":void 0,"data-tooltip":b?void 0:i,onClick:e=>b?T():F($,0===e.detail),onKeyDown:e=>{let r=t.length-1;if(b)switch("Tab"!==e.key&&S(!0),e.key){case"ArrowDown":e.preventDefault(),k(e=>Math.min(r,e+1));break;case"ArrowUp":e.preventDefault(),k(e=>Math.max(0,e-1));break;case"Home":e.preventDefault(),k(0);break;case"End":e.preventDefault(),k(r);break;case"Enter":case" ":e.preventDefault(),H(w);break;case"Escape":e.preventDefault(),e.stopPropagation(),T();break;case"Tab":T(!1);break;default:if(1===e.key.length&&/\S/.test(e.key)){e.preventDefault();let t=W(e.key);-1!==t&&k(t)}}else if(["ArrowDown","ArrowUp","Enter"," "].includes(e.key))e.preventDefault(),F("ArrowUp"===e.key?Math.max(0,$-1):$,!0);

1else if(1===e.key.length&&/\S/.test(e.key)){let r=W(e.key);-1!==r&&(e.preventDefault(),a(t[r].value))}},...v,children:s??(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{"data-part":"select-value","data-widest":I,children:N?.label}),(0,n.jsx)(p,{"data-part":"select-chevron"})]})}),b&&(0,n.jsxs)("div",{ref:R,"data-part":"select-menu","data-placement":C,"data-nav":j?"keyboard":void 0,style:void 0!==c?{width:c}:void 0,children:[l&&(0,n.jsx)("div",{"data-part":"select-heading",id:`${L}-heading`,children:l}),(0,n.jsx)("div",{id:`${L}-list`,role:"listbox","aria-label":v["aria-label"],"data-part":"select-list",children:t.map((t,a)=>(0,n.jsxs)("div",{id:`${L}-${a}`,role:"option","data-index":a,"data-part":"select-option","aria-selected":t.value===e,"data-active":a===w?"":void 0,onPointerMove:()=>{S(!1),a!==w&&k(a)},onPointerDown:e=>e.preventDefault(),onClick:()=>H(a),children:[(0,n.jsx)("span",{"data-part":"select-check","aria-hidden":!0,children:t.value===e&&(0,n.jsx)(h,{})}),(0,n.jsx)("span",{"data-part":"select-label",children:t.label}),void 0!==(t.hint??o?.(t.value))&&(0,n.jsx)("span",{"data-part":"select-hint",children:t.hint??o?.(t.value)})]},t.value))}),d&&(0,n.jsx)("div",{"data-part":"select-footer",children:d(()=>T())})]})]})}var eL={hex:"HEX",rgb:"RGB",hsl:"HSL",hsb:"HSB",oklch:"OKLCH",oklab:"OKLab",lch:"LCH",lab:"Lab",p3:"P3",cmyk:"CMYK"},e$=(e,t)=>Number.isNaN(e)?t:e,eN={label:"H",name:"hue",min:0,max:360,digits:0,wrap:!0},eI=(e,t)=>({label:e,name:t,min:0,max:100,digits:0}),eT=(e,t)=>({label:e,name:t,min:0,max:255,digits:0});function eF(e,t,a,r,n=1){return{channels:[{label:"L",name:"lightness",min:0,max:t,digits:0},{label:"C",name:"chroma",min:0,max:a,digits:r},eN],read:(t,a)=>{let[r,o,s]=(0,l.C6)(t,e).coords;return[r*n,o,e$(s,a.h)]},write:([t,a,r],l)=>({space:e,coords:[t/n,a,r],alpha:l.alpha})}}function eH(e,t,a,r,n=1){return{channels:[{label:"L",name:"lightness",min:0,max:t,digits:0},{label:"a",name:"greenRed",min:-a,max:a,digits:r},{label:"b",name:"blueYellow",min:-a,max:a,digits:r}],read:t=>{let[a,r,o]=(0,l.C6)(t,e).coords;return[a*n,r,o]},write:([t,a,r],l)=>({space:e,coords:[t/n,a,r],alpha:l.alpha})}}var eW={rgb:{channels:[eT("R","red"),eT("G","green"),eT("B","blue")],read:e=>(0,l.IS)(e,"srgb").coords.map(e=>255*e),write:(e,t)=>({space:"srgb",coords:[e[0]/255,e[1]/255,e[2]/255],alpha:t.alpha})},hsl:{channels:[eN,eI("S","saturation"),eI("L","lightness")],read:(e,t)=>{let[a,r,n]=(0,l.C6)((0,l.IS)(e,"srgb"),"hsl").coords;return[e$(a,t.h),r,n]},write:(e,t)=>({space:"hsl",coords:[e[0],e[1],e[2]],alpha:t.alpha})},hsb:{channels:[eN,eI("S","saturation"),eI("B","brightness")],read:(e,t)=>[t.h,100*t.s,100*t.v],write:e=>({h:e[0],s:e[1]/100,v:e[2]/100})},oklch:eF("oklch",100,.4,3,100),lch:eF("lch",100,150,0),oklab:eH("oklab",100,.4,3,100),lab:eH("lab",100,125,0),p3:{channels:[{label:"R",name:"red",min:0,max:1,digits:3},{label:"G",name:"green",min:0,max:1,digits:3},{label:"B",name:"blue",min:0,max:1,digits:3}],read:e=>(0,l.IS)(e,"display-p3").coords,write:(e,t)=>({space:"display-p3",coords:[e[0],e[1],e[2]],alpha:t.alpha})},cmyk:{channels:[eI("C","cyan"),eI("M","magenta"),eI("Y","yellow"),eI("K","black")],read:e=>{let[t,a,r]=(0,l.IS)(e,"srgb").coords,n=1-Math.max(t,a,r);return n>=1?[0,0,0,100]:[(1-t-n)/(1-n)*100,(1-a-n)/(1-n)*100,(1-r-n)/(1-n)*100,100*n]},write:([e,t,a,r],l)=>{let n=r/100;return{space:"srgb",coords:[(1-e/100)*(1-n),(1-t/100)*(1-n),(1-a/100)*(1-n)],alpha:l.alpha}}}},eO={hex:"hex",rgb:"rgb",hsl:"hsl",hwb:"hsl",oklch:"oklch",oklab:"oklab",lch:"lch",lab:"lab","display-p3":"p3"},eK={hsl:["\xb0","%","%"],hsb:["\xb0","%","%"],oklch:["%","","\xb0"],lch:["%","","\xb0"],oklab:["%","",""],lab:["%","",""],cmyk:["%","%","%","%"]};function eq({color:e}){let{store:t,labels:a,notify:o}=x(),[s,i]=(0,r.useState)(null),d=(0,r.useRef)(null),c=s??(0,l.N7)(e),u=()=>{if(null===s)return;let e=s.trim();i(null);let r=e.replace(/^#/,""),n=!0;if(/^[0-9a-f]{3}$|^[0-9a-f]{6}$/i.test(r)){let e=(0,l.H0)(`#${r}`);e&&t.setColor(e.color,{keepAlpha:!0})}else n=t.setCss(/^[0-9a-f]{4}$|^[0-9a-f]{8}$/i.test(r)?`#${r}`:e);if(!n&&e){let e=d.current,t=e?.querySelector("input");e&&(e.removeAttribute("data-invalid"),e.offsetWidth,e.setAttribute("data-invalid",""),t?.setAttribute("aria-invalid","true"),setTimeout(()=>{e.removeAttribute("data-invalid"),t?.removeAttribute("aria-invalid")},450)),o(a.invalidColor,!0)}t.commit()};return(0,n.jsxs)("label",{ref:d,"data-part":"field","data-field":"hex",children:[(0,n.jsx)("span",{"data-part":"field-label","aria-hidden":!0,

1children:"#"}),(0,n.jsx)("input",{"data-part":"field-input","aria-label":a.hexColor,spellCheck:!1,autoComplete:"off",value:c,onChange:e=>i(e.target.value),onFocus:e=>{let t=e.currentTarget;requestAnimationFrame(()=>t===document.activeElement&&t.select())},onBlur:u,onKeyDown:e=>{if("Enter"===e.key){e.preventDefault(),u();let t=e.currentTarget;requestAnimationFrame(()=>t===document.activeElement&&t.select())}else"Escape"===e.key&&null!==s&&(e.preventDefault(),i(null))},onPaste:e=>{let a=e.clipboardData.getData("text").trim();/[(#]/.test(a)&&t.setCss(a)&&(e.preventDefault(),i(null),t.commit())}})]})}var eP=(0,r.memo)(({className:e,style:t,formats:a=["hex","rgb","hsl","oklch"],defaultFormat:o,alpha:s=!0})=>{let{store:i,labels:d,storage:c,notify:u}=x(),{color:p,hsva:h,valueFormat:f}=k(e=>({color:e.color,hsva:e.hsva,valueFormat:e.format.format})),[g,v]=(0,r.useState)(()=>{if(o)return o;let e=eO[f];return e&&a.includes(e)?e:a[0]});y(()=>{if(o)return;let e=c.get("format");e&&a.includes(e)&&v(e)},[c]);let b=()=>i.commit(),w="hex"===g?null:eW[g],j=w?.read(p,h);return(0,n.jsxs)("div",{"data-part":"inputs",className:e,style:t,children:[a.length>1&&(0,n.jsx)(eE,{"aria-label":d.format,kind:"format",heading:d.format,value:g,onChange:e=>{v(e),c.set("format",e)},menuWidth:220,options:a.map(e=>({value:e,label:eL[e]})),getHint:e=>((e,t,a)=>{if("hex"===e)return`#${(0,l.N7)(t)}`;let r=eW[e].read(t,a),n=eK[e]??[];return r.map((t,a)=>`${(0,l.bu)(t,2*("p3"===e||"oklch"===e&&1===a||"oklab"===e&&a>0))}${n[a]??""}`).join(" ")})(e,i.getState().color,i.getState().hsva),footer:e=>(0,n.jsxs)("button",{type:"button","data-part":"select-action",onClick:()=>{var t;t=i.getState().value,navigator.clipboard?.writeText(t).then(()=>u(d.copied),()=>{}),e()},children:[(0,n.jsx)(m,{}),(0,n.jsx)("span",{children:d.copy})]})}),(0,n.jsxs)("div",{"data-part":"fields","data-count":w?w.channels.length:1,children:[w&&j?w.channels.map((e,t)=>(0,n.jsx)(ew,{field:"channel",title:d[e.name],"aria-label":`${eL[g]} ${d[e.name]}`,value:j[t],min:e.min,max:e.max,wrap:e.wrap,digits:e.digits,onValue:e=>((e,t)=>{if(!w||!j)return;let a=j.slice();a[e]=t;let r=w.write(a,p);"space"in r?i.setColor(r):i.setHsva(r)})(t,e),onCommit:b},`${g}-${e.label}`)):(0,n.jsx)(eq,{color:p}),s&&(0,n.jsx)(ew,{field:"alpha",label:"%",labelPosition:"end","aria-label":d.alpha,value:100*h.a,min:0,max:100,digits:0,onValue:e=>i.setHsva({a:e/100}),onCommit:b})]})]})}),e_=()=>"u"<typeof window?void 0:window.EyeDropper,eB=async e=>{try{return(await (new(e_())).open({signal:e})).sRGBHex}catch{return null}},ez=(0,r.memo)(({className:e,style:t,pick:a,keepAlpha:o=!0})=>{let{store:i,labels:d}=x(),[c,u]=(0,r.useState)(!1),[p,h]=(0,r.useState)(!1),m=(0,r.useRef)(null);return(0,r.useEffect)(()=>(u(!!a||"function"==typeof e_()),()=>m.current?.abort()),[a]),c?(0,n.jsx)("button",{type:"button","data-part":"eye-dropper","data-state":p?"active":void 0,className:e,style:t,"data-tooltip":d.eyeDropper,"aria-label":d.eyeDropper,onClick:async()=>{m.current?.abort();let e=new AbortController;m.current=e,h(!0);let t=await (a??eB)(e.signal);if(h(!1),!t||e.signal.aborted)return;let r=(0,l.H0)(t);r&&(i.setColor(r.color,{keepAlpha:o&&i.getState().hsva.a>0}),i.commit())},children:(0,n.jsx)(s,{})}):null}),eG=(0,r.memo)(({background:e,className:t,style:a})=>{let{labels:r}=x(),o=k(t=>(0,l.yN)(t.value,e));if(null===o)return null;let s=(0,l.jW)(o);return(0,n.jsxs)("div",{"data-part":"contrast","data-level":"Fail"===s?"fail":"AA Large"===s?"large":"pass",className:t,style:a,children:[(0,n.jsx)("span",{"data-part":"contrast-sample",style:{"--_cs-swatch":(0,l.SW)(e)},"aria-hidden":!0}),(0,n.jsx)("span",{"data-part":"contrast-label",children:r.contrast}),(0,n.jsxs)("span",{"data-part":"contrast-ratio",children:[(0,l.bu)(o,2),":1"]}),(0,n.jsx)("span",{"data-part":"contrast-level",children:s})]})}),eV=(0,r.memo)(({className:e,style:t,compare:a})=>{let{store:o,labels:s,notify:i}=x(),d=k(e=>e.value),c=k(e=>e.mode),u=(0,r.useRef)(d),p=(0,r.useRef)({mode:c,value:d}),[h,m]=(0,r.useState)(null);y(()=>{if(p.current.mode!==c){let e=p.current.value;m(t=>({from:e,run:(t?.run??0)+1}))}p.current={mode:c,value:d}},[c,d]);let f=u.current!==d;return(0,n.jsxs)("div",{"data-part":"current","data-compare":a&&f?"":void 0,className:e,style:t,children:[a&&f&&(0,n.jsx)("button",{type:"button","data-

1part":"current-original","aria-label":s.original,"data-tooltip":s.original,style:{"--_cs-swatch":(0,l.SW)(u.current)},onClick:()=>{o.setCss(u.current),o.commit()}}),(0,n.jsx)("button",{type:"button","data-part":"current-value","aria-label":`${s.copy}: ${d}`,"data-tooltip":s.copy,style:{"--_cs-swatch":(0,l.SW)(h?h.from:d)},onClick:()=>navigator.clipboard?.writeText(o.getState().value).then(()=>i(s.copied),()=>{}),children:h&&(0,n.jsx)("span",{"data-part":"current-morph",style:{"--_cs-swatch":(0,l.SW)(d)},onAnimationEnd:()=>m(null),"aria-hidden":!0},h.run)})]})}),eU=(0,r.memo)(({className:e,style:t})=>{let{labels:a}=x();return k(e=>e.parsed)?null:(0,n.jsx)("p",{"data-part":"notice",className:e,style:t,children:a.unsupported})}),eY=(0,r.memo)(({interpolation:e=!0})=>{let t=k(e=>"solid"!==e.mode),a=(0,r.useRef)(!1),l=(0,r.useRef)(void 0);return(0,r.useEffect)(()=>{a.current=!0},[]),t?(l.current??(l.current=a.current),(0,n.jsx)("div",{"data-part":"gradient-editor","data-reveal":l.current?"":void 0,children:(0,n.jsxs)("div",{"data-part":"gradient-editor-inner",children:[(0,n.jsx)(ey,{}),(0,n.jsx)(eR,{interpolation:e})]})})):(l.current=void 0,null)}),eX=(0,r.forwardRef)(({alpha:e=!0,eyeDropper:t=!0,formats:a,defaultFormat:r,inputs:l=!0,swatches:o,interpolation:s=!0,swatchSearch:i,gradientPresets:d,contrastWith:c,tabIcons:u,compare:p,swatchLayout:h,variant:m="bleed",children:f,...g},v)=>{let b=eh([...d?[{id:"gradients",label:g.labels?.gradients??j.gradients,colors:!0===d?Q:d,showIn:"gradient"}]:[],...o??[]]),x=!g.modes||g.modes.length>1;return(0,n.jsxs)(A,{ref:v,"data-variant":m,...g,children:["bleed"===m&&(0,n.jsx)(_,{contrastWith:c}),(x||p)&&(0,n.jsxs)("div",{"data-part":"header",children:[(0,n.jsx)(eV,{compare:p}),(0,n.jsx)(Z,{showIcons:u})]}),(0,n.jsx)(eU,{}),(0,n.jsx)(eY,{interpolation:s}),"inset"===m&&(0,n.jsx)(_,{contrastWith:c}),(0,n.jsxs)("div",{"data-part":"slider-row",children:[!1!==t&&(0,n.jsx)(ez,{pick:"function"==typeof t?t:void 0}),(0,n.jsxs)("div",{"data-part":"sliders",children:[(0,n.jsx)(V,{}),e&&(0,n.jsx)(X,{})]})]}),l&&(0,n.jsx)(eP,{formats:a,defaultFormat:r,alpha:e}),c&&(0,n.jsx)(eG,{background:c}),b.length>0&&(0,n.jsx)(eb,{groups:b,search:i,layout:h}),f]})})},85968:()=>{}}]);