@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/ColorPicker-BrDE7tMO.cjs

@@ -0,0 +1 @@
+const e=require(`./Box-zW6Twge8.cjs`),t=require(`./Tooltip-D5Cd9wtz.cjs`),n=require(`./use-uncontrolled-DDJVQiM_.cjs`),r=require(`./TextInput-CrsmcOip.cjs`),i=require(`./use-merged-ref-n9Gw9LNn.cjs`),a=require(`./use-resolved-styles-api-8OXE2oRq.cjs`),o=require(`./UnstyledButton-DX2pTahr.cjs`),s=require(`./ActionIcon-alk2zZD6.cjs`),c=require(`./CheckIcon-CZhtJD1O.cjs`),l=require(`./Colors-zP2AFgU3.cjs`);let u=require(`react`),d=require(`react/jsx-runtime`);function f(e){return typeof e!=`string`||!e.includes(`var(--mantine-scale)`)?e:e.match(/^calc\((.*?)\)$/)?.[1].split(`*`)[0].trim()}function p(e){let t=f(e);return typeof t==`number`?t:typeof t==`string`?t.includes(`calc`)||t.includes(`var`)?t:t.includes(`px`)?Number(t.replace(`px`,``)):t.includes(`rem`)?Number(t.replace(`rem`,``))*16:t.includes(`em`)?Number(t.replace(`em`,``))*16:Number(t):NaN}function m(e,t){return e in t?p(t[e]):p(e)}function h(e,t){let n=e.map(e=>({value:e,px:m(e,t)}));return n.sort((e,t)=>e.px-t.px),n}function g(e){return typeof e==`object`&&e?`base`in e?e.base:void 0:e}function _(){let[e,t]=(0,u.useState)(!1);return r.f(()=>{t(typeof window<`u`&&!v()&&`EyeDropper`in window)},[]),{supported:e,open:(0,u.useCallback)((t={})=>e?new window.EyeDropper().open(t):Promise.resolve(void 0),[e])}}function v(){return navigator.userAgent.includes(`OPR`)}var y={root:`m_de3d2490`,colorOverlay:`m_862f3d1b`,shadowOverlay:`m_98ae7f22`,alphaOverlay:`m_95709ac0`,childrenOverlay:`m_93e74e3`},b={withShadow:!0},x=e.D((t,{radius:n,size:r})=>({root:{"--cs-radius":n===void 0?void 0:e.A(n),"--cs-size":e.I(r)}})),S=e.n(t=>{let n=e.l(`ColorSwatch`,b,t),{classNames:r,className:i,style:a,styles:o,unstyled:s,vars:c,color:l,radius:u,withShadow:f,children:p,attributes:m,...h}=e.l(`ColorSwatch`,b,n),g=e.c({name:`ColorSwatch`,props:n,classes:y,className:i,style:a,classNames:r,styles:o,unstyled:s,attributes:m,vars:c,varsResolver:x});return(0,d.jsxs)(e.t,{...g(`root`,{focusable:!0}),...h,children:[(0,d.jsx)(`span`,{...g(`alphaOverlay`)}),f&&(0,d.jsx)(`span`,{...g(`shadowOverlay`)}),(0,d.jsx)(`span`,{...g(`colorOverlay`,{style:{backgroundColor:l}})}),(0,d.jsx)(`span`,{...g(`childrenOverlay`),children:p})]})});S.classes=y,S.varsResolver=x,S.displayName=`@mantine/core/ColorSwatch`;function C(e,t=0,n=10**t){return Math.round(n*e)/n}function w({h:e,s:t,l:n,a:r}){let i=t*((n<50?n:100-n)/100);return{h:e,s:i>0?2*i/(n+i)*100:0,v:n+i,a:r}}var T={grad:360/400,turn:360,rad:360/(Math.PI*2)};function E(e,t=`deg`){return Number(e)*(T[t]||1)}var D=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;function O(e){let t=D.exec(e);return t?w({h:E(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}}function k({r:e,g:t,b:n,a:r}){let i=Math.max(e,t,n),a=i-Math.min(e,t,n),o=a?i===e?(t-n)/a:i===t?2+(n-e)/a:4+(e-t)/a:0;return{h:C(60*(o<0?o+6:o),3),s:C(i?a/i*100:0,3),v:C(i/255*100,3),a:r}}function A(e){let t=e[0]===`#`?e.slice(1):e;return t.length===3?k({r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:1}):k({r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16),a:1})}function j(e){let t=e[0]===`#`?e.slice(1):e,n=e=>C(parseInt(e,16)/255,3);if(t.length===4){let e=t.slice(0,3),r=n(t[3]+t[3]);return{...A(e),a:r}}let r=t.slice(0,6),i=n(t.slice(6,8));return{...A(r),a:i}}var M=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;function N(e){let t=M.exec(e);return t?k({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}}var P={hex:/^#?([0-9A-F]{3}){1,2}$/i,hexa:/^#?([0-9A-F]{4}){1,2}$/i,rgb:/^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,rgba:/^rgba\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,hsl:/hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/i,hsla:/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d*(?:\.\d+)?)\)$/i},F={hex:A,hexa:j,rgb:N,rgba:N,hsl:O,hsla:O};function I(e){for(let[,t]of Object.entries(P))if(t.test(e))return!0;return!1}function L(e){if(typeof e!=`string`)return{h:0,s:0,v:0,a:1};if(e===`transparent`)return{h:0,s:0,v:0,a:0};let t=e.trim();for(let[e,n]of Object.entries(P))if(n.test(t))return F[e](t);return{h:0,s:0,v:0,a:1}}var R=(0,u.createContext)(null);function z({position:t,...n}){return(0,d.jsx)(e.t,{__vars:{"--thumb-y-offset":`${t.y*100}%`,"--thumb-x-offset":`${t.x*100}%`},...n})}z.displayName=`@mantine/core/ColorPickerThumb`;var B={wrapper:`m_fee9c77`,preview:`m_9dddfbac`,body:`m_bffecc3e`,sliders:`m_3283bb96`,thumb:`m_40d572ba`,swatch:`m_d8ee6fd8`,swatches:`m_5711e686`,saturation:`m_202a296e`,saturationOverlay:`m_11b3db02`,slider:`m_d856d47d`,sliderOverlay:`m_8f327113`},V=e.r(n=>{let a=e.l(`ColorSlider`,null,n),{classNames:o,className:s,style:c,styles:l,unstyled:f,vars:p,onChange:m,onChangeEnd:h,maxValue:g,round:_,size:v=`md`,focusable:y=!0,value:b,overlays:x,thumbColor:S=`transparent`,onScrubStart:C,onScrubEnd:w,__staticSelector:T=`ColorPicker`,attributes:E,ref:D,...O}=a,k=e.c({name:T,classes:B,props:a,className:s,style:c,classNames:o,styles:l,unstyled:f,attributes:E,rootSelector:`slider`}),A=(0,u.use)(R)?.getStyles||k,j=e.d(),[M,N]=(0,u.useState)({y:0,x:b/g}),P=(0,u.useRef)(M),F=e=>_?Math.round(e*g):e*g,{ref:I}=t.d(({x:e,y:t})=>{P.current={x:e,y:t},m?.(F(e))},{onScrubEnd:()=>{let{x:e}=P.current;h?.(F(e)),w?.()},onScrubStart:C});r.d(()=>{N({y:0,x:b/g})},[b]);let L=(e,n)=>{e.preventDefault();let r=t.u(n);m?.(F(r.x)),h?.(F(r.x))},V=e=>{switch(e.key){case`ArrowRight`:L(e,{x:M.x+.05,y:M.y});break;case`ArrowLeft`:L(e,{x:M.x-.05,y:M.y});break}},H=x.map((e,t)=>(0,u.createElement)(`div`,{...A(`sliderOverlay`),style:e,key:t}));return(0,d.jsxs)(e.t,{...O,ref:i.r(I,D),...A(`slider`),size:v,role:`slider`,"aria-valuenow":b,"aria-valuemax":g,"aria-valuemin":0,tabIndex:y?0:-1,onKeyDown:V,"data-focus-ring":j.focusRing,__vars:{"--cp-thumb-size":`var(--cp-thumb-size-${v})`},children:[H,(0,d.jsx)(z,{position:M,...A(`thumb`,{style:{top:e.I(1),background:S}})})]})});V.displayName=`@mantine/core/ColorSlider`,V.classes=B;var H={__staticSelector:`AlphaSlider`},U=e.r(t=>{let{value:n,onChange:r,onChangeEnd:i,color:a,...o}=e.l(`AlphaSlider`,H,t);return(0,d.jsx)(V,{...o,value:n,onChange:e=>r?.(C(e,2)),onChangeEnd:e=>i?.(C(e,2)),maxValue:1,round:!1,"data-alpha":!0,overlays:[{backgroundImage:`linear-gradient(45deg, var(--slider-checkers) 25%, transparent 25%), linear-gradient(-45deg, var(--slider-checkers) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--slider-checkers) 75%), linear-gradient(-45deg, var(--mantine-color-body) 75%, var(--slider-checkers) 75%)`,backgroundSize:`${e.I(8)} ${e.I(8)}`,backgroundPosition:`0 0, 0 ${e.I(4)}, ${e.I(4)} ${e.I(-4)}, ${e.I(-4)} 0`},{backgroundImage:`linear-gradient(90deg, transparent, ${a})`},{boxShadow:`rgba(0, 0, 0, .1) 0 0 0 ${e.I(1)} inset, rgb(0, 0, 0, .15) 0 0 ${e.I(4)} inset`}]})});U.displayName=`@mantine/core/AlphaSlider`,U.classes=V.classes;function W({h:e,s:t,v:n,a:r}){let i=e/360*6,a=t/100,o=n/100,s=Math.floor(i),c=o*(1-a),l=o*(1-(i-s)*a),u=o*(1-(1-i+s)*a),d=s%6;return{r:C([o,l,c,c,u,o][d]*255),g:C([u,o,o,l,c,c][d]*255),b:C([c,c,u,o,o,l][d]*255),a:C(r,2)}}function G(e,t){let{r:n,g:r,b:i,a}=W(e);return t?`rgba(${n}, ${r}, ${i}, ${C(a,2)})`:`rgb(${n}, ${r}, ${i})`}function K({h:e,s:t,v:n,a:r},i){let a=(200-t)*n/100,o={h:Math.round(e),s:Math.round(a>0&&a<200?t*n/100/(a<=100?a:200-a)*100:0),l:Math.round(a/2)};return i?`hsla(${o.h}, ${o.s}%, ${o.l}%, ${C(r,2)})`:`hsl(${o.h}, ${o.s}%, ${o.l}%)`}function q(e){let t=e.toString(16);return t.length<2?`0${t}`:t}function ee(e){let{r:t,g:n,b:r}=W(e);return`#${q(t)}${q(n)}${q(r)}`}function J(e){let t=Math.round(e.a*255);return`${ee(e)}${q(t)}`}var Y={hex:ee,hexa:e=>J(e),rgb:e=>G(e,!1),rgba:e=>G(e,!0),hsl:e=>K(e,!1),hsla:e=>K(e,!0)};function X(e,t){return t?e in Y?Y[e](t):Y.hex(t):`#000000`}var Z={__staticSelector:`HueSlider`},te=e.r(t=>{let{value:n,onChange:r,onChangeEnd:i,color:a,...o}=e.l(`HueSlider`,Z,t);return(0,d.jsx)(V,{...o,value:n,onChange:r,onChangeEnd:i,maxValue:360,thumbColor:`hsl(${n}, 100%, 50%)`,round:!0,"data-hue":!0,overlays:[{backgroundImage:`linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))`},{boxShadow:`rgba(0, 0, 0, .1) 0 0 0 ${e.I(1)} inset, rgb(0, 0, 0, .15) 0 0 ${e.I(4)} inset`}]})});te.displayName=`@mantine/core/HueSlider`,te.classes=V.classes;function ne({className:n,onChange:r,onChangeEnd:i,value:a,saturationLabel:o,focusable:s=!0,size:c,color:l,onScrubStart:f,onScrubEnd:p,...m}){let{getStyles:h}=(0,u.use)(R),[g,_]=(0,u.useState)({x:a.s/100,y:1-a.v/100}),v=(0,u.useRef)(g),{ref:y}=t.d(({x:e,y:t})=>{v.current={x:e,y:t},r({s:Math.round(e*100),v:Math.round((1-t)*100)})},{onScrubEnd:()=>{let{x:e,y:t}=v.current;i({s:Math.round(e*100),v:Math.round((1-t)*100)}),p?.()},onScrubStart:f});(0,u.useEffect)(()=>{_({x:a.s/100,y:1-a.v/100})},[a.s,a.v]);let b=(e,n)=>{e.preventDefault();let a=t.u(n);r({s:Math.round(a.x*100),v:Math.round((1-a.y)*100)}),i({s:Math.round(a.x*100),v:Math.round((1-a.y)*100)})},x=e=>{switch(e.key){case`ArrowUp`:b(e,{y:g.y-.05,x:g.x});break;case`ArrowDown`:b(e,{y:g.y+.05,x:g.x});break;case`ArrowRight`:b(e,{x:g.x+.05,y:g.y});break;case`ArrowLeft`:b(e,{x:g.x-.05,y:g.y});break}};return(0,d.jsxs)(e.t,{...h(`saturation`),ref:y,...m,role:`slider`,"aria-label":o,"aria-valuenow":g.x,"aria-valuetext":X(`rgba`,a),tabIndex:s?0:-1,onKeyDown:x,children:[(0,d.jsx)(`div`,{...h(`saturationOverlay`,{style:{backgroundColor:`hsl(${a.h}, 100%, 50%)`}})}),(0,d.jsx)(`div`,{...h(`saturationOverlay`,{style:{backgroundImage:`linear-gradient(90deg, #fff, transparent)`}})}),(0,d.jsx)(`div`,{...h(`saturationOverlay`,{style:{backgroundImage:`linear-gradient(0deg, #000, transparent)`}})}),(0,d.jsx)(z,{position:g,...h(`thumb`,{style:{backgroundColor:l}})})]})}ne.displayName=`@mantine/core/Saturation`;function re({className:t,datatype:n,setValue:r,onChangeEnd:i,size:a,focusable:o,data:s,swatchesPerRow:l,value:f,...p}){let m=(0,u.use)(R),h=s.map((t,n)=>(0,u.createElement)(S,{...m.getStyles(`swatch`),unstyled:m.unstyled,component:`button`,type:`button`,color:t,key:n,radius:`sm`,onClick:()=>{r(t),i?.(t)},"aria-label":t,tabIndex:o?0:-1,"data-swatch":!0},f===t&&(0,d.jsx)(c.t,{size:`35%`,color:e.C(t)<.5?`white`:`black`})));return(0,d.jsx)(e.t,{...m.getStyles(`swatches`),...p,children:h})}re.displayName=`@mantine/core/Swatches`;var ie={swatchesPerRow:7,withPicker:!0,focusable:!0,size:`md`,__staticSelector:`ColorPicker`},ae=e.D((t,{size:n,swatchesPerRow:r})=>({wrapper:{"--cp-preview-size":e.M(n,`cp-preview-size`),"--cp-width":e.M(n,`cp-width`),"--cp-body-spacing":e.N(n),"--cp-swatch-size":`${100/r}%`,"--cp-thumb-size":e.M(n,`cp-thumb-size`),"--cp-saturation-height":e.M(n,`cp-saturation-height`)}})),Q=e.r(t=>{let i=e.l(`ColorPicker`,ie,t),{classNames:a,className:o,style:s,styles:c,unstyled:l,vars:f,format:p=`hex`,value:m,defaultValue:h,onChange:g,onChangeEnd:_,withPicker:v,size:y,saturationLabel:b,hueLabel:x,alphaLabel:C,focusable:w,swatches:T,swatchesPerRow:E,fullWidth:D,onColorSwatchClick:O,__staticSelector:k,mod:A,attributes:j,name:M,hiddenInputProps:N,...P}=i,F=e.c({name:k,props:i,classes:B,className:o,style:s,classNames:a,styles:c,unstyled:l,attributes:j,rootSelector:`wrapper`,vars:f,varsResolver:ae}),z=(0,u.useRef)(p||`hex`),V=(0,u.useRef)(``),H=(0,u.useRef)(-1),W=(0,u.useRef)(!1),G=p===`hexa`||p===`rgba`||p===`hsla`,[K,q,ee]=n.t({value:m,defaultValue:h,finalValue:`#FFFFFF`,onChange:g}),[J,Y]=(0,u.useState)(L(K)),Z=()=>{window.clearTimeout(H.current),W.current=!0},Q=()=>{window.clearTimeout(H.current),H.current=window.setTimeout(()=>{W.current=!1},200)},oe=e=>{Y(t=>{let n={...t,...e};return V.current=X(z.current,n),n}),q(V.current)};return r.d(()=>{typeof m==`string`&&I(m)&&!W.current&&Y(L(m))},[m]),r.d(()=>{z.current=p||`hex`,q(X(z.current,J))},[p]),(0,d.jsx)(R,{value:{getStyles:F,unstyled:l},children:(0,d.jsxs)(e.t,{...F(`wrapper`),size:y,mod:[{"full-width":D},A],...P,children:[M&&(0,d.jsx)(`input`,{type:`hidden`,name:M,value:K,...N}),v&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(ne,{value:J,onChange:oe,onChangeEnd:({s:e,v:t})=>_?.(X(z.current,{...J,s:e,v:t})),color:K,size:y,focusable:w,saturationLabel:b,onScrubStart:Z,onScrubEnd:Q}),(0,d.jsxs)(`div`,{...F(`body`),children:[(0,d.jsxs)(`div`,{...F(`sliders`),children:[(0,d.jsx)(te,{value:J.h,onChange:e=>oe({h:e}),onChangeEnd:e=>_?.(X(z.current,{...J,h:e})),size:y,focusable:w,"aria-label":x,onScrubStart:Z,onScrubEnd:Q}),G&&(0,d.jsx)(U,{value:J.a,onChange:e=>oe({a:e}),onChangeEnd:e=>{_?.(X(z.current,{...J,a:e}))},size:y,color:X(`hex`,J),focusable:w,"aria-label":C,onScrubStart:Z,onScrubEnd:Q})]}),G&&(0,d.jsx)(S,{color:K,radius:`sm`,size:`var(--cp-preview-size)`,...F(`preview`)})]})]}),Array.isArray(T)&&(0,d.jsx)(re,{data:T,swatchesPerRow:E,focusable:w,setValue:q,value:K,onChangeEnd:e=>{let t=X(p,L(e));O?.(t),_?.(t),ee||Y(L(e))}})]})})});Q.classes=B,Q.varsResolver=ae,Q.displayName=`@mantine/core/ColorPicker`;function oe({style:e,...t}){return(0,d.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,style:{width:`var(--ci-eye-dropper-icon-size)`,height:`var(--ci-eye-dropper-icon-size)`,...e},viewBox:`0 0 24 24`,strokeWidth:`1.5`,stroke:`currentColor`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`,...t,children:[(0,d.jsx)(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),(0,d.jsx)(`path`,{d:`M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0`}),(0,d.jsx)(`path`,{d:`M12 3l0 4`}),(0,d.jsx)(`path`,{d:`M12 21l0 -3`}),(0,d.jsx)(`path`,{d:`M3 12l4 0`}),(0,d.jsx)(`path`,{d:`M21 12l-3 0`}),(0,d.jsx)(`path`,{d:`M12 12l0 .01`})]})}var se={eyeDropperIcon:`m_b077c2bc`,eyeDropperButton:`m_66a028b5`,colorPreview:`m_c5ccdcab`,dropdown:`m_5ece2cd7`},ce={format:`hex`,fixOnBlur:!0,withPreview:!0,swatchesPerRow:7,withPicker:!0,popoverProps:{transitionProps:{transition:`fade`,duration:0}},withEyeDropper:!0,size:`sm`,leftSectionPointerEvents:`none`},le=e.D((t,{size:n})=>({eyeDropperIcon:{"--ci-eye-dropper-icon-size":e.M(n,`ci-eye-dropper-icon-size`)},eyeDropperButton:{"--ci-button-size":e.M(n,`ci-button-size`)},colorPreview:{"--ci-preview-size":e.M(n,`ci-preview-size`)}})),$=e.r(i=>{let o=e.l(`ColorInput`,ce,i),{classNames:c,styles:l,unstyled:f,disallowInput:p,fixOnBlur:m,popoverProps:h,withPreview:g,withEyeDropper:v,eyeDropperIcon:y,closeOnColorSwatchClick:b,eyeDropperButtonProps:x,value:C,defaultValue:w,onChange:T,onChangeEnd:E,onClick:D,onFocus:O,onBlur:k,inputProps:A,format:j=`hex`,wrapperProps:M,readOnly:N,withPicker:P,swatches:F,disabled:R,leftSection:z,rightSection:B,swatchesPerRow:V,...H}=r.r(`ColorInput`,ce,i),U=e.c({name:`ColorInput`,props:o,classes:se,classNames:c,styles:l,unstyled:f,rootSelector:`wrapper`,vars:o.vars,varsResolver:le}),{resolvedClassNames:W,resolvedStyles:G}=a.t({classNames:c,styles:l,props:o}),[K,q]=(0,u.useState)(!1),[ee,J]=(0,u.useState)(``),[Y,Z]=n.t({value:C,defaultValue:w,finalValue:``,onChange:T}),{supported:te,open:ne}=_(),re=(0,d.jsx)(s.t,{...x,...U(`eyeDropperButton`,{className:x?.className,style:x?.style}),variant:`subtle`,color:`gray`,unstyled:f,onClick:()=>ne().then(e=>{if(e?.sRGBHex){let t=X(j,L(e.sRGBHex));Z(t),E?.(t)}}).catch(()=>{}),children:y||(0,d.jsx)(oe,{...U(`eyeDropperIcon`)})}),ie=e=>{O?.(e),q(!0)},ae=e=>{m&&Z(ee),k?.(e),q(!1)},$=e=>{D?.(e),q(!0)};return(0,u.useEffect)(()=>{(I(Y)||Y.trim()===``)&&J(Y)},[Y]),r.d(()=>{I(Y)&&Z(X(j,L(Y)))},[j]),(0,d.jsx)(r.i.Wrapper,{...M,classNames:W,styles:G,__staticSelector:`ColorInput`,children:(0,d.jsxs)(t.n,{__staticSelector:`ColorInput`,position:`bottom-start`,offset:5,opened:K,...h,classNames:W,styles:G,unstyled:f,withRoles:!1,disabled:N||P===!1&&(!Array.isArray(F)||F.length===0),children:[(0,d.jsx)(t.n.Target,{children:(0,d.jsx)(r.i,{autoComplete:`off`,...H,...A,classNames:W,styles:G,disabled:R,__staticSelector:`ColorInput`,onFocus:ie,onBlur:ae,onClick:$,spellCheck:!1,value:Y,onChange:e=>{let t=e.currentTarget.value;Z(t),I(t)&&E?.(X(j,L(t)))},leftSection:z||(g?(0,d.jsx)(S,{color:I(Y)?Y:`#fff`,size:`var(--ci-preview-size)`,...U(`colorPreview`)}):null),readOnly:p||N,pointer:p,unstyled:f,rightSection:B||(v&&!R&&!N&&te?re:null)})}),(0,d.jsx)(t.n.Dropdown,{onMouseDown:e=>e.preventDefault(),className:se.dropdown,children:(0,d.jsx)(Q,{__staticSelector:`ColorInput`,value:Y,onChange:Z,onChangeEnd:E,format:j,swatches:F,swatchesPerRow:V,withPicker:P,size:A.size,focusable:!1,unstyled:f,styles:G,classNames:W,onColorSwatchClick:()=>b&&q(!1),attributes:M.attributes})})]})})});$.classes=r.n.classes,$.varsResolver=le,$.displayName=`@mantine/core/ColorInput`;function ue(t){if(t!==void 0)return typeof t==`number`?e.I(t):t}function de({spacing:t,verticalSpacing:n,cols:r,minColWidth:i,autoRows:a,selector:o}){let s=e.d(),c=n===void 0?t:n,l=i!==void 0,u=e.P({"--sg-spacing-x":e.N(g(t)),"--sg-spacing-y":e.N(g(c)),"--sg-auto-rows":a,...l?{"--sg-min-col-width":ue(i)}:{"--sg-cols":g(r)?.toString()}}),f=e.R(s.breakpoints).reduce((n,i)=>(n[i]||(n[i]={}),typeof t==`object`&&t[i]!==void 0&&(n[i][`--sg-spacing-x`]=e.N(t[i])),typeof c==`object`&&c[i]!==void 0&&(n[i][`--sg-spacing-y`]=e.N(c[i])),!l&&typeof r==`object`&&r[i]!==void 0&&(n[i][`--sg-cols`]=r[i]),n),{});return(0,d.jsx)(e.s,{styles:u,media:h(e.R(f),s.breakpoints).filter(t=>e.R(f[t.value]).length>0).map(e=>({query:`(min-width: ${s.breakpoints[e.value]})`,styles:f[e.value]})),selector:o})}function fe(t){return typeof t==`object`&&t?e.R(t):[]}function pe(e){return e.sort((e,t)=>p(e)-p(t))}function me({spacing:e,verticalSpacing:t,cols:n,minColWidth:r}){return pe(Array.from(new Set([...fe(e),...fe(t),...r===void 0?fe(n):[]])))}function he({spacing:t,verticalSpacing:n,cols:r,minColWidth:i,autoRows:a,selector:o}){let s=n===void 0?t:n,c=i!==void 0,l=e.P({"--sg-spacing-x":e.N(g(t)),"--sg-spacing-y":e.N(g(s)),"--sg-auto-rows":a,...c?{"--sg-min-col-width":ue(i)}:{"--sg-cols":g(r)?.toString()}}),u=me({spacing:t,verticalSpacing:n,cols:r,minColWidth:i}),f=u.reduce((n,i)=>(n[i]||(n[i]={}),typeof t==`object`&&t[i]!==void 0&&(n[i][`--sg-spacing-x`]=e.N(t[i])),typeof s==`object`&&s[i]!==void 0&&(n[i][`--sg-spacing-y`]=e.N(s[i])),!c&&typeof r==`object`&&r[i]!==void 0&&(n[i][`--sg-cols`]=r[i]),n),{});return(0,d.jsx)(e.s,{styles:l,container:u.map(e=>({query:`simple-grid (min-width: ${e})`,styles:f[e]})),selector:o})}var ge={container:`m_925c2d2c`,root:`m_2415a157`},_e={cols:1,spacing:`md`,type:`media`},ve=e.r(t=>{let n=e.l(`SimpleGrid`,_e,t),{classNames:r,className:i,style:a,styles:o,unstyled:s,vars:c,cols:l,verticalSpacing:u,spacing:f,type:p,minColWidth:m,autoFlow:h,autoRows:g,attributes:_,...v}=n,y=e.c({name:`SimpleGrid`,classes:ge,props:n,className:i,style:a,classNames:r,styles:o,unstyled:s,attributes:_,vars:c}),b=e.a(),x=m===void 0?void 0:h||`auto-fill`;return p===`container`?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(he,{...n,selector:`.${b}`}),(0,d.jsx)(`div`,{...y(`container`),children:(0,d.jsx)(e.t,{...y(`root`,{className:b}),...v,"data-auto-cols":x})})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(de,{...n,selector:`.${b}`}),(0,d.jsx)(e.t,{...y(`root`,{className:b}),...v,"data-auto-cols":x})]})});ve.classes=ge,ve.displayName=`@mantine/core/SimpleGrid`;var ye={root:`_root_18r9b_1`,colorRow:`_colorRow_18r9b_7`,colorSwatch:`_colorSwatch_18r9b_13`,colorInput:`_colorInput_18r9b_38`},be=({value:e,onChange:t,error:n,disabled:r=!1})=>(0,d.jsxs)(`div`,{className:ye.root,children:[(0,d.jsx)(`div`,{className:ye.colorRow,children:l.t.map(n=>(0,d.jsx)(o.t,{className:ye.colorSwatch,"data-selected":e===n||void 0,"data-disabled":r||void 0,style:{background:n},onClick:()=>!r&&t(n),"aria-label":`Color ${n}`,"aria-pressed":e===n,disabled:r},n))}),(0,d.jsx)($,{value:e,onChange:t,placeholder:`Custom color`,size:`xs`,className:ye.colorInput,"aria-label":`Custom color picker`,error:n,disabled:r})]});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return ve}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return be}});

package/dist/Colors-ClnDxnyA.js

@@ -0,0 +1,15 @@
+//#region src/constants/Colors.ts
+var e = [
+	"#868e96",
+	"#fa5252",
+	"#fd7e14",
+	"#fab005",
+	"#82c91e",
+	"#40c057",
+	"#15aabf",
+	"#228be6",
+	"#7950f2",
+	"#e64980"
+];
+//#endregion
+export { e as t };

package/dist/Colors-zP2AFgU3.cjs

@@ -0,0 +1 @@
+var e=[`#868e96`,`#fa5252`,`#fd7e14`,`#fab005`,`#82c91e`,`#40c057`,`#15aabf`,`#228be6`,`#7950f2`,`#e64980`];Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/CreateItemApp-B12M1E_1.cjs

@@ -0,0 +1 @@
+const e=require(`./Box-zW6Twge8.cjs`),t=require(`./ColorPicker-BrDE7tMO.cjs`),n=require(`./Tooltip-D5Cd9wtz.cjs`),r=require(`./TextInput-CrsmcOip.cjs`),i=require(`./use-merged-ref-n9Gw9LNn.cjs`),a=require(`./UnstyledButton-DX2pTahr.cjs`),o=require(`./ActionIcon-alk2zZD6.cjs`),s=require(`./Group-Dsrf6lEK.cjs`),c=require(`./getRuntime-BFK0-8R1.cjs`),l=require(`./Button-DMlnrqyx.cjs`),u=require(`./desktopStore-CZoA9VHO.cjs`),d=require(`./useDynamicIcon-DJ_il30E.cjs`),f=require(`./VscIcon-CcMdrFoJ.cjs`);let p=require(`react`),m=require(`react/jsx-runtime`),h=require(`react-dom`);function g(e){if(!e||typeof e==`string`)return 0;let t=e/36;return Math.round((4+15*t**.25+t/5)*10)}function _(e){return e.current?e.current.scrollHeight:`auto`}function v({transitionDuration:e,transitionTimingFunction:t=`ease`,onTransitionEnd:n,onTransitionStart:a,expanded:o,keepMounted:s}){let c={height:0,overflow:`hidden`,...s?{}:{display:`none`}},l=(0,p.useEffectEvent)(()=>a?.()),u=(0,p.useRef)(null),[d,f]=(0,p.useState)(o?{}:c),[m,v]=(0,p.useState)(o?`entered`:`exited`),y=e=>{(0,h.flushSync)(()=>f(e))},b=e=>{y(t=>({...t,...e}))},x=n=>{let r=e||g(n);return{transition:`height ${r}ms ${t}, opacity ${r}ms ${t}`}};r.d(()=>{e!==0&&l(),o?window.requestAnimationFrame(()=>{(0,h.flushSync)(()=>v(`entering`)),b({willChange:`height`,display:`block`,overflow:`hidden`}),window.requestAnimationFrame(()=>{let e=_(u);b({...x(e),height:e})})}):window.requestAnimationFrame(()=>{(0,h.flushSync)(()=>v(`exiting`));let e=_(u);b({...x(e),willChange:`height`,height:e}),window.requestAnimationFrame(()=>b({height:0,overflow:`hidden`}))})},[o]);let S=e=>{if(!(e.target!==u.current||e.propertyName!==`height`))if(o){let e=_(u);e===d.height?y({}):b({height:e}),v(`entered`),n?.()}else d.height===0&&(y(c),v(`exited`),n?.())};return{state:m,getCollapseProps:e=>({"aria-hidden":!o,inert:!o,ref:i.n(u,e?.ref),onTransitionEnd:S,style:{boxSizing:`border-box`,...e?.style,...d}})}}function y(e){if(!e||typeof e==`string`)return 0;let t=e/36;return Math.round((4+15*t**.25+t/5)*10)}function b(e){return e.current?e.current.scrollWidth:`auto`}function x({transitionDuration:e,transitionTimingFunction:t=`ease`,onTransitionEnd:n,onTransitionStart:a,expanded:o,keepMounted:s}){let c={width:0,overflow:`hidden`,...s?{}:{display:`none`}},l=(0,p.useRef)(null),[u,d]=(0,p.useState)(o?{}:c),[f,m]=(0,p.useState)(o?`entered`:`exited`),g=e=>{(0,h.flushSync)(()=>d(e))},_=e=>{g(t=>({...t,...e}))},v=n=>{let r=e||y(n);return{transition:`width ${r}ms ${t}, opacity ${r}ms ${t}`}};r.d(()=>{e!==0&&a?.(),o?window.requestAnimationFrame(()=>{(0,h.flushSync)(()=>m(`entering`)),_({willChange:`width`,display:`block`,overflow:`hidden`}),window.requestAnimationFrame(()=>{let e=b(l);_({...v(e),width:e})})}):window.requestAnimationFrame(()=>{(0,h.flushSync)(()=>m(`exiting`));let e=b(l);_({...v(e),willChange:`width`,width:e}),window.requestAnimationFrame(()=>_({width:0,overflow:`hidden`}))})},[o,a]);let x=e=>{if(!(e.target!==l.current||e.propertyName!==`width`))if(o){let e=b(l);e===u.width?g({}):_({width:e}),m(`entered`),n?.()}else u.width===0&&(g(c),m(`exited`),n?.())};return{state:f,getCollapseProps:e=>({"aria-hidden":!o,inert:!o,ref:i.n(l,e?.ref),onTransitionEnd:x,style:{boxSizing:`border-box`,...e?.style,...u}})}}var S={transitionDuration:200,transitionTimingFunction:`ease`,animateOpacity:!0,orientation:`vertical`},C=e.r(t=>{let{children:i,expanded:a,transitionDuration:o,transitionTimingFunction:s,style:c,onTransitionEnd:l,onTransitionStart:u,animateOpacity:d,keepMounted:f,ref:h,orientation:g,..._}=e.l(`Collapse`,S,t),y=e.h(),b=e.d(),C=r.l(),w=b.respectReducedMotion&&C?0:o,T=(g===`horizontal`?x:v)({expanded:a,transitionDuration:w,transitionTimingFunction:s,onTransitionEnd:l,onTransitionStart:u,keepMounted:!1});if(w===0)return f===!0&&y!==`test`?(0,m.jsx)(p.Activity,{mode:a?`visible`:`hidden`,children:(0,m.jsx)(e.t,{..._,children:i})}):a?(0,m.jsx)(e.t,{..._,children:i}):null;let E=T.state===`exited`,D;return D=f===!1?E?null:i:f===!0?(0,m.jsx)(p.Activity,{mode:E?`hidden`:`visible`,children:i}):i,(0,m.jsx)(e.t,{..._,...T.getCollapseProps({style:{opacity:a||!d?1:0,transition:d?`opacity ${w}ms ${s}`:`none`,...n.s(c,b)},ref:h}),children:D})});C.displayName=`@mantine/core/Collapse`;var w={root:`_root_1jzye_1`,iconGrid:`_iconGrid_1jzye_7`,iconButton:`_iconButton_1jzye_11`},T=[`VscFolder`,`VscFolderOpened`,`VscHome`,`VscServer`,`VscDatabase`,`VscBook`,`VscMail`,`VscGithub`,`VscCloud`,`VscLock`,`VscSettingsGear`,`VscStar`,`VscHeart`,`VscMusic`,`VscCamera`,`VscArchive`],E=({selectedIcon:e,selectedColor:r,onIconChange:i,onColorChange:o,colorError:s})=>(0,m.jsxs)(`div`,{className:w.root,children:[(0,m.jsx)(t.n,{cols:8,spacing:4,className:w.iconGrid,children:T.map(t=>{let o=e===t;return(0,m.jsx)(n.t,{label:t,openDelay:500,children:(0,m.jsx)(a.t,{className:w.iconButton,"data-selected":o||void 0,onClick:()=>i(t),"aria-label":t,"aria-pressed":o,children:(0,m.jsx)(f.t,{name:t,size:20,color:r})})},t)})}),(0,m.jsx)(t.t,{value:r,onChange:o,error:s})]}),D={content:`_content_ej839_1`,header:`_header_ej839_8`,nameRow:`_nameRow_ej839_13`,iconPreview:`_iconPreview_ej839_19`,nameInput:`_nameInput_ej839_30`,collapseToggle:`_collapseToggle_ej839_34`,pickerWrapper:`_pickerWrapper_ej839_46`},O=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/,k=e=>O.test(e),A={size:14,style:{display:`block`}},j=({open:e})=>d.i(e?`FcCollapse`:`FcExpand`,A),M=()=>d.i(`FcCancel`,A),N=()=>d.i(`FcCheckmark`,A),P=`VscFolder`,F=`#228be6`,I=`New File`,L=`New Folder`,R=36,z=({window:e})=>{let t=e,n=t?.contentData?.mode??`folder`,i=t?.contentData?.parentId??null,f=t?.contentData?.currentPath??`/home`,[h,g]=(0,p.useState)(n===`folder`?L:I),[_,v]=(0,p.useState)(P),[y,b]=(0,p.useState)(F),[x,S]=(0,p.useState)(t?.contentData?.iconPickerOpen??!1),w=(0,p.useRef)(null),T=u.o(e=>e.closeWindow),O=u.o(e=>e.resizeWindow),A=u.o(e=>e.createFile),z=u.o(e=>e.createFolder),B=u.o(e=>e.addNotification),V=u.o(e=>e.fsNodes),H=u.o(e=>e.windows.find(e=>e.id===t?.id)?.width??400),U=V.some(e=>e.parentId===i&&e.type===n&&e.name===h.trim()),W=n===`folder`&&x&&!k(y),G=h.trim().length>0&&!U&&!W;(0,p.useEffect)(()=>{if(!t?.id||!w.current)return;let e=w.current,n=new ResizeObserver(()=>{O(t.id,H,e.scrollHeight+R)});return n.observe(e),()=>n.disconnect()},[t,H,O]);let K=()=>{if(!G)return;let e=h.trim(),r=i??null,a=_,o=y;T(t.id),n===`folder`?z(e,r,a,o).catch(e=>{console.error(`Failed to create folder:`,e),B({id:`create-folder-error-${Date.now()}`,title:`Error`,message:`Failed to create folder: ${e instanceof Error?e.message:`Unknown error`}`,fcIcon:`FcHighPriority`})}):A(e,``,r).catch(e=>{console.error(`Failed to create file:`,e),B({id:`create-file-error-${Date.now()}`,title:`Error`,message:`Failed to create file: ${e instanceof Error?e.message:`Unknown error`}`,fcIcon:`FcHighPriority`})})},q=()=>{T(t.id)},J=d.c(_,{size:40,color:y});return(0,m.jsxs)(`div`,{ref:w,className:D.root,children:[(0,m.jsx)(`div`,{className:D.header,children:(0,m.jsxs)(c.o,{fw:600,size:`sm`,children:[n===`folder`?`Create new folder`:`Create new file`,` in `,f,`:`]})}),(0,m.jsxs)(`div`,{className:D.content,children:[(0,m.jsxs)(`div`,{className:D.nameRow,children:[n===`folder`&&J&&(0,m.jsx)(`div`,{className:D.iconPreview,"aria-hidden":`true`,children:J}),(0,m.jsx)(r.t,{value:h,onChange:e=>g(e.currentTarget.value),onKeyDown:e=>e.key===`Enter`&&K(),error:U?`There is already a ${n} with that name`:void 0,rightSection:h?(0,m.jsx)(o.t,{variant:`transparent`,size:`sm`,onClick:()=>g(``),"aria-label":`Clear name`,children:(0,m.jsx)(M,{})}):null,autoFocus:!0,className:D.nameInput,"aria-label":`Item name`})]}),n===`folder`&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(a.t,{className:D.collapseToggle,onClick:()=>S(e=>!e),"aria-expanded":x,children:[(0,m.jsx)(j,{open:x}),(0,m.jsx)(c.o,{size:`sm`,ml:6,children:`Choose custom icon or color`})]}),(0,m.jsx)(C,{expanded:x,children:(0,m.jsx)(`div`,{className:D.pickerWrapper,children:(0,m.jsx)(E,{selectedIcon:_,selectedColor:y,onIconChange:v,onColorChange:b,colorError:W?`Enter a valid hex color (e.g. #ff0000)`:void 0})})}),(0,m.jsx)(c.o,{size:`xs`,c:`dimmed`,mt:4,children:`You can change the icon later in folder properties.`})]}),(0,m.jsxs)(s.t,{justify:`flex-end`,mt:`md`,children:[(0,m.jsx)(l.t,{variant:`default`,size:`sm`,onClick:q,leftSection:(0,m.jsx)(M,{}),children:`Cancel`}),(0,m.jsx)(l.t,{size:`sm`,onClick:K,leftSection:(0,m.jsx)(N,{}),disabled:!G,children:`OK`})]})]})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return z}});

package/dist/CreateItemApp-TAAprby3.js

@@ -0,0 +1,400 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { d as t, h as n, l as r, r as i, t as a } from "./Box-DSKR_qaa.js";
+import { n as o, t as s } from "./ColorPicker-BCNqi02x.js";
+import { s as c, t as l } from "./Tooltip-DOeIvhrO.js";
+import { d as u, l as d, t as f } from "./TextInput-C-JtGWn1.js";
+import { n as p } from "./use-merged-ref-BT8_u6vW.js";
+import { t as m } from "./UnstyledButton-DGaG-e_G.js";
+import { t as h } from "./ActionIcon-Drh4p6Fv.js";
+import { t as g } from "./Group-CtBJSfCo.js";
+import { o as _ } from "./getRuntime-DAPqFH2W.js";
+import { t as v } from "./Button-wTOTQKxF.js";
+import { o as y } from "./desktopStore-F8bgLqFl.js";
+import { c as b, i as x } from "./useDynamicIcon-Bf0t2foA.js";
+import { t as S } from "./VscIcon-DBfVnArE.js";
+import { Activity as C, useEffect as w, useEffectEvent as T, useRef as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { flushSync as j } from "react-dom";
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-collapse/use-collapse.mjs
+function M(e) {
+	if (!e || typeof e == "string") return 0;
+	let t = e / 36;
+	return Math.round((4 + 15 * t ** .25 + t / 5) * 10);
+}
+function N(e) {
+	return e.current ? e.current.scrollHeight : "auto";
+}
+function P({ transitionDuration: e, transitionTimingFunction: t = "ease", onTransitionEnd: n, onTransitionStart: r, expanded: i, keepMounted: a }) {
+	let o = {
+		height: 0,
+		overflow: "hidden",
+		...a ? {} : { display: "none" }
+	}, s = T(() => r?.()), c = E(null), [l, d] = D(i ? {} : o), [f, m] = D(i ? "entered" : "exited"), h = (e) => {
+		j(() => d(e));
+	}, g = (e) => {
+		h((t) => ({
+			...t,
+			...e
+		}));
+	}, _ = (n) => {
+		let r = e || M(n);
+		return { transition: `height ${r}ms ${t}, opacity ${r}ms ${t}` };
+	};
+	u(() => {
+		e !== 0 && s(), i ? window.requestAnimationFrame(() => {
+			j(() => m("entering")), g({
+				willChange: "height",
+				display: "block",
+				overflow: "hidden"
+			}), window.requestAnimationFrame(() => {
+				let e = N(c);
+				g({
+					..._(e),
+					height: e
+				});
+			});
+		}) : window.requestAnimationFrame(() => {
+			j(() => m("exiting"));
+			let e = N(c);
+			g({
+				..._(e),
+				willChange: "height",
+				height: e
+			}), window.requestAnimationFrame(() => g({
+				height: 0,
+				overflow: "hidden"
+			}));
+		});
+	}, [i]);
+	let v = (e) => {
+		if (!(e.target !== c.current || e.propertyName !== "height")) if (i) {
+			let e = N(c);
+			e === l.height ? h({}) : g({ height: e }), m("entered"), n?.();
+		} else l.height === 0 && (h(o), m("exited"), n?.());
+	};
+	return {
+		state: f,
+		getCollapseProps: (e) => ({
+			"aria-hidden": !i,
+			inert: !i,
+			ref: p(c, e?.ref),
+			onTransitionEnd: v,
+			style: {
+				boxSizing: "border-box",
+				...e?.style,
+				...l
+			}
+		})
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-collapse/use-horizontal-collapse.mjs
+function F(e) {
+	if (!e || typeof e == "string") return 0;
+	let t = e / 36;
+	return Math.round((4 + 15 * t ** .25 + t / 5) * 10);
+}
+function I(e) {
+	return e.current ? e.current.scrollWidth : "auto";
+}
+function L({ transitionDuration: e, transitionTimingFunction: t = "ease", onTransitionEnd: n, onTransitionStart: r, expanded: i, keepMounted: a }) {
+	let o = {
+		width: 0,
+		overflow: "hidden",
+		...a ? {} : { display: "none" }
+	}, s = E(null), [c, l] = D(i ? {} : o), [d, f] = D(i ? "entered" : "exited"), m = (e) => {
+		j(() => l(e));
+	}, h = (e) => {
+		m((t) => ({
+			...t,
+			...e
+		}));
+	}, g = (n) => {
+		let r = e || F(n);
+		return { transition: `width ${r}ms ${t}, opacity ${r}ms ${t}` };
+	};
+	u(() => {
+		e !== 0 && r?.(), i ? window.requestAnimationFrame(() => {
+			j(() => f("entering")), h({
+				willChange: "width",
+				display: "block",
+				overflow: "hidden"
+			}), window.requestAnimationFrame(() => {
+				let e = I(s);
+				h({
+					...g(e),
+					width: e
+				});
+			});
+		}) : window.requestAnimationFrame(() => {
+			j(() => f("exiting"));
+			let e = I(s);
+			h({
+				...g(e),
+				willChange: "width",
+				width: e
+			}), window.requestAnimationFrame(() => h({
+				width: 0,
+				overflow: "hidden"
+			}));
+		});
+	}, [i, r]);
+	let _ = (e) => {
+		if (!(e.target !== s.current || e.propertyName !== "width")) if (i) {
+			let e = I(s);
+			e === c.width ? m({}) : h({ width: e }), f("entered"), n?.();
+		} else c.width === 0 && (m(o), f("exited"), n?.());
+	};
+	return {
+		state: d,
+		getCollapseProps: (e) => ({
+			"aria-hidden": !i,
+			inert: !i,
+			ref: p(s, e?.ref),
+			onTransitionEnd: _,
+			style: {
+				boxSizing: "border-box",
+				...e?.style,
+				...c
+			}
+		})
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Collapse/Collapse.mjs
+var R = {
+	transitionDuration: 200,
+	transitionTimingFunction: "ease",
+	animateOpacity: !0,
+	orientation: "vertical"
+}, z = i((e) => {
+	let { children: i, expanded: o, transitionDuration: s, transitionTimingFunction: l, style: u, onTransitionEnd: f, onTransitionStart: p, animateOpacity: m, keepMounted: h, ref: g, orientation: _, ...v } = r("Collapse", R, e), y = n(), b = t(), x = d(), S = b.respectReducedMotion && x ? 0 : s, w = (_ === "horizontal" ? L : P)({
+		expanded: o,
+		transitionDuration: S,
+		transitionTimingFunction: l,
+		onTransitionEnd: f,
+		onTransitionStart: p,
+		keepMounted: !1
+	});
+	if (S === 0) return h === !0 && y !== "test" ? /* @__PURE__ */ k(C, {
+		mode: o ? "visible" : "hidden",
+		children: /* @__PURE__ */ k(a, {
+			...v,
+			children: i
+		})
+	}) : o ? /* @__PURE__ */ k(a, {
+		...v,
+		children: i
+	}) : null;
+	let T = w.state === "exited", E;
+	return E = h === !1 ? T ? null : i : h === !0 ? /* @__PURE__ */ k(C, {
+		mode: T ? "hidden" : "visible",
+		children: i
+	}) : i, /* @__PURE__ */ k(a, {
+		...v,
+		...w.getCollapseProps({
+			style: {
+				opacity: o || !m ? 1 : 0,
+				transition: m ? `opacity ${S}ms ${l}` : "none",
+				...c(u, b)
+			},
+			ref: g
+		}),
+		children: E
+	});
+});
+z.displayName = "@mantine/core/Collapse";
+var B = {
+	root: "_root_1jzye_1",
+	iconGrid: "_iconGrid_1jzye_7",
+	iconButton: "_iconButton_1jzye_11"
+}, V = [
+	"VscFolder",
+	"VscFolderOpened",
+	"VscHome",
+	"VscServer",
+	"VscDatabase",
+	"VscBook",
+	"VscMail",
+	"VscGithub",
+	"VscCloud",
+	"VscLock",
+	"VscSettingsGear",
+	"VscStar",
+	"VscHeart",
+	"VscMusic",
+	"VscCamera",
+	"VscArchive"
+], H = ({ selectedIcon: e, selectedColor: t, onIconChange: n, onColorChange: r, colorError: i }) => /* @__PURE__ */ A("div", {
+	className: B.root,
+	children: [/* @__PURE__ */ k(o, {
+		cols: 8,
+		spacing: 4,
+		className: B.iconGrid,
+		children: V.map((r) => {
+			let i = e === r;
+			return /* @__PURE__ */ k(l, {
+				label: r,
+				openDelay: 500,
+				children: /* @__PURE__ */ k(m, {
+					className: B.iconButton,
+					"data-selected": i || void 0,
+					onClick: () => n(r),
+					"aria-label": r,
+					"aria-pressed": i,
+					children: /* @__PURE__ */ k(S, {
+						name: r,
+						size: 20,
+						color: t
+					})
+				})
+			}, r);
+		})
+	}), /* @__PURE__ */ k(s, {
+		value: t,
+		onChange: r,
+		error: i
+	})]
+}), U = {
+	content: "_content_ej839_1",
+	header: "_header_ej839_8",
+	nameRow: "_nameRow_ej839_13",
+	iconPreview: "_iconPreview_ej839_19",
+	nameInput: "_nameInput_ej839_30",
+	collapseToggle: "_collapseToggle_ej839_34",
+	pickerWrapper: "_pickerWrapper_ej839_46"
+}, W = /* @__PURE__ */ e({ default: () => $ }), G = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, K = (e) => G.test(e), q = {
+	size: 14,
+	style: { display: "block" }
+}, J = ({ open: e }) => x(e ? "FcCollapse" : "FcExpand", q), Y = () => x("FcCancel", q), X = () => x("FcCheckmark", q), Z = "VscFolder", Q = "#228be6", ee = "New File", te = "New Folder", ne = 36, $ = ({ window: e }) => {
+	let t = e, n = t?.contentData?.mode ?? "folder", r = t?.contentData?.parentId ?? null, i = t?.contentData?.currentPath ?? "/home", [a, o] = D(n === "folder" ? te : ee), [s, c] = D(Z), [l, u] = D(Q), [d, p] = D(t?.contentData?.iconPickerOpen ?? !1), x = E(null), S = y((e) => e.closeWindow), C = y((e) => e.resizeWindow), T = y((e) => e.createFile), j = y((e) => e.createFolder), M = y((e) => e.addNotification), N = y((e) => e.fsNodes), P = y((e) => e.windows.find((e) => e.id === t?.id)?.width ?? 400), F = N.some((e) => e.parentId === r && e.type === n && e.name === a.trim()), I = n === "folder" && d && !K(l), L = a.trim().length > 0 && !F && !I;
+	w(() => {
+		if (!t?.id || !x.current) return;
+		let e = x.current, n = new ResizeObserver(() => {
+			C(t.id, P, e.scrollHeight + ne);
+		});
+		return n.observe(e), () => n.disconnect();
+	}, [
+		t,
+		P,
+		C
+	]);
+	let R = () => {
+		if (!L) return;
+		let e = a.trim(), i = r ?? null, o = s, c = l;
+		S(t.id), n === "folder" ? j(e, i, o, c).catch((e) => {
+			console.error("Failed to create folder:", e), M({
+				id: `create-folder-error-${Date.now()}`,
+				title: "Error",
+				message: `Failed to create folder: ${e instanceof Error ? e.message : "Unknown error"}`,
+				fcIcon: "FcHighPriority"
+			});
+		}) : T(e, "", i).catch((e) => {
+			console.error("Failed to create file:", e), M({
+				id: `create-file-error-${Date.now()}`,
+				title: "Error",
+				message: `Failed to create file: ${e instanceof Error ? e.message : "Unknown error"}`,
+				fcIcon: "FcHighPriority"
+			});
+		});
+	}, B = () => {
+		S(t.id);
+	}, V = b(s, {
+		size: 40,
+		color: l
+	});
+	return /* @__PURE__ */ A("div", {
+		ref: x,
+		className: U.root,
+		children: [/* @__PURE__ */ k("div", {
+			className: U.header,
+			children: /* @__PURE__ */ A(_, {
+				fw: 600,
+				size: "sm",
+				children: [
+					n === "folder" ? "Create new folder" : "Create new file",
+					" in ",
+					i,
+					":"
+				]
+			})
+		}), /* @__PURE__ */ A("div", {
+			className: U.content,
+			children: [
+				/* @__PURE__ */ A("div", {
+					className: U.nameRow,
+					children: [n === "folder" && V && /* @__PURE__ */ k("div", {
+						className: U.iconPreview,
+						"aria-hidden": "true",
+						children: V
+					}), /* @__PURE__ */ k(f, {
+						value: a,
+						onChange: (e) => o(e.currentTarget.value),
+						onKeyDown: (e) => e.key === "Enter" && R(),
+						error: F ? `There is already a ${n} with that name` : void 0,
+						rightSection: a ? /* @__PURE__ */ k(h, {
+							variant: "transparent",
+							size: "sm",
+							onClick: () => o(""),
+							"aria-label": "Clear name",
+							children: /* @__PURE__ */ k(Y, {})
+						}) : null,
+						autoFocus: !0,
+						className: U.nameInput,
+						"aria-label": "Item name"
+					})]
+				}),
+				n === "folder" && /* @__PURE__ */ A(O, { children: [
+					/* @__PURE__ */ A(m, {
+						className: U.collapseToggle,
+						onClick: () => p((e) => !e),
+						"aria-expanded": d,
+						children: [/* @__PURE__ */ k(J, { open: d }), /* @__PURE__ */ k(_, {
+							size: "sm",
+							ml: 6,
+							children: "Choose custom icon or color"
+						})]
+					}),
+					/* @__PURE__ */ k(z, {
+						expanded: d,
+						children: /* @__PURE__ */ k("div", {
+							className: U.pickerWrapper,
+							children: /* @__PURE__ */ k(H, {
+								selectedIcon: s,
+								selectedColor: l,
+								onIconChange: c,
+								onColorChange: u,
+								colorError: I ? "Enter a valid hex color (e.g. #ff0000)" : void 0
+							})
+						})
+					}),
+					/* @__PURE__ */ k(_, {
+						size: "xs",
+						c: "dimmed",
+						mt: 4,
+						children: "You can change the icon later in folder properties."
+					})
+				] }),
+				/* @__PURE__ */ A(g, {
+					justify: "flex-end",
+					mt: "md",
+					children: [/* @__PURE__ */ k(v, {
+						variant: "default",
+						size: "sm",
+						onClick: B,
+						leftSection: /* @__PURE__ */ k(Y, {}),
+						children: "Cancel"
+					}), /* @__PURE__ */ k(v, {
+						size: "sm",
+						onClick: R,
+						leftSection: /* @__PURE__ */ k(X, {}),
+						disabled: !L,
+						children: "OK"
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { V as i, W as n, H as r, $ as t };

package/dist/CreateItemApp-ePB6ujNl.cjs

@@ -0,0 +1 @@
+const e=require(`./CreateItemApp-B12M1E_1.cjs`);exports.default=e.t;

package/dist/DeviceInfoApp-BMF18BGo.cjs

@@ -0,0 +1 @@
+const e=require(`./DeviceInfoApp-DRy0H3aT.cjs`);exports.default=e.t;

package/dist/DeviceInfoApp-DRy0H3aT.cjs

@@ -0,0 +1 @@
+const e=require(`./Box-zW6Twge8.cjs`),t=require(`./Paper-D8-BaBx2.cjs`),n=require(`./getRuntime-BFK0-8R1.cjs`),r=require(`./Stack-D4jAiRfc.cjs`),i=require(`./desktopStore-CZoA9VHO.cjs`),a=require(`./useAdaptiveDimensions-CfITBJ_m.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);var c={root:`m_b183c0a2`},l=e.D((t,{color:n})=>({root:{"--code-bg":n?e.x(n,t):void 0}})),u=e.r(t=>{let n=e.l(`Code`,null,t),{classNames:r,className:i,style:a,styles:o,unstyled:u,vars:d,color:f,block:p,mod:m,attributes:h,...g}=n,_=e.c({name:`Code`,props:n,classes:c,className:i,style:a,classNames:r,styles:o,unstyled:u,attributes:h,vars:d,varsResolver:l});return(0,s.jsx)(e.t,{component:p?`pre`:`code`,mod:[{block:p},m],..._(`root`),...g,dir:`ltr`})});u.classes=c,u.varsResolver=l,u.displayName=`@mantine/core/Code`;var d=()=>{let e=window.innerWidth,t=window.matchMedia(`(pointer: coarse)`).matches;return e<i.p.MOBILE||t},f=()=>{let e=window.innerWidth;return e>=i.p.MOBILE&&e<i.p.TABLET},p=()=>window.innerWidth>=i.p.TABLET,m=()=>screen.orientation?screen.orientation.type.includes(`portrait`):window.innerHeight>window.innerWidth;function h(){let[e,t]=(0,o.useState)(()=>({isMobile:d(),isTablet:f(),isDesktop:p(),isPortrait:m(),shouldShowWarning:d()&&m(),screenWidth:window.innerWidth,screenHeight:window.innerHeight})),n=(0,o.useCallback)(()=>{let e=d(),n=m();t({isMobile:e,isTablet:f(),isDesktop:p(),isPortrait:n,shouldShowWarning:e&&n,screenWidth:window.innerWidth,screenHeight:window.innerHeight})},[]);return(0,o.useEffect)(()=>(window.addEventListener(`resize`,n),screen.orientation?.addEventListener?.(`change`,n),()=>{window.removeEventListener(`resize`,n),screen.orientation?.removeEventListener?.(`change`,n)}),[n]),e}var g={container:`_container_1o4i3_1`},_=({window:e,notifyReady:c})=>{let l=h(),d=a.t(),f=i.o(e=>e.viewportWidth),p=i.o(e=>e.viewportHeight),m=i.o(e=>e.setViewportSize);return(0,o.useEffect)(()=>{c?.({})},[c]),(0,o.useEffect)(()=>{let e=()=>{m(window.innerWidth,window.innerHeight)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[m]),(0,s.jsxs)(`div`,{className:g.container,"data-windowid":e?.id,children:[(0,s.jsx)(t.t,{p:`sm`,shadow:`sm`,withBorder:!0,children:(0,s.jsxs)(r.t,{gap:`xs`,children:[(0,s.jsx)(n.o,{fw:`bold`,size:`sm`,children:`Runtime Environment`}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isDocker:`}),` `,String(n.i())]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isDev:`}),` `,String(n.r())]})]})}),(0,s.jsx)(t.t,{p:`sm`,shadow:`sm`,withBorder:!0,mt:`sm`,children:(0,s.jsxs)(r.t,{gap:`xs`,children:[(0,s.jsx)(n.o,{fw:`bold`,size:`sm`,children:`Device Detection`}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isMobile:`}),` `,String(l.isMobile)]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isTablet:`}),` `,String(l.isTablet)]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isDesktop:`}),` `,String(l.isDesktop)]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`isPortrait:`}),` `,String(l.isPortrait)]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`shouldShowWarning:`}),` `,String(l.shouldShowWarning)]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`viewportWidth:`}),` `,f,`px`]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`viewportHeight:`}),` `,p,`px`]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`defaultWidth:`}),` `,d.defaultWidth,`px`]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`defaultHeight:`}),` `,d.defaultHeight,`px`]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`minWidth:`}),` `,d.minWidth,`px`]}),(0,s.jsxs)(n.o,{size:`xs`,children:[(0,s.jsx)(u,{children:`minHeight:`}),` `,d.minHeight,`px`]})]})})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});