import{a as e}from"./rolldown-runtime-CNC7AqOf.js";import{t}from"./react-Augu_vA3.js";import{Wn as n,_t as r,dt as i,et as a,qr as o,st as s}from"./forms-CL2ODv4X.js";import{t as c}from"./useTranslation-B_YCgyrR.js";import{t as l}from"./jsx-runtime-CTknu7_t.js";import{t as u}from"./Modal-C4GWc9Ry.js";import{t as d}from"./useDebounce-n27W-x2R.js";var f=e(i()),p=e(t(),1);function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function h(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function g(e){var t=(0,p.useRef)(e),n=(0,p.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}var _=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},v=function(e){return`touches`in e},y=function(e){return e&&e.ownerDocument.defaultView||self},b=function(e,t,n){var r=e.getBoundingClientRect(),i=v(t)?function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]}(t.touches,n):t;return{left:_((i.pageX-(r.left+y(e).pageXOffset))/r.width),top:_((i.pageY-(r.top+y(e).pageYOffset))/r.height)}},x=function(e){!v(e)&&e.preventDefault()},S=p.memo(function(e){var t=e.onMove,n=e.onKey,r=h(e,[`onMove`,`onKey`]),i=(0,p.useRef)(null),a=g(t),o=g(n),s=(0,p.useRef)(null),c=(0,p.useRef)(!1),l=(0,p.useMemo)(function(){var e=function(e){x(e),(v(e)?e.touches.length>0:e.buttons>0)&&i.current?a(b(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=y(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(x(t),!function(e,t){return t&&!v(e)}(t,c.current)&&r)){if(v(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(b(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,p.useEffect)(function(){return f},[f]),p.createElement(`div`,m({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),C=function(e){return e.filter(Boolean).join(` `)},w=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=C([`react-colorful__pointer`,e.className]);return p.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},p.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},T=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n};360/(2*Math.PI);var E=function(e){return P(D(e))},D=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?T(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?T(parseInt(e.substring(6,8),16)/255,2):1}},O=function(e){return N(j(e))},k=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:T(e.h),s:T(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:T(i/2),a:T(r,2)}},A=function(e){var t=k(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},j=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:T(255*[r,s,o,o,c,r][l]),g:T(255*[c,r,r,s,o,o][l]),b:T(255*[o,o,c,r,r,s][l]),a:T(i,2)}},M=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},N=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?M(T(255*i)):``;return`#`+M(t)+M(n)+M(r)+a},P=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:T(60*(s<0?s+6:s)),s:T(a?o/a*100:0),v:T(a/255*100),a:i}},F=p.memo(function(e){var t=e.hue,n=e.onChange,r=C([`react-colorful__hue`,e.className]);return p.createElement(`div`,{className:r},p.createElement(S,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:_(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":T(t),"aria-valuemax":`360`,"aria-valuemin":`0`},p.createElement(w,{className:`react-colorful__hue-pointer`,left:t/360,color:A({h:t,s:100,v:100,a:1})})))}),I=p.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:A({h:t.h,s:100,v:100,a:1})};return p.createElement(`div`,{className:`react-colorful__saturation`,style:r},p.createElement(S,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:_(t.s+100*e.left,0,100),v:_(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+T(t.s)+`%, Brightness `+T(t.v)+`%`},p.createElement(w,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:A(t)})))}),L=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},R=function(e,t){return e.toLowerCase()===t.toLowerCase()||L(D(e),D(t))};function z(e,t,n){var r=g(n),i=(0,p.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,p.useRef)({color:t,hsva:a});return(0,p.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,p.useEffect)(function(){var t;L(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,p.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var B,V=typeof window<`u`?p.useLayoutEffect:p.useEffect,H=function(){return B||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},U=new Map,W=function(e){V(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!U.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,U.set(t,n);var r=H();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},G=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=h(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,p.useRef)(null);W(s);var c=z(n,i,a),l=c[0],u=c[1],d=C([`react-colorful`,t]);return p.createElement(`div`,m({},o,{ref:s,className:d}),p.createElement(I,{hsva:l,onChange:u}),p.createElement(F,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},K={defaultColor:`000`,toHsva:E,fromHsva:function(e){return O({h:e.h,s:e.s,v:e.v,a:1})},equal:R},q=function(e){return p.createElement(G,m({},e,{colorModel:K}))},J=/^#?([0-9A-F]{3,8})$/i,Y=function(e){var t=e.color,n=t===void 0?``:t,r=e.onChange,i=e.onBlur,a=e.escape,o=e.validate,s=e.format,c=e.process,l=h(e,[`color`,`onChange`,`onBlur`,`escape`,`validate`,`format`,`process`]),u=(0,p.useState)(function(){return a(n)}),d=u[0],f=u[1],_=g(r),v=g(i),y=(0,p.useCallback)(function(e){var t=a(e.target.value);f(t),o(t)&&_(c?c(t):t)},[a,c,o,_]),b=(0,p.useCallback)(function(e){o(e.target.value)||f(a(n)),v(e)},[n,a,o,v]);return(0,p.useEffect)(function(){f(a(n))},[n,a]),p.createElement(`input`,m({},l,{value:s?s(d):d,spellCheck:`false`,onChange:y,onBlur:b}))},X=function(e){return`#`+e},Z=function(e){var t=e.prefixed,n=e.alpha,r=h(e,[`prefixed`,`alpha`]),i=(0,p.useCallback)(function(e){return e.replace(/([^0-9A-F]+)/gi,``).substring(0,n?8:6)},[n]),a=(0,p.useCallback)(function(e){return function(e,t){var n=J.exec(e),r=n?n[1].length:0;return r===3||r===6||!!t&&r===4||!!t&&r===8}(e,n)},[n]);return p.createElement(Y,m({},r,{escape:i,format:t?X:void 0,process:X,validate:a}))},Q=e(l()),$=[`#f44336`,`#e91e63`,`#9c27b0`,`#673ab7`,`#3f51b5`,`#2f7dc3`,`#2196f3`,`#03a9f4`,`#00bcd4`,`#009688`,`#4caf50`,`#8bc34a`,`#ff9800`,`#ff5722`,`#795548`,`#9e9e9e`,`#607d8b`,`#616161`,`#000000`,`#57a6e4`,`#324da1`,`#4c9a1c`,`#cd8900`,`#b93700`];function ee(e){let{t}=c(),{includeDefaultPalette:i,renderLabelBox:l}=e,m=r(),h=o(),[g,_]=(0,p.useState)(e.value||`#000000`),[v,y]=(0,p.useState)(!1),[b,x]=(0,p.useState)(!1);return d(()=>e.onValueChange?.(g),500,[g]),(0,p.useEffect)(()=>{e.value&&_(e.value)},[e.value]),(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(u,{title:t(`color`),visible:v,onClose:y,centerContent:!0,disableClosing:b,size:`micro`,children:(0,Q.jsxs)(`div`,{className:`flex flex-col space-y-2 w-full`,children:[(0,Q.jsx)(q,{color:g,onChange:_,style:{width:`100%`}}),(0,Q.jsx)(Z,{color:g,onChange:_,className:(0,f.default)(`border rounded-md my-2 p-2 focus:outline-none focus:ring-0`,{"border-[#d1d5db] focus:border-black":!h.dark_mode,"border-[#1f2e41] focus:border-white":h.dark_mode}),style:{backgroundColor:m.$1,width:`100%`}}),(0,Q.jsxs)(`div`,{className:`flex w-full justify-between`,children:[i&&(0,Q.jsx)(s,{behavior:`button`,type:`secondary`,onClick:()=>x(!0),children:t(`default`)}),(0,Q.jsx)(s,{className:(0,f.default)({"w-full":!i}),behavior:`button`,onClick:()=>y(!1),children:t(`done`)})]})]})}),(0,Q.jsx)(u,{title:t(`default`),visible:b,size:`small`,onClose:()=>x(!1),children:(0,Q.jsxs)(`div`,{className:`flex flex-col space-y-6`,children:[(0,Q.jsx)(`div`,{className:`grid grid-cols-6 gap-x-2 gap-y-2`,children:$.map(e=>(0,Q.jsx)(`div`,{className:`relative cursor-pointer w-full hover:opacity-75`,onClick:()=>_(e),style:{height:32,backgroundColor:e},children:g===e&&(0,Q.jsx)(a,{className:`absolute`,element:n,color:`white`,size:25,style:{top:`0.3rem`,left:`1.45rem`}})},e))}),(0,Q.jsx)(`div`,{className:`flex justify-end`,children:(0,Q.jsx)(s,{behavior:`button`,onClick:()=>x(!1),children:t(`done`)})})]})}),l?(0,Q.jsx)(`div`,{onClick:()=>y(!0),children:l(g)}):(0,Q.jsx)(`div`,{style:{backgroundColor:g},className:(0,f.default)(`w-16 h-6 shadow rounded-md`,{"opacity-75 cursor-not-allowed":e.disabled,"cursor-pointer":e.disabled===void 0||!e.disabled}),onClick:()=>(!e.disabled||e.disabled===void 0)&&y(!0)})]})}export{ee as t};