@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 22.5 kB
JavaScript
;var chunkP6UGMTHQ_cjs=require('./chunk-P6UGMTHQ.cjs'),chunkR34KUOGG_cjs=require('./chunk-R34KUOGG.cjs'),chunkIL2G4IA6_cjs=require('./chunk-IL2G4IA6.cjs'),chunkZGDGO7ES_cjs=require('./chunk-ZGDGO7ES.cjs'),chunkERFTRXVE_cjs=require('./chunk-ERFTRXVE.cjs'),chunkVJOV24EO_cjs=require('./chunk-VJOV24EO.cjs'),chunkD5PAWOAZ_cjs=require('./chunk-D5PAWOAZ.cjs'),O=require('react'),radixUi=require('radix-ui'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var O__namespace=/*#__PURE__*/_interopNamespace(O);function ee(n){let{control:o,value:e,checked:t,bubbles:r=true,type:a="hidden",style:s,...l}=n,u=O__namespace.useMemo(()=>a==="checkbox"||a==="radio"||a==="switch",[a]),c=O__namespace.useRef(null),i=O__namespace.useRef({value:u?t:e,previous:u?t:e}),p=O__namespace.useMemo(()=>{let b=u?t:e;return i.current.value!==b&&(i.current.previous=i.current.value,i.current.value=b),i.current.previous},[u,e,t]),[m,d]=O__namespace.useState({});O__namespace.useLayoutEffect(()=>{if(!o){d({});return}if(d({width:o.offsetWidth,height:o.offsetHeight}),typeof window>"u")return;let b=new ResizeObserver(h=>{if(!Array.isArray(h)||!h.length)return;let S=h[0];if(!S)return;let N,E;if("borderBoxSize"in S){let y=S.borderBoxSize,V=Array.isArray(y)?y[0]:y;N=V.inlineSize,E=V.blockSize;}else N=o.offsetWidth,E=o.offsetHeight;d({width:N,height:E});});return b.observe(o,{box:"border-box"}),()=>{b.disconnect();}},[o]),O__namespace.useEffect(()=>{let b=c.current;if(!b)return;let h=window.HTMLInputElement.prototype,S=u?"checked":"value",N=u?"click":"input",E=u?t:e,y=u?t:typeof e=="object"&&e!==null?JSON.stringify(e):e,f=Object.getOwnPropertyDescriptor(h,S)?.set;if(p!==E&&f){let $=new Event(N,{bubbles:r});f.call(b,y),b.dispatchEvent($);}},[p,e,t,r,u]);let C=O__namespace.useMemo(()=>({...s,...m.width!==void 0&&m.height!==void 0?m:{},border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"}),[s,m]);return jsxRuntime.jsx("input",{type:a,...l,ref:c,"aria-hidden":u,tabIndex:-1,defaultChecked:u?t:void 0,style:C})}var ve="ColorPicker",xe="ColorPickerImpl",ke="ColorPickerTrigger",Re="ColorPickerContent",oe="ColorPickerArea",te="ColorPickerHueSlider",re="ColorPickerAlphaSlider",Se="ColorPickerSwatch",ne="ColorPickerEyeDropper",ae="ColorPickerFormatSelect",se="ColorPickerInput",ye=["hex","rgb","hsl","hsb"];var W=O__namespace.createContext(null);function x(n){let o=O__namespace.useContext(W);if(!o)throw new Error(`\`${n}\` must be used within \`${ve}\``);return o}function L(n,o){let e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return e?{r:Number.parseInt(e[1]??"0",16),g:Number.parseInt(e[2]??"0",16),b:Number.parseInt(e[3]??"0",16),a:o??1}:{r:0,g:0,b:0,a:o??1}}function F(n){let o=e=>{let t=Math.round(e).toString(16);return t.length===1?`0${t}`:t};return `#${o(n.r)}${o(n.g)}${o(n.b)}`}function _(n){let o=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(o,e,t),a=Math.min(o,e,t),s=r-a,l=0;if(s!==0)switch(r){case o:l=(e-t)/s%6;break;case e:l=(t-o)/s+2;break;case t:l=(o-e)/s+4;break}l=Math.round(l*60),l<0&&(l+=360);let u=r===0?0:s/r;return {h:l,s:Math.round(u*100),v:Math.round(r*100),a:n.a}}function w(n){let o=n.h/360,e=n.s/100,t=n.v/100,r=Math.floor(o*6),a=o*6-r,s=t*(1-e),l=t*(1-a*e),u=t*(1-(1-a)*e),c,i,p;switch(r%6){case 0:{c=t,i=u,p=s;break}case 1:{c=l,i=t,p=s;break}case 2:{c=s,i=t,p=u;break}case 3:{c=s,i=l,p=t;break}case 4:{c=u,i=s,p=t;break}case 5:{c=t,i=s,p=l;break}default:c=0,i=0,p=0;}return {r:Math.round(c*255),g:Math.round(i*255),b:Math.round(p*255),a:n.a}}function ie(n){let o=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(o,e,t),a=Math.min(o,e,t),s=r-a,l=r+a,u=l/2,c=0,i=0;return s!==0&&(i=u>.5?s/(2-l):s/l,r===o?c=(e-t)/s+(e<t?6:0):r===e?c=(t-o)/s+2:r===t&&(c=(o-e)/s+4),c/=6),{h:Math.round(c*360),s:Math.round(i*100),l:Math.round(u*100)}}function Ne(n,o=1){let e=n.h/360,t=n.s/100,r=n.l/100,a=(1-Math.abs(2*r-1))*t,s=a*(1-Math.abs(e*6%2-1)),l=r-a/2,u=0,c=0,i=0;return e>=0&&e<1/6?(u=a,c=s,i=0):e>=1/6&&e<2/6?(u=s,c=a,i=0):e>=2/6&&e<3/6?(u=0,c=a,i=s):e>=3/6&&e<4/6?(u=0,c=s,i=a):e>=4/6&&e<5/6?(u=s,c=0,i=a):e>=5/6&&e<1&&(u=a,c=0,i=s),{r:Math.round((u+l)*255),g:Math.round((c+l)*255),b:Math.round((i+l)*255),a:o}}function D(n,o="hex"){switch(o){case "hex":return F(n);case "rgb":return n.a<1?`rgba(${n.r}, ${n.g}, ${n.b}, ${n.a})`:`rgb(${n.r}, ${n.g}, ${n.b})`;case "hsl":{let e=ie(n);return n.a<1?`hsla(${e.h}, ${e.s}%, ${e.l}%, ${n.a})`:`hsl(${e.h}, ${e.s}%, ${e.l}%)`}case "hsb":{let e=_(n);return n.a<1?`hsba(${e.h}, ${e.s}%, ${e.v}%, ${n.a})`:`hsb(${e.h}, ${e.s}%, ${e.v}%)`}default:return F(n)}}function Ee(n){let o=n.trim();if(o.startsWith("#")&&o.match(/^#([a-fA-F0-9]{3}|[a-fA-F0-9]{6})$/))return L(o);let e=o.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)$/);if(e)return {r:Number.parseInt(e[1]??"0",10),g:Number.parseInt(e[2]??"0",10),b:Number.parseInt(e[3]??"0",10),a:e[4]?Number.parseFloat(e[4]):1};let t=o.match(/^hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*([\d.]+))?\s*\)$/);if(t){let a=Number.parseInt(t[1]??"0",10),s=Number.parseInt(t[2]??"0",10)/100,l=Number.parseInt(t[3]??"0",10)/100,u=t[4]?Number.parseFloat(t[4]):1,c=(1-Math.abs(2*l-1))*s,i=c*(1-Math.abs(a/60%2-1)),p=l-c/2,m=0,d=0,C=0;return a>=0&&a<60?(m=c,d=i):a>=60&&a<120?(m=i,d=c):a>=120&&a<180?(d=c,C=i):a>=180&&a<240?(d=i,C=c):a>=240&&a<300?(m=i,C=c):a>=300&&a<360&&(m=c,C=i),{r:Math.round((m+p)*255),g:Math.round((d+p)*255),b:Math.round((C+p)*255),a:u}}let r=o.match(/^hsba?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*([\d.]+))?\s*\)$/);if(r){let a=Number.parseInt(r[1]??"0",10),s=Number.parseInt(r[2]??"0",10),l=Number.parseInt(r[3]??"0",10),u=r[4]?Number.parseFloat(r[4]):1;return w({h:a,s,v:l,a:u})}return null}var le=O__namespace.createContext(null);function k(n){let o=O__namespace.useContext(le);if(!o)throw new Error(`\`${n}\` must be used within \`ColorPicker\``);return o}function P(n){let o=k("useColorPickerStore"),e=O__namespace.useCallback(()=>n(o.getState()),[o,n]);return O__namespace.useSyncExternalStore(o.subscribe,e,e)}function Ie(n,o,e){let t={subscribe:r=>(n.current.add(r),()=>n.current.delete(r)),getState:()=>o.current,setColor:r=>{if(Object.is(o.current.color,r))return;let a={...o.current};o.current.color=r,e.current.onValueChange&&e.current.onValueChange(D(r,a.format)),t.notify();},setHsv:r=>{if(Object.is(o.current.hsv,r))return;let a={...o.current};o.current.hsv=r,e.current.onValueChange&&e.current.onValueChange(D(w(r),a.format)),t.notify();},setOpen:r=>{Object.is(o.current.open,r)||(o.current.open=r,e.current.onOpenChange?.(r),t.notify());},setFormat:r=>{Object.is(o.current.format,r)||(o.current.format=r,e.current.onFormatChange?.(r),t.notify());},notify:()=>{for(let r of n.current)r();}};return t}function ko(n){let{value:o,defaultValue:e="#000000",onValueChange:t,format:r,defaultFormat:a="hex",onFormatChange:s,defaultOpen:l,open:u,onOpenChange:c,modal:i,name:p,disabled:m,inline:d,readOnly:C,required:b,...h}=n,S=chunkERFTRXVE_cjs.a(()=>new Set),N=chunkERFTRXVE_cjs.a(()=>{let f=L(o??e);return {color:f,hsv:_(f),open:u??l??false,format:r??a}}),E=chunkERFTRXVE_cjs.c({onValueChange:t,onOpenChange:c,onFormatChange:s}),y=O__namespace.useMemo(()=>Ie(S,N,E),[S,N,E]);return jsxRuntime.jsx(le.Provider,{value:y,children:jsxRuntime.jsx(Be,{...h,value:o,defaultOpen:l,open:u,modal:i,name:p,disabled:m,inline:d,readOnly:C,required:b})})}function Be(n){let{value:o,dir:e,defaultOpen:t,open:r,modal:a,name:s,ref:l,asChild:u,disabled:c,inline:i,readOnly:p,required:m,...d}=n,C=k(xe),b=radixUi.Direction.useDirection(e),[h,S]=O__namespace.useState(null),N=chunkZGDGO7ES_cjs.c(l,M=>S(M)),E=h?!!h.closest("form"):true;chunkERFTRXVE_cjs.b(()=>{if(o!==void 0){let M=C.getState(),K=L(o,M.color.a);C.setColor(K),C.setHsv(_(K));}},[o]),chunkERFTRXVE_cjs.b(()=>{r!==void 0&&C.setOpen(r);},[r]);let y=O__namespace.useMemo(()=>({dir:b,disabled:c,inline:i,readOnly:p,required:m}),[b,c,i,p,m]),V=P(M=>F(M.color)),f=P(M=>M.open),$=u?radixUi.Slot.Slot:"div";return i?jsxRuntime.jsxs(W.Provider,{value:y,children:[jsxRuntime.jsx($,{"data-slot":"color-picker",...d,ref:N}),E&&jsxRuntime.jsx(ee,{type:"hidden",control:h,name:s,value:V,disabled:c,readOnly:p,required:m})]}):jsxRuntime.jsx(W.Provider,{value:y,children:jsxRuntime.jsxs(chunkP6UGMTHQ_cjs.a,{defaultOpen:t,open:f,onOpenChange:C.setOpen,modal:a,children:[jsxRuntime.jsx($,{"data-slot":"color-picker",...d,ref:N}),E&&jsxRuntime.jsx(ee,{type:"hidden",control:h,name:s,value:V,disabled:c,readOnly:p,required:m})]})})}function wo(n){let{asChild:o,disabled:e,...t}=n,r=x(ke),a=e||r.disabled,s=o?radixUi.Slot.Slot:chunkVJOV24EO_cjs.a;return jsxRuntime.jsx(chunkP6UGMTHQ_cjs.d,{asChild:true,disabled:a,children:jsxRuntime.jsx(s,{"data-slot":"color-picker-trigger",...t})})}function Fo(n){let{asChild:o,className:e,children:t,...r}=n;if(x(Re).inline){let s=o?radixUi.Slot.Slot:"div";return jsxRuntime.jsx(s,{"data-slot":"color-picker-content",...r,className:chunkD5PAWOAZ_cjs.a("flex w-[340px] flex-col gap-4 p-4",e),children:t})}return jsxRuntime.jsx(chunkP6UGMTHQ_cjs.c,{"data-slot":"color-picker-content",asChild:o,...r,className:chunkD5PAWOAZ_cjs.a("flex w-[340px] flex-col gap-4 p-4",e),children:t})}function Xo(n){let{asChild:o,onPointerDown:e,onPointerMove:t,onPointerUp:r,className:a,ref:s,...l}=n,u=chunkERFTRXVE_cjs.c({onPointerDown:e,onPointerMove:t,onPointerUp:r}),c=x(oe),i=k(oe),p=P(f=>f.hsv),m=O__namespace.useRef(false),d=O__namespace.useRef(null),C=chunkZGDGO7ES_cjs.c(s,d),b=O__namespace.useCallback((f,$)=>{if(!d.current)return;let M=d.current.getBoundingClientRect(),K=Math.max(0,Math.min(1,(f-M.left)/M.width)),ze=Math.max(0,Math.min(1,1-($-M.top)/M.height)),me={h:p?.h??0,s:Math.round(K*100),v:Math.round(ze*100),a:p?.a??1};i.setHsv(me),i.setColor(w(me));},[p,i]),h=O__namespace.useCallback(f=>{c.disabled||(u.current.onPointerDown?.(f),!f.defaultPrevented&&(m.current=true,d.current?.setPointerCapture(f.pointerId),b(f.clientX,f.clientY)));},[c.disabled,b,u]),S=O__namespace.useCallback(f=>{u.current.onPointerMove?.(f),!f.defaultPrevented&&m.current&&b(f.clientX,f.clientY);},[b,u]),N=O__namespace.useCallback(f=>{u.current.onPointerUp?.(f),!f.defaultPrevented&&(m.current=false,d.current?.releasePointerCapture(f.pointerId));},[u]),E=p?.h??0,y=w({h:E,s:100,v:100,a:1}),V=o?radixUi.Slot.Slot:"div";return jsxRuntime.jsxs(V,{"data-slot":"color-picker-area",...l,className:chunkD5PAWOAZ_cjs.a("relative h-40 w-full cursor-crosshair touch-none rounded-sm border",c.disabled&&"pointer-events-none opacity-50",a),ref:C,onPointerDown:h,onPointerMove:S,onPointerUp:N,children:[jsxRuntime.jsxs("div",{className:"absolute inset-0 overflow-hidden rounded-sm",children:[jsxRuntime.jsx("div",{className:"absolute inset-0",style:{backgroundColor:`rgb(${y.r}, ${y.g}, ${y.b})`}}),jsxRuntime.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(to right, #fff, transparent)"}}),jsxRuntime.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(to bottom, transparent, #000)"}})]}),jsxRuntime.jsx("div",{className:"absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-sm",style:{left:`${p?.s??0}%`,top:`${100-(p?.v??0)}%`}})]})}function nt(n){let{className:o,...e}=n,t=x(te),r=k(te),a=P(l=>l.hsv),s=O__namespace.useCallback(l=>{let u={h:l[0]??0,s:a?.s??0,v:a?.v??0,a:a?.a??1};r.setHsv(u),r.setColor(w(u));},[a,r]);return jsxRuntime.jsxs(radixUi.Slider.Root,{"data-slot":"color-picker-hue-slider",...e,max:360,step:1,className:chunkD5PAWOAZ_cjs.a("relative flex w-full touch-none items-center select-none",o),value:[a?.h??0],onValueChange:s,disabled:t.disabled,children:[jsxRuntime.jsx(radixUi.Slider.Track,{className:"relative h-3 w-full grow overflow-hidden rounded-full bg-[linear-gradient(to_right,#ff0000_0%,#ffff00_16.66%,#00ff00_33.33%,#00ffff_50%,#0000ff_66.66%,#ff00ff_83.33%,#ff0000_100%)]",children:jsxRuntime.jsx(radixUi.Slider.Range,{className:"absolute h-full"})}),jsxRuntime.jsx(radixUi.Slider.Thumb,{className:"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"})]})}function mt(n){let{className:o,...e}=n,t=x(re),r=k(re),a=P(c=>c.color),s=P(c=>c.hsv),l=O__namespace.useCallback(c=>{let i=(c[0]??0)/100;r.setColor({...a,a:i}),r.setHsv({...s,a:i});},[a,s,r]),u=`rgb(${a?.r??0}, ${a?.g??0}, ${a?.b??0})`;return jsxRuntime.jsxs(radixUi.Slider.Root,{"data-slot":"color-picker-alpha-slider",...e,max:100,step:1,disabled:t.disabled,className:chunkD5PAWOAZ_cjs.a("relative flex w-full touch-none items-center select-none",o),value:[Math.round((a?.a??1)*100)],onValueChange:l,children:[jsxRuntime.jsxs(radixUi.Slider.Track,{className:"relative h-3 w-full grow overflow-hidden rounded-full",style:{background:"linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)",backgroundSize:"8px 8px",backgroundPosition:"0 0, 0 4px, 4px -4px, -4px 0px"},children:[jsxRuntime.jsx("div",{className:"absolute inset-0 rounded-full",style:{background:`linear-gradient(to right, transparent, ${u})`}}),jsxRuntime.jsx(radixUi.Slider.Range,{className:"absolute h-full"})]}),jsxRuntime.jsx(radixUi.Slider.Thumb,{className:"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"})]})}function xt(n){let{asChild:o,className:e,...t}=n,r=x(Se),a=P(i=>i.color),s=P(i=>i.format),l=O__namespace.useMemo(()=>{if(!a)return {background:"linear-gradient(to bottom right, transparent calc(50% - 1px), hsl(var(--destructive)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat"};let i=`rgba(${a.r}, ${a.g}, ${a.b}, ${a.a})`;return a.a<1?{background:`linear-gradient(${i}, ${i}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0% 50% / 8px 8px`}:{backgroundColor:i}},[a]),u=a?`Current color: ${D(a,s)}`:"No color selected",c=o?radixUi.Slot.Slot:"div";return jsxRuntime.jsx(c,{role:"img","aria-label":u,"data-slot":"color-picker-swatch",...t,className:chunkD5PAWOAZ_cjs.a("box-border size-8 rounded-sm border shadow-sm",r.disabled&&"opacity-50",e),style:{...l,forcedColorAdjust:"none"}})}function wt(n){let{size:o,children:e,disabled:t,...r}=n,a=x(ne),s=k(ne),l=P(m=>m.color),u=t||a.disabled,c=O__namespace.useCallback(async()=>{if(window.EyeDropper)try{let d=await new window.EyeDropper().open();if(d.sRGBHex){let C=L(d.sRGBHex,l?.a??1);s.setColor(C),s.setHsv(_(C));}}catch(m){console.warn("EyeDropper error:",m);}},[l,s]);return typeof window<"u"&&!!window.EyeDropper?jsxRuntime.jsx(chunkVJOV24EO_cjs.a,{"data-slot":"color-picker-eye-dropper",...r,variant:"outline",size:o??(e?"default":"icon"),onClick:c,disabled:u,children:e??jsxRuntime.jsx(lucideReact.PipetteIcon,{})}):null}function Ft(n){let{size:o,disabled:e,className:t,...r}=n,a=x(ae),s=k(ae),l=e||a.disabled,u=P(i=>i.format),c=O__namespace.useCallback(i=>{s.setFormat(i);},[s]);return jsxRuntime.jsx(chunkR34KUOGG_cjs.a,{"data-slot":"color-picker-format-select",...r,value:u,onValueChange:c,disabled:l,size:o??"sm",className:chunkD5PAWOAZ_cjs.a(t),children:jsxRuntime.jsx(chunkR34KUOGG_cjs.b,{children:ye.map(i=>jsxRuntime.jsx(chunkR34KUOGG_cjs.d,{value:i,children:i.toUpperCase()},i))})})}var De=classVarianceAuthority.cva("h-8 [-moz-appearance:textfield] focus-visible:z-10 focus-visible:ring-1 [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",{variants:{position:{first:"rounded-e-none",middle:"-ms-px rounded-none border-l-0",last:"-ms-px rounded-s-none border-l-0",isolated:""}},defaultVariants:{position:"isolated"}});function Jt(n){let o=k(se),e=x(se),t=P(l=>l.color),r=P(l=>l.format),a=P(l=>l.hsv),s=O__namespace.useCallback(l=>{let u=_(l);o.setColor(l),o.setHsv(u);},[o]);if(r==="hex")return jsxRuntime.jsx(eo,{color:t,onColorChange:s,context:e,...n});if(r==="rgb")return jsxRuntime.jsx(oo,{color:t,onColorChange:s,context:e,...n});if(r==="hsl")return jsxRuntime.jsx(to,{color:t,onColorChange:s,context:e,...n});if(r==="hsb")return jsxRuntime.jsx(ro,{hsv:a,onColorChange:s,context:e,...n})}function R({className:n,position:o,...e}){return jsxRuntime.jsx(chunkIL2G4IA6_cjs.a,{"data-slot":"color-picker-input",className:chunkD5PAWOAZ_cjs.a(De({position:o,className:n})),...e})}function eo(n){let{color:o,onColorChange:e,context:t,withoutAlpha:r,className:a,...s}=n,l=F(o),u=Math.round((o?.a??1)*100),c=O__namespace.useCallback(p=>{let m=p.target.value,d=Ee(m);d&&e({...d,a:o?.a??1});},[o,e]),i=O__namespace.useCallback(p=>{let m=Number.parseInt(p.target.value,10);!Number.isNaN(m)&&m>=0&&m<=100&&e({...o,a:m/100});},[o,e]);return r?jsxRuntime.jsx(R,{"aria-label":"Hex color value",position:"isolated",...s,placeholder:"#000000",className:chunkD5PAWOAZ_cjs.a("font-code",a),value:l,onChange:c,disabled:t.disabled}):jsxRuntime.jsxs("div",{"data-slot":"color-picker-input-wrapper",className:chunkD5PAWOAZ_cjs.a("flex flex-1 items-center",a),children:[jsxRuntime.jsx(R,{"aria-label":"Hex color value",position:"first",...s,placeholder:"#000000",className:"font-code flex-1",value:l,onChange:c,disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Alpha transparency percentage",position:"last",...s,placeholder:"100",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:u,onChange:i,disabled:t.disabled})]})}function oo(n){let{color:o,onColorChange:e,context:t,withoutAlpha:r,className:a,...s}=n,l=Math.round(o?.r??0),u=Math.round(o?.g??0),c=Math.round(o?.b??0),i=Math.round((o?.a??1)*100),p=O__namespace.useCallback((m,d,C=false)=>b=>{let h=Number.parseInt(b.target.value,10);if(!Number.isNaN(h)&&h>=0&&h<=d){let S=C?h/100:h;e({...o,[m]:S});}},[o,e]);return jsxRuntime.jsxs("div",{"data-slot":"color-picker-input-wrapper",className:chunkD5PAWOAZ_cjs.a("flex flex-1 items-center",a),children:[jsxRuntime.jsx(R,{"aria-label":"Red color component (0-255)",position:"first",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"255",className:"w-14",value:l,onChange:p("r",255),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Green color component (0-255)",position:"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"255",className:"w-14",value:u,onChange:p("g",255),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Blue color component (0-255)",position:r?"last":"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"255",className:"w-14",value:c,onChange:p("b",255),disabled:t.disabled}),!r&&jsxRuntime.jsx(R,{"aria-label":"Alpha transparency percentage",position:"last",...s,placeholder:"100",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:i,onChange:p("a",100,true),disabled:t.disabled})]})}function to(n){let{color:o,onColorChange:e,context:t,withoutAlpha:r,className:a,...s}=n,l=O__namespace.useMemo(()=>ie(o),[o]),u=Math.round((o?.a??1)*100),c=O__namespace.useCallback((p,m)=>d=>{let C=Number.parseInt(d.target.value,10);if(!Number.isNaN(C)&&C>=0&&C<=m){let b={...l,[p]:C},h=Ne(b,o?.a??1);e(h);}},[l,o,e]),i=O__namespace.useCallback(p=>{let m=Number.parseInt(p.target.value,10);!Number.isNaN(m)&&m>=0&&m<=100&&e({...o,a:m/100});},[o,e]);return jsxRuntime.jsxs("div",{"data-slot":"color-picker-input-wrapper",className:chunkD5PAWOAZ_cjs.a("flex items-center",a),children:[jsxRuntime.jsx(R,{"aria-label":"Hue degree (0-360)",position:"first",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"360",className:"w-14",value:l.h,onChange:c("h",360),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Saturation percentage (0-100)",position:"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:l.s,onChange:c("s",100),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Lightness percentage (0-100)",position:r?"last":"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:l.l,onChange:c("l",100),disabled:t.disabled}),!r&&jsxRuntime.jsx(R,{"aria-label":"Alpha transparency percentage",position:"last",...s,placeholder:"100",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:u,onChange:i,disabled:t.disabled})]})}function ro(n){let{hsv:o,onColorChange:e,context:t,withoutAlpha:r,className:a,...s}=n,l=Math.round((o?.a??1)*100),u=O__namespace.useCallback((i,p)=>m=>{let d=Number.parseInt(m.target.value,10);if(!Number.isNaN(d)&&d>=0&&d<=p){let C={...o,[i]:d},b=w(C);e(b);}},[o,e]),c=O__namespace.useCallback(i=>{let p=Number.parseInt(i.target.value,10);if(!Number.isNaN(p)&&p>=0&&p<=100){let m=w(o);e({...m,a:p/100});}},[o,e]);return jsxRuntime.jsxs("div",{"data-slot":"color-picker-input-wrapper",className:chunkD5PAWOAZ_cjs.a("flex items-center",a),children:[jsxRuntime.jsx(R,{"aria-label":"Hue degree (0-360)",position:"first",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"360",className:"w-14",value:o?.h??0,onChange:u("h",360),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Saturation percentage (0-100)",position:"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:o?.s??0,onChange:u("s",100),disabled:t.disabled}),jsxRuntime.jsx(R,{"aria-label":"Brightness percentage (0-100)",position:r?"last":"middle",...s,placeholder:"0",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:o?.v??0,onChange:u("v",100),disabled:t.disabled}),!r&&jsxRuntime.jsx(R,{"aria-label":"Alpha transparency percentage",position:"last",...s,placeholder:"100",inputMode:"numeric",pattern:"[0-9]*",min:"0",max:"100",className:"w-14",value:l,onChange:c,disabled:t.disabled})]})}exports.a=P;exports.b=ko;exports.c=wo;exports.d=Fo;exports.e=Xo;exports.f=nt;exports.g=mt;exports.h=xt;exports.i=wt;exports.j=Ft;exports.k=Jt;