@banzamel/mineralui 1.7.1 → 1.8.0

package/dist/display-BxVd6MMK.cjs

@@ -1,3 +0,0 @@
-const e=require(`./icons-lUQfZ4Jr.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MInline-FEXWkr71.cjs`),r=require(`./MText-BbEkc0Ik.cjs`),i=require(`./MButton-B9k45kH-.cjs`),a=require(`./MBadge-BoxsfX_h.cjs`),o=require(`./MSkeleton-QO2sI-Ni.cjs`),s=require(`./MStack-Dy8Zl6FW.cjs`);require(`./core-w629c4ND.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`);function u({title:n,defaultOpen:r=!1,open:a,onToggle:o,color:u=`primary`,className:d,children:f,...p}){let[m,h]=(0,c.useState)(r),g=a??m,_=()=>{let e=!g;a===void 0&&h(e),o?.(e)},v=(0,l.jsx)(`span`,{className:t.t(`chevron`,g&&`open`),"aria-hidden":`true`,children:(0,l.jsx)(e.Ni,{})});return(0,l.jsxs)(`div`,{className:t.t(`collapsible`,d),...p,children:[(0,l.jsx)(i.t,{variant:`ghost`,color:u,className:`trigger`,"aria-expanded":g,onClick:_,endIcon:v,children:n}),(0,l.jsx)(`div`,{className:t.t(`content-wrap`,g&&`open`),"aria-hidden":!g,children:(0,l.jsx)(s.t,{className:`content`,children:f})})]})}function d(e){return null}function f({multiple:e=!1,defaultOpen:n,onChange:r,bordered:i=!1,color:a,className:o,children:s,...f}){let[p,m]=(0,c.useState)(Array.isArray(n)?n:n?[n]:[]),h=(0,c.useCallback)((t,n)=>{m(i=>{let a;return a=n?e?[...i,t]:[t]:i.filter(e=>e!==t),r?.(a),a})},[e,r]),g=c.Children.toArray(s).filter(e=>(0,c.isValidElement)(e)&&e.type===d);return(0,l.jsx)(`div`,{className:t.t(`accordion`,i&&`bordered`,o),...f,children:g.map(e=>{if(!(0,c.isValidElement)(e))return null;let{id:n,title:r,children:i,disabled:o,color:s}=e.props,d=p.includes(n);return(0,l.jsx)(`div`,{className:t.t(`accordion-item`,o&&`disabled`),children:(0,l.jsx)(u,{title:r,open:d,onToggle:o?void 0:e=>h(n,e),color:s??a,children:i})},n)})})}var p=800;function m(e){return 1-(1-e)**3}function h({value:e,max:n=100,color:r=`primary`,size:i=`md`,label:a,showValue:o=!1,animated:s=!1,striped:u=!1,className:d,...f}){let h=Math.min(100,Math.max(0,e/n*100)),[g,_]=(0,c.useState)(0),[v,y]=(0,c.useState)(0),b=(0,c.useRef)(0),x=(0,c.useRef)(0),S=(0,c.useCallback)((e,t)=>{cancelAnimationFrame(x.current);let n=performance.now(),r=i=>{let a=i-n,o=Math.min(a/p,1),s=m(o);_(e+(t-e)*s),o<1&&(x.current=requestAnimationFrame(r))};y(t),x.current=requestAnimationFrame(r)},[]);return(0,c.useEffect)(()=>(S(b.current,h),b.current=h,()=>cancelAnimationFrame(x.current)),[h,S]),(0,l.jsxs)(`div`,{className:t.t(`progress-bar`,`color-${r}`,i,d),role:`progressbar`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":n,"aria-label":a,...f,children:[(a||o)&&(0,l.jsxs)(`div`,{className:`progress-bar-header`,children:[a&&(0,l.jsx)(`span`,{className:`progress-bar-label`,children:a}),o&&(0,l.jsxs)(`span`,{className:`progress-bar-value`,children:[Math.round(g),`%`]})]}),(0,l.jsx)(`div`,{className:`progress-bar-track`,children:(0,l.jsx)(`div`,{className:t.t(`progress-bar-fill`,s&&`animated`,u&&`striped`),style:{width:`${v}%`}})})]})}function g({value:e,from:n=0,duration:r=1e3,decimals:i=0,prefix:a=``,suffix:o=``,separator:s=``,className:u,...d}){let[f,p]=(0,c.useState)(n),m=(0,c.useRef)(0),h=(0,c.useRef)(null);(0,c.useEffect)(()=>{let t=f;h.current=null;let n=i=>{h.current===null&&(h.current=i);let a=i-h.current,o=Math.min(a/r,1),s=1-(1-o)**3;p(t+(e-t)*s),o<1&&(m.current=requestAnimationFrame(n))};return m.current=requestAnimationFrame(n),()=>cancelAnimationFrame(m.current)},[e,r]);let g=_(f,i,s);return(0,l.jsxs)(`span`,{className:t.t(`count-up`,u),...d,children:[a,g,o]})}function _(e,t,n){let r=e.toFixed(t);if(!n)return r;let[i,a]=r.split(`.`),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,n);return a===void 0?o:`${o}.${a}`}var v={c:`c`,cpp:`cpp`,"c++":`cpp`,arduino:`arduino`,ino:`arduino`,ts:`typescript`,typescript:`typescript`,tsx:`tsx`,js:`javascript`,javascript:`javascript`,jsx:`jsx`,json:`json`,css:`css`,html:`html`,markup:`html`,bash:`bash`,shell:`bash`,shellscript:`bash`,php:`php`},y={xml:()=>Promise.resolve().then(()=>require(`./xml-DEtyywwU.cjs`)),css:()=>Promise.resolve().then(()=>require(`./css-D6fGBtGV.cjs`)),javascript:()=>Promise.resolve().then(()=>require(`./javascript-Oy5hkezl.cjs`)),typescript:()=>Promise.resolve().then(()=>require(`./typescript-QKlfKtex.cjs`)),json:()=>Promise.resolve().then(()=>require(`./json-BP8eqPWc.cjs`)),bash:()=>Promise.resolve().then(()=>require(`./bash-wzZkpJC-.cjs`)),c:()=>Promise.resolve().then(()=>require(`./c-BSPjDa0P.cjs`)),cpp:()=>Promise.resolve().then(()=>require(`./cpp-LIcuHkFj.cjs`)),arduino:()=>Promise.resolve().then(()=>require(`./arduino-C1gw-z1N.cjs`)),php:()=>Promise.resolve().then(()=>require(`./php-Cwjc-ZYq.cjs`))},b=null,x=42,S=200;function C(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function w(e){return v[e]??e}async function T(){return b||=(async()=>{let e=(await Promise.resolve().then(()=>require(`./core-w629c4ND.cjs`))).default.newInstance();for(let[t,n]of Object.entries(y)){let r=await n();e.registerLanguage(t,r.default)}return e.registerAliases([`shell`,`shellscript`],{languageName:`bash`}),e.registerAliases(`markup`,{languageName:`xml`}),e})(),b}function E({code:s,language:u=`tsx`,title:d,showHeader:f=!0,showLanguage:p=!0,showCopyButton:m=!0,copyLabel:h=`Copy`,copiedLabel:g=`Copied`,maxHeight:_,stretch:v=!1,animated:y=!1,lineNumbers:b=!1,className:E,...D}){let O=(0,c.useMemo)(()=>w(u.trim().toLowerCase()),[u]),[k,A]=(0,c.useState)(()=>y?0:s.length),j=y?s.slice(0,k):s,[M,N]=(0,c.useState)(()=>C(j)),[P,F]=(0,c.useState)(!1),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=typeof navigator<`u`&&typeof navigator.clipboard?.writeText==`function`,B=f&&(!!d||p||m),V=(0,c.useMemo)(()=>Math.max(1,j.split(`
-`).length),[j]);(0,c.useEffect)(()=>{L.current!==null&&(window.clearTimeout(L.current),L.current=null),A(y?0:s.length)},[y,s]),(0,c.useEffect)(()=>{if(!(!y||s.length===0))return k<s.length&&(L.current=window.setTimeout(()=>{A(e=>Math.min(e+1,s.length)),L.current=null},k===0?S:x)),()=>{L.current!==null&&(window.clearTimeout(L.current),L.current=null)}},[y,s.length,k]),(0,c.useEffect)(()=>{let e=!0;async function t(){try{let t=await T(),n=t.getLanguage(O)?t.highlight(j,{language:O,ignoreIllegals:!0}).value:C(j);e&&N(n)}catch{e&&N(C(j))}}return t(),()=>{e=!1}},[O,j]),(0,c.useEffect)(()=>()=>{I.current!==null&&window.clearTimeout(I.current),L.current!==null&&window.clearTimeout(L.current)},[]),(0,c.useEffect)(()=>{!y||!R.current||(R.current.scrollTop=R.current.scrollHeight)},[y,k]);async function H(){if(z)try{await navigator.clipboard.writeText(s),F(!0),I.current!==null&&window.clearTimeout(I.current),I.current=window.setTimeout(()=>{F(!1),I.current=null},1200)}catch{F(!1)}}return(0,l.jsxs)(o.n,{className:t.t(`code-block-card`,E),...D,padded:!1,stretch:v,children:[B&&(0,l.jsx)(o.a,{className:`code-block-header`,children:(0,l.jsxs)(n.t,{className:`code-block-header-layout`,align:`center`,justify:`between`,wrap:`nowrap`,px:`lg`,py:`md`,children:[(0,l.jsxs)(n.t,{className:`code-block-header-meta`,align:`center`,wrap:`wrap`,children:[d&&(0,l.jsx)(r.t,{as:`span`,className:`code-block-title`,size:`sm`,weight:`semibold`,children:d}),p&&u&&(0,l.jsx)(a.t,{color:`info`,size:`sm`,children:u})]}),m&&(0,l.jsx)(i.t,{variant:`ghost`,size:`sm`,color:`neutral`,startIcon:(0,l.jsx)(e.rn,{size:`sm`,"aria-hidden":`true`}),onClick:H,disabled:!z,children:P?g:h})]})}),(0,l.jsx)(o.r,{className:`code-block-body`,children:(0,l.jsx)(`div`,{ref:R,className:`code-block-scroll`,style:_?{maxHeight:_,overflowY:`auto`}:void 0,children:(0,l.jsxs)(`pre`,{className:t.t(`code-block-pre`,b&&`with-line-numbers`,`language-${O}`),children:[b&&(0,l.jsx)(`span`,{className:`code-block-line-numbers`,"aria-hidden":`true`,children:Array.from({length:V},(e,t)=>(0,l.jsx)(`span`,{className:`code-block-line-number`,children:t+1},t+1))}),(0,l.jsx)(`span`,{className:`code-block-code-shell`,children:(0,l.jsx)(`code`,{className:t.t(`code-block-code`,`hljs`,`language-${O}`),dangerouslySetInnerHTML:{__html:M}})})]})})})]})}function D(e,t){switch(e){case`down`:return{x:0,y:-t};case`left`:return{x:t,y:0};case`right`:return{x:-t,y:0};case`none`:return{x:0,y:0};default:return{x:0,y:t}}}function O({children:e,direction:n=`up`,delay:r=0,duration:i=.46,distance:a=20,once:o=!0,trigger:s=`view`,className:u,style:d,...f}){let p=(0,c.useRef)(null);(0,c.useEffect)(()=>{let e=p.current;if(!e)return;let t=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;if(e.classList.remove(`revealed`),t){e.classList.add(`revealed`);return}if(s===`mount`){let t=window.requestAnimationFrame(()=>{e.classList.add(`revealed`)});return()=>window.cancelAnimationFrame(t)}let n=new IntersectionObserver(t=>{for(let r of t)r.isIntersecting?(e.classList.add(`revealed`),o&&n.disconnect()):o||e.classList.remove(`revealed`)},{threshold:.2});return n.observe(e),()=>n.disconnect()},[r,n,a,i,o,s]);let m=D(n,a),h={minWidth:0,maxWidth:`100%`,"--reveal-delay":`${r}s`,"--reveal-duration":`${i}s`,"--reveal-translate-x":`${m.x}px`,"--reveal-translate-y":`${m.y}px`,...d};return(0,l.jsx)(`div`,{ref:p,className:t.t(`reveal`,u),style:h,...f,children:e})}function k(e,t,n){let r=r=>{let i=(r+e/60)%6;return n-n*t*Math.max(0,Math.min(i,4-i,1))};return`#${[Math.round(r(5)*255),Math.round(r(3)*255),Math.round(r(1)*255)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function A(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return[0,0,1];let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=0;o!==0&&(s=a===n?((r-i)/o+6)%6:a===r?(i-n)/o+2:(n-r)/o+4,s*=60);let c=a===0?0:o/a;return[s,c,a]}function j(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`rgb(0, 0, 0)`;let[n,r,i]=t.map(e=>parseInt(e,16));return`rgb(${n}, ${r}, ${i})`}function M(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`hsl(0, 0%, 0%)`;let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;l=s>.5?e/(2-a-o):e/(a+o),c=a===n?((r-i)/e+6)%6:a===r?(i-n)/e+2:(n-r)/e+4,c*=60}return`hsl(${Math.round(c)}, ${Math.round(l*100)}%, ${Math.round(s*100)}%)`}function N(e,t){return t===`rgb`?j(e):t===`hsl`?M(e):e}function P(e){if(!e)return`#000000`;if(e.startsWith(`#`))return e.length===7?e:`#000000`;let t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return t?`#${[t[1],t[2],t[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}var F=[`#ef4444`,`#f97316`,`#eab308`,`#22c55e`,`#06b6d4`,`#3b82f6`,`#8b5cf6`,`#ec4899`,`#000000`,`#ffffff`];function I({value:e,onChange:n,swatches:r=F,format:i=`hex`,size:a=`md`,label:o,disabled:s=!1,className:u,...d}){let f=P(e??`#3b82f6`),[p,m]=(0,c.useState)(()=>A(f)),[h,g]=(0,c.useState)(N(f,i)),_=(0,c.useRef)(null),v=(0,c.useRef)(null),y=(0,c.useRef)(null);(0,c.useEffect)(()=>{let t=P(e??`#3b82f6`);m(A(t)),g(N(t,i))},[e,i]);let b=(0,c.useCallback)((e,t,r)=>{let a=k(e,t,r);m([e,t,r]),g(N(a,i)),n?.(N(a,i))},[n,i]);function x(e){let t=_.current?.getBoundingClientRect();if(!t)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width)),r=Math.max(0,Math.min(1,1-(e.clientY-t.top)/t.height));b(p[0],n,r)}function S(e){let t=v.current?.getBoundingClientRect();t&&b(Math.max(0,Math.min(360,(e.clientX-t.left)/t.width*360)),p[1],p[2])}(0,c.useEffect)(()=>{function e(e){y.current===`area`?x(e):y.current===`hue`&&S(e)}function t(){y.current=null}return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});function C(e){g(e);try{let t=P(e);(t!==`#000000`||e===`#000000`||e.toLowerCase()===`rgb(0, 0, 0)`)&&(m(A(t)),n?.(N(t,i)))}catch{}}let w=k(p[0],p[1],p[2]);return(0,l.jsxs)(`div`,{className:t.t(`color-picker`,a,s&&`disabled`,u),...d,children:[o&&(0,l.jsx)(`label`,{className:`label`,children:o}),(0,l.jsxs)(`div`,{ref:_,className:`area`,style:{background:`hsl(${p[0]}, 100%, 50%)`},onPointerDown:e=>{s||(y.current=`area`,x(e))},children:[(0,l.jsx)(`div`,{className:`white`}),(0,l.jsx)(`div`,{className:`black`}),(0,l.jsx)(`div`,{className:`cursor`,style:{left:`${p[1]*100}%`,top:`${(1-p[2])*100}%`,background:w}})]}),(0,l.jsx)(`div`,{ref:v,className:`hue`,onPointerDown:e=>{s||(y.current=`hue`,S(e))},children:(0,l.jsx)(`div`,{className:`hue-thumb`,style:{left:`${p[0]/360*100}%`}})}),(0,l.jsxs)(`div`,{className:`controls`,children:[(0,l.jsx)(`div`,{className:`preview`,style:{background:w}}),(0,l.jsx)(`input`,{type:`text`,className:`input`,value:h,onChange:e=>C(e.target.value),disabled:s})]}),r.length>0&&(0,l.jsx)(`div`,{className:`swatches`,children:r.map(e=>(0,l.jsx)(`button`,{type:`button`,className:t.t(`swatch`,w.toLowerCase()===e.toLowerCase()&&`active`),style:{background:e},onClick:()=>{if(s)return;let[t,n,r]=A(e);b(t,n,r)}},e))})]})}var L={xs:`xs`,sm:`sm`,md:`sm`,lg:`md`,xl:`lg`};function R({icon:e,illustration:n,title:r,description:a,buttonText:o,onAction:s,color:u=`neutral`,size:d=`md`,className:f,children:p,...m}){return(0,l.jsxs)(`div`,{className:t.t(`empty-state`,`color-${u}`,d,f),...m,children:[n&&(0,l.jsx)(`div`,{className:`empty-state-illustration`,children:(0,c.isValidElement)(n)?(0,c.cloneElement)(n,{color:u}):n}),!n&&e&&(0,l.jsx)(`div`,{className:`empty-state-icon`,children:e}),(0,l.jsxs)(`div`,{className:`empty-state-content`,children:[(0,l.jsx)(`div`,{className:`empty-state-title`,children:r}),a&&(0,l.jsx)(`div`,{className:`empty-state-description`,children:a})]}),o&&s&&(0,l.jsx)(`div`,{className:`empty-state-action`,children:(0,l.jsx)(i.t,{size:L[d],variant:`outlined`,color:u,onClick:s,children:o})}),p]})}function z({children:e,amount:n=6,reveal:r=`hover`,revealed:i,defaultRevealed:a=!1,onToggle:o,inline:s=!0,className:u,style:d,onClick:f,onKeyDown:p,...m}){let h=i!==void 0,[g,_]=(0,c.useState)(a),v=h?i:g,y=r!==`none`,b=(0,c.useCallback)(e=>{h||_(e),o?.(e)},[h,o]),x=e=>{r===`click`&&b(!v),f?.(e)},S=e=>{r===`click`&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b(!v)),p?.(e)},C={...d,"--mineral-blur-amount":`${n}px`};return(0,l.jsx)(`span`,{className:t.t(`blur`,s?`inline`:`block`,`reveal-${r}`,v&&`revealed`,u),style:C,tabIndex:y&&r===`click`?0:void 0,role:r===`click`?`button`:void 0,"aria-pressed":r===`click`?v:void 0,onClick:x,onKeyDown:S,...m,children:(0,l.jsx)(`span`,{className:`blur-inner`,"aria-hidden":!v,children:e})})}var B={xs:10,sm:14,md:18,lg:22,xl:28};function V(e){return null}function H({activeStep:n,variant:r=`horizontal`,color:i=`primary`,size:a=`md`,clickable:o=!1,onChange:s,className:u,children:d,...f}){let p=c.Children.toArray(d).filter(e=>(0,c.isValidElement)(e)&&e.type===V);return(0,l.jsx)(`div`,{className:t.t(`stepper`,r,`color-${i}`,a,u),role:`list`,...f,children:p.map((r,i)=>{if(!(0,c.isValidElement)(r))return null;let{id:u,title:d,description:f,icon:p,disabled:m,optional:h,error:g}=r.props,_=i===n,v=i<n,y=o&&!m,b=()=>{y&&s&&s(i)};return(0,l.jsxs)(`div`,{className:t.t(`stepper-step`,_&&`active`,v&&`completed`,m&&`disabled`,g&&`error`,y&&`clickable`),role:`listitem`,"aria-current":_?`step`:void 0,children:[(0,l.jsx)(`div`,{className:`stepper-indicator`,onClick:y?b:void 0,role:y?`button`:void 0,tabIndex:y?0:void 0,onKeyDown:y?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b())}:void 0,children:g?`!`:v?p??(0,l.jsx)(e.Ii,{size:B[a]}):p??i+1}),(0,l.jsxs)(`div`,{className:`stepper-content`,children:[(0,l.jsx)(`span`,{className:`stepper-title`,children:d}),f&&(0,l.jsx)(`span`,{className:`stepper-description`,children:f}),h&&(0,l.jsx)(`span`,{className:`stepper-optional`,children:`Optional`})]})]},u)})})}function U(e){return null}function W({align:e=`left`,color:n=`primary`,size:r=`md`,className:i,children:a,...o}){let s=c.Children.toArray(a).filter(e=>(0,c.isValidElement)(e)&&e.type===U);return(0,l.jsx)(`div`,{className:t.t(`timeline`,`align-${e}`,`color-${n}`,r,i),...o,children:s.map((n,r)=>{if(!(0,c.isValidElement)(n))return null;let{id:i,title:a,description:o,date:s,icon:u,color:d}=n.props,f=e===`alternate`?r%2==0?`left`:`right`:void 0;return(0,l.jsxs)(`div`,{className:t.t(`timeline-item`,f&&`side-${f}`),children:[(0,l.jsx)(`div`,{className:t.t(`timeline-dot`,d&&`color-${d}`),children:u}),(0,l.jsxs)(`div`,{className:`timeline-content`,children:[(0,l.jsx)(`span`,{className:`timeline-title`,children:a}),o&&(0,l.jsx)(`span`,{className:`timeline-description`,children:o}),s&&(0,l.jsx)(`span`,{className:`timeline-date`,children:s})]})]},i)})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return g}});
-//# sourceMappingURL=display-BxVd6MMK.cjs.map