@oliasoft-open-source/react-ui-library 4.1.2 → 4.1.4

package/dist/storybook/assets/{Color-6VNJS4EI-fcadb840.js → Color-6VNJS4EI-d27e5bb5.js}

@@ -1 +1 @@
-import{n as M,e as ue,T as Me,F as Ce,I as $e,g as Ne}from"./index-5b92cd01.js";import{R as h,r as b,g as fe}from"./index-f80c8c95.js";import{b as Oe,c as J,d as Ie}from"./index-cf68f115.js";import"./iframe-39743b5e.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";function $(){return($=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 Q(e,t){if(e==null)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},j=function(e){return"touches"in e},V=function(e){return e&&e.ownerDocument.defaultView||self},ne=function(e,t,n){var r=e.getBoundingClientRect(),o=j(t)?function(a,s){for(var l=0;l<a.length;l++)if(a[l].identifier===s)return a[l];return a[0]}(t.touches,n):t;return{left:S((o.pageX-(r.left+V(e).pageXOffset))/r.width),top:S((o.pageY-(r.top+V(e).pageYOffset))/r.height)}},re=function(e){!j(e)&&e.preventDefault()},Z=h.memo(function(e){var t=e.onMove,n=e.onKey,r=Q(e,["onMove","onKey"]),o=b.useRef(null),a=K(t),s=K(n),l=b.useRef(null),i=b.useRef(!1),c=b.useMemo(function(){var k=function(p){re(p),(j(p)?p.touches.length>0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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?y(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?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(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}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s<n&&(n=s,r=o)}return r};u.keyword.rgb=function(e){return F[e]};u.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function Ze(e){const t=Qe(),n=[e];for(t[e].distance=0;n.length;){const r=n.pop(),o=Object.keys(B[r]);for(let a=o.length,s=0;s<a;s++){const l=o[s],i=t[l];i.distance===-1&&(i.distance=t[r].distance+1,i.parent=r,n.unshift(l))}}return t}function et(e,t){return function(n){return t(e(n))}}function tt(e,t){const n=[t[e].parent,e];let r=B[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)n.unshift(t[o].parent),r=et(B[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var nt=function(e){const t=Ze(e),n={},r=Object.keys(t);for(let o=r.length,a=0;a<o;a++){const s=r[a];t[s].parent!==null&&(n[s]=tt(s,t))}return n};const U=_e,rt=nt,O={},ot=Object.keys(U);function at(e){const t=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(t.conversion=e.conversion),t}ot.forEach(e=>{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=0/0,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`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>')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},fn=tn;export{tn as ColorControl,fn as default};
+import{n as M,e as ue,T as Me,F as Ce,I as $e,g as Ne}from"./index-8cfd8772.js";import{R as h,r as b,g as fe}from"./index-f80c8c95.js";import{b as Oe,c as J,d as Ie}from"./index-cf68f115.js";import"./iframe-a2fe9ab2.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";function $(){return($=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 Q(e,t){if(e==null)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},j=function(e){return"touches"in e},V=function(e){return e&&e.ownerDocument.defaultView||self},ne=function(e,t,n){var r=e.getBoundingClientRect(),o=j(t)?function(a,s){for(var l=0;l<a.length;l++)if(a[l].identifier===s)return a[l];return a[0]}(t.touches,n):t;return{left:S((o.pageX-(r.left+V(e).pageXOffset))/r.width),top:S((o.pageY-(r.top+V(e).pageYOffset))/r.height)}},re=function(e){!j(e)&&e.preventDefault()},Z=h.memo(function(e){var t=e.onMove,n=e.onKey,r=Q(e,["onMove","onKey"]),o=b.useRef(null),a=K(t),s=K(n),l=b.useRef(null),i=b.useRef(!1),c=b.useMemo(function(){var k=function(p){re(p),(j(p)?p.touches.length>0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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?y(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?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(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}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s<n&&(n=s,r=o)}return r};u.keyword.rgb=function(e){return F[e]};u.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function Ze(e){const t=Qe(),n=[e];for(t[e].distance=0;n.length;){const r=n.pop(),o=Object.keys(B[r]);for(let a=o.length,s=0;s<a;s++){const l=o[s],i=t[l];i.distance===-1&&(i.distance=t[r].distance+1,i.parent=r,n.unshift(l))}}return t}function et(e,t){return function(n){return t(e(n))}}function tt(e,t){const n=[t[e].parent,e];let r=B[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)n.unshift(t[o].parent),r=et(B[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var nt=function(e){const t=Ze(e),n={},r=Object.keys(t);for(let o=r.length,a=0;a<o;a++){const s=r[a];t[s].parent!==null&&(n[s]=tt(s,t))}return n};const U=_e,rt=nt,O={},ot=Object.keys(U);function at(e){const t=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(t.conversion=e.conversion),t}ot.forEach(e=>{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=0/0,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`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>')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},fn=tn;export{tn as ColorControl,fn as default};

package/dist/storybook/assets/{DocsRenderer-NNNQARDV-2533de58.js → DocsRenderer-NNNQARDV-6a6b4a3d.js}

@@ -1 +1 @@
-import{D as f,d as D}from"./chunk-HLWAVYOI-9bc2e116.js";import"./iframe-39743b5e.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./index-5b92cd01.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{f as DocsRenderer,D as defaultComponents};
+import{D as f,d as D}from"./chunk-HLWAVYOI-2bef6b9b.js";import"./iframe-a2fe9ab2.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./index-8cfd8772.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{f as DocsRenderer,D as defaultComponents};

package/dist/storybook/assets/{WithTooltip-4HIR6TLV-f11e9381.js → WithTooltip-4HIR6TLV-ee9133da.js}

@@ -1 +1 @@
-import{W as e,W as h,a as l}from"./index-5b92cd01.js";import"./iframe-39743b5e.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};
+import{W as e,W as h,a as l}from"./index-8cfd8772.js";import"./iframe-a2fe9ab2.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};

package/dist/storybook/assets/{afe.stories-81d98513.js → afe.stories-86276073.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{I as F}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-a84b9365.js";import{S as C}from"./side-bar-3f68848d.js";import{H as n}from"./heading-d29eb744.js";import{B as s}from"./button-74c97e4a.js";import{D as I}from"./drawer-3f83a4d2.js";import{L as T}from"./list-0dc3df85.js";import{F as i}from"./field-a094cd72.js";import{I as d}from"./input-d68625a5.js";import{A as E}from"./accordion-168fa7c5.js";import{C as a}from"./check-box-e21258d5.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as R}from"./page-6d07f774.js";import{R as A,C as B}from"./row-2299f0e7.js";import{S as m}from"./select-62aa86c5.js";import{S as u}from"./spacer-54db0620.js";import{T as k}from"./tabs-cdfc5225.js";import{I as L}from"./input-group-20c3add3.js";import{I as U}from"./input-group-addon-f8f6683a.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],Be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{I as F}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-a84b9365.js";import{S as C}from"./side-bar-f26ab0ce.js";import{H as n}from"./heading-d29eb744.js";import{B as s}from"./button-74c97e4a.js";import{D as I}from"./drawer-7f450988.js";import{L as T}from"./list-0dc3df85.js";import{F as i}from"./field-a094cd72.js";import{I as d}from"./input-d68625a5.js";import{A as E}from"./accordion-168fa7c5.js";import{C as a}from"./check-box-e21258d5.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as R}from"./page-6d07f774.js";import{R as A,C as B}from"./row-2299f0e7.js";import{S as m}from"./select-62aa86c5.js";import{S as u}from"./spacer-54db0620.js";import{T as k}from"./tabs-cdfc5225.js";import{I as L}from"./input-group-20c3add3.js";import{I as U}from"./input-group-addon-f8f6683a.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],Be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   const [selectedTab, setSelectedTab] = useState(options[0]);
   return <>

package/dist/storybook/assets/{blowout.stories-2af165bb.js → blowout.stories-0584fa9e.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-2c81813f.js";import{T as h}from"./top-bar-a84b9365.js";import{S as g}from"./side-bar-3f68848d.js";import{H as o}from"./heading-d29eb744.js";import{B as a}from"./button-74c97e4a.js";import{C as i}from"./card-3847c251.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-2299f0e7.js";import{S as r}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-3f83a4d2.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./styled-components.browser.esm-416d73e5.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-2c81813f.js";import{T as h}from"./top-bar-a84b9365.js";import{S as g}from"./side-bar-f26ab0ce.js";import{H as o}from"./heading-d29eb744.js";import{B as a}from"./button-74c97e4a.js";import{C as i}from"./card-3847c251.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-2299f0e7.js";import{S as r}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-7f450988.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./styled-components.browser.esm-416d73e5.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
   return <>
       <TopBar />
       <SideBar options={{

package/dist/storybook/assets/{buttons-and-links-1c8ae7a6.js → buttons-and-links-7ae5425e.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as e}from"./index-5b92cd01.js";import{Default as a,Basic as c}from"./button.stories-531033a8.js";import{Default as d}from"./text-link.stories-c1227c6f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-39743b5e.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-47732c42.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";function i(o){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
+import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as e}from"./index-8cfd8772.js";import{Default as a,Basic as c}from"./button.stories-531033a8.js";import{Default as d}from"./text-link.stories-c1227c6f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-a2fe9ab2.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-47732c42.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";function i(o){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
 `,t.jsx(n.h1,{id:"buttons--links",children:"Buttons & Links"}),`
 `,t.jsx(e,{of:a}),`
 `,t.jsx(n.h2,{id:"a-single-primary-button",children:"A single primary button"}),`

package/dist/storybook/assets/{casing-loads.stories-28b26c48.js → casing-loads.stories-e5e1eaa9.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-2c81813f.js";import{T}from"./top-bar-a84b9365.js";import{S as I}from"./side-bar-3f68848d.js";import{H as r}from"./heading-d29eb744.js";import{B as n}from"./button-74c97e4a.js";import{D as g}from"./drawer-3f83a4d2.js";import{L as O}from"./list-0dc3df85.js";import{F as a}from"./field-a094cd72.js";import{I as o}from"./input-d68625a5.js";import{M as D,D as E}from"./dialog-795008dd.js";import{C as H}from"./check-box-e21258d5.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-2299f0e7.js";import{S as d}from"./select-62aa86c5.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-cdfc5225.js";import{T as M}from"./table-833837a1.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-e5a7b6d5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./slider-160e2152.js";import"./popover-06e375a5.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-2c81813f.js";import{T}from"./top-bar-a84b9365.js";import{S as I}from"./side-bar-f26ab0ce.js";import{H as r}from"./heading-d29eb744.js";import{B as n}from"./button-74c97e4a.js";import{D as g}from"./drawer-7f450988.js";import{L as O}from"./list-0dc3df85.js";import{F as a}from"./field-a094cd72.js";import{I as o}from"./input-d68625a5.js";import{M as D,D as E}from"./dialog-795008dd.js";import{C as H}from"./check-box-e21258d5.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-2299f0e7.js";import{S as d}from"./select-62aa86c5.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-cdfc5225.js";import{T as M}from"./table-833837a1.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-e5a7b6d5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./slider-160e2152.js";import"./popover-06e375a5.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
   const [dialogOpen, setDialogOpen] = useState(false);
   const SchematicPlaceholder = () => <div style={{
     color: '#aaa',

package/dist/storybook/assets/{chunk-HLWAVYOI-9bc2e116.js → chunk-HLWAVYOI-2bef6b9b.js}

@@ -1 +1 @@
-import{_ as i}from"./iframe-39743b5e.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-5b92cd01.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
+import{_ as i}from"./iframe-a2fe9ab2.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-8cfd8772.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};

package/dist/storybook/assets/{color-4443720e.js → color-13e423e2.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-9bc2e116.js";import{M as d}from"./index-5b92cd01.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-819866ea.js";import{u as i}from"./index-5cdc9468.js";import"./iframe-39743b5e.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./message-7e627e60.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],s=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=s.map(r=>`--color-neutral-${r}`),b=s.map(r=>`--color-primary-${r}`),f=s.map(r=>`--color-error-${r}`),y=s.map(r=>`--color-warning-${r}`),C=s.map(r=>`--color-success-${r}`),k=s.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,t=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:t}),o.jsx("code",{onClick:t,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
+import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-2bef6b9b.js";import{M as d}from"./index-8cfd8772.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-819866ea.js";import{u as i}from"./index-5cdc9468.js";import"./iframe-a2fe9ab2.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./message-7e627e60.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],s=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=s.map(r=>`--color-neutral-${r}`),b=s.map(r=>`--color-primary-${r}`),f=s.map(r=>`--color-error-${r}`),y=s.map(r=>`--color-warning-${r}`),C=s.map(r=>`--color-success-${r}`),k=s.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,t=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:t}),o.jsx("code",{onClick:t,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
 `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
 `,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
 `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`

package/dist/storybook/assets/{drawer-3f83a4d2.js → drawer-7f450988.js}

@@ -1,3 +1,3 @@
-import{j as y}from"./jsx-runtime-f961835c.js";import{a as it,r as q}from"./index-f80c8c95.js";import{c as ie}from"./index-a80ed1cf.js";import{I as we,B as st}from"./common-types-2c81813f.js";import{B as lt}from"./badge-20e7ee0b.js";import{l as ut}from"./lodash-75c70a11.js";import{p as le}from"./index-c89a1915.js";import{r as Fe}from"./index-3d476d02.js";import{I as ct}from"./icon-e9cbb4d7.js";import{B as dt}from"./button-74c97e4a.js";const ft="_inputInTable_vn7pb_1",pt="_inputHover_vn7pb_13",ht="_inputFocus_vn7pb_18",gt="_inputError_vn7pb_25",mt="_inputWarning_vn7pb_26",vt="_inputDisabled_vn7pb_61",yt="_hideScrollbars_vn7pb_67",bt="_inline_vn7pb_90",_t="_left_vn7pb_93",St="_right_vn7pb_96",wt="_fixed_vn7pb_99",Ot="_border_vn7pb_111",Dt="_shadow_vn7pb_117",Pt="_drawerContent_vn7pb_120",xt="_isResizing_vn7pb_132",Rt="_toggleButton_vn7pb_143",Tt="_top_vn7pb_156",Ct="_bottom_vn7pb_159",zt="_toggleButtonOpen_vn7pb_162",Nt="_tabs_vn7pb_165",Mt="_tab_vn7pb_165",Et="_active_vn7pb_197",Wt="_tabsContent_vn7pb_222",Ht="_resizeHandle_vn7pb_228",w={inputInTable:ft,inputHover:pt,inputFocus:ht,inputError:gt,inputWarning:mt,inputDisabled:vt,hideScrollbars:yt,inline:bt,left:_t,right:St,fixed:wt,border:Ot,shadow:Dt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Tt,bottom:Ct,toggleButtonOpen:zt,tabs:Nt,tab:Mt,active:Et,tabsContent:Wt,resizeHandle:Ht},qt=({badge:e,children:t})=>e?y.jsx(lt,{small:!0,margin:4,title:e.toString(),children:t}):y.jsx(y.Fragment,{children:t}),Oe=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>y.jsxs(y.Fragment,{children:[y.jsx("div",{className:w.tabs,children:e.map((s,l)=>y.jsx("div",{className:ie(w.tab,t===l&&r?w.active:""),style:{background:n},onClick:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:y.jsx(qt,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const g=t===l;return y.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:w.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:g&&r&&s.content},l)})]});try{Oe.displayName="DrawerTabs",Oe.__docgenInfo={description:"",displayName:"DrawerTabs",props:{tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"IDrawerTab[]"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!0,type:{name:"number"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},background:{defaultValue:null,description:"",name:"background",required:!0,type:{name:"string"}},handleTabClick:{defaultValue:null,description:"",name:"handleTabClick",required:!0,type:{name:"(index: number) => void"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var ze={exports:{}},ee={},ue={exports:{}},Ue={};function Le(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Le(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ve(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Le(e))&&(n&&(n+=" "),n+=t);return n}const $t=Object.freeze(Object.defineProperty({__proto__:null,clsx:Ve,default:Ve},Symbol.toStringTag,{value:"Module"})),Vt=it($t);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Xt;$.findInArray=At;$.int=jt;$.isFunction=It;$.isNum=Bt;function At(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function It(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Bt(e){return typeof e=="number"&&!isNaN(e)}function jt(e){return parseInt(e,10)}function Xt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var F={};Object.defineProperty(F,"__esModule",{value:!0});F.browserPrefixToKey=Ge;F.browserPrefixToStyle=Yt;F.default=void 0;F.getPrefix=ke;const ve=["Moz","Webkit","O","ms"];function ke(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ve.length;n++)if(Ge(t,ve[n])in r)return ve[n];return""}function Ge(e,t){return t?"".concat(t).concat(Ft(e)):e}function Yt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Ft(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}F.default=ke();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Qe;b.addEvent=kt;b.addUserSelectStyles=or;b.createCSSTransform=tr;b.createSVGTransform=rr;b.getTouch=nr;b.getTouchIdentifier=ar;b.getTranslation=Ne;b.innerHeight=Qt;b.innerWidth=Zt;b.matchesSelector=Je;b.matchesSelectorAndParentsTo=Lt;b.offsetXYFromParent=er;b.outerHeight=Kt;b.outerWidth=Jt;b.removeClassName=Ze;b.removeEvent=Gt;b.removeUserSelectStyles=ir;var N=$,Ae=Ut(F);function Ke(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Ke=function(n){return n?r:t})(e)}function Ut(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Ke(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Je(e,t){return ae||(ae=(0,N.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,N.isFunction)(e[r])})),(0,N.isFunction)(e[ae])?e[ae](t):!1}function Lt(e,t,r){let n=e;do{if(Je(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function kt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Kt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderTopWidth),t+=(0,N.int)(r.borderBottomWidth),t}function Jt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderLeftWidth),t+=(0,N.int)(r.borderRightWidth),t}function Qt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingTop),t-=(0,N.int)(r.paddingBottom),t}function Zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingLeft),t-=(0,N.int)(r.paddingRight),t}function er(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function tr(e,t){const r=Ne(e,t,"px");return{[(0,Ae.browserPrefixToKey)("transform",Ae.default)]:r}}function rr(e,t){return Ne(e,t,"")}function Ne(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function nr(e,t){return e.targetTouches&&(0,N.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,N.findInArray)(e.changedTouches,r=>t===r.identifier)}function ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function or(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+import{j as y}from"./jsx-runtime-f961835c.js";import{a as it,r as q}from"./index-f80c8c95.js";import{c as ie}from"./index-a80ed1cf.js";import{I as we,B as st}from"./common-types-2c81813f.js";import{B as lt}from"./badge-20e7ee0b.js";import{l as ut}from"./lodash-75c70a11.js";import{p as le}from"./index-c89a1915.js";import{r as Ye}from"./index-3d476d02.js";import{I as ct}from"./icon-e9cbb4d7.js";import{B as dt}from"./button-74c97e4a.js";const ft="_inputInTable_khmhl_1",pt="_inputHover_khmhl_13",ht="_inputFocus_khmhl_18",mt="_inputError_khmhl_25",gt="_inputWarning_khmhl_26",vt="_inputDisabled_khmhl_61",yt="_hideScrollbars_khmhl_67",bt="_inline_khmhl_90",_t="_left_khmhl_93",St="_right_khmhl_96",wt="_fixed_khmhl_99",Ot="_border_khmhl_111",Dt="_shadow_khmhl_117",Pt="_drawerContent_khmhl_120",xt="_isResizing_khmhl_132",Rt="_toggleButton_khmhl_143",Tt="_top_khmhl_156",Ct="_bottom_khmhl_159",zt="_toggleButtonOpen_khmhl_162",Nt="_tabs_khmhl_165",Mt="_tab_khmhl_165",Et="_active_khmhl_197",Wt="_disabled_khmhl_222",Ht="_tabsContent_khmhl_229",qt="_resizeHandle_khmhl_235",w={inputInTable:ft,inputHover:pt,inputFocus:ht,inputError:mt,inputWarning:gt,inputDisabled:vt,hideScrollbars:yt,inline:bt,left:_t,right:St,fixed:wt,border:Ot,shadow:Dt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Tt,bottom:Ct,toggleButtonOpen:zt,tabs:Nt,tab:Mt,active:Et,disabled:Wt,tabsContent:Ht,resizeHandle:qt},$t=({badge:e,children:t})=>e?y.jsx(lt,{small:!0,margin:4,title:e.toString(),children:t}):y.jsx(y.Fragment,{children:t}),Oe=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>y.jsxs(y.Fragment,{children:[y.jsx("div",{className:w.tabs,children:e.map((s,l)=>y.jsx("div",{className:ie(w.tab,t===l&&r?w.active:"",s.disabled?w.disabled:""),style:{background:n},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:y.jsx($t,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return y.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:w.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});try{Oe.displayName="DrawerTabs",Oe.__docgenInfo={description:"",displayName:"DrawerTabs",props:{tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"IDrawerTab[]"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!0,type:{name:"number"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},background:{defaultValue:null,description:"",name:"background",required:!0,type:{name:"string"}},handleTabClick:{defaultValue:null,description:"",name:"handleTabClick",required:!0,type:{name:"(index: number) => void"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var ze={exports:{}},ee={},ue={exports:{}},Fe={};function Ue(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Ue(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ve(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Ue(e))&&(n&&(n+=" "),n+=t);return n}const Vt=Object.freeze(Object.defineProperty({__proto__:null,clsx:Ve,default:Ve},Symbol.toStringTag,{value:"Module"})),At=it(Vt);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=kt;$.findInArray=It;$.int=Xt;$.isFunction=Bt;$.isNum=jt;function It(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function jt(e){return typeof e=="number"&&!isNaN(e)}function Xt(e){return parseInt(e,10)}function kt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var Y={};Object.defineProperty(Y,"__esModule",{value:!0});Y.browserPrefixToKey=Ge;Y.browserPrefixToStyle=Yt;Y.default=void 0;Y.getPrefix=Le;const ve=["Moz","Webkit","O","ms"];function Le(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ve.length;n++)if(Ge(t,ve[n])in r)return ve[n];return""}function Ge(e,t){return t?"".concat(t).concat(Ft(e)):e}function Yt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Ft(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}Y.default=Le();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Qe;b.addEvent=Gt;b.addUserSelectStyles=ir;b.createCSSTransform=rr;b.createSVGTransform=nr;b.getTouch=ar;b.getTouchIdentifier=or;b.getTranslation=Ne;b.innerHeight=Zt;b.innerWidth=er;b.matchesSelector=Je;b.matchesSelectorAndParentsTo=Lt;b.offsetXYFromParent=tr;b.outerHeight=Jt;b.outerWidth=Qt;b.removeClassName=Ze;b.removeEvent=Kt;b.removeUserSelectStyles=sr;var N=$,Ae=Ut(Y);function Ke(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Ke=function(n){return n?r:t})(e)}function Ut(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Ke(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Je(e,t){return ae||(ae=(0,N.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,N.isFunction)(e[r])})),(0,N.isFunction)(e[ae])?e[ae](t):!1}function Lt(e,t,r){let n=e;do{if(Je(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Kt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Jt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderTopWidth),t+=(0,N.int)(r.borderBottomWidth),t}function Qt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderLeftWidth),t+=(0,N.int)(r.borderRightWidth),t}function Zt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingTop),t-=(0,N.int)(r.paddingBottom),t}function er(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingLeft),t-=(0,N.int)(r.paddingRight),t}function tr(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function rr(e,t){const r=Ne(e,t,"px");return{[(0,Ae.browserPrefixToKey)("transform",Ae.default)]:r}}function nr(e,t){return Ne(e,t,"")}function Ne(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function ar(e,t){return e.targetTouches&&(0,N.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,N.findInArray)(e.changedTouches,r=>t===r.identifier)}function or(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ir(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Qe(e.body,"react-draggable-transparent-selection")}function ir(e){if(e)try{if(e.body&&Ze(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Qe(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Ze(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.canDragX=ur;V.canDragY=cr;V.createCoreData=fr;V.createDraggableData=pr;V.getBoundPosition=sr;V.getControlPosition=dr;V.snapToGrid=lr;var z=$,G=b;function sr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:hr(n);const a=Me(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,g=i.getComputedStyle(a),m=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,z.int)(m.paddingLeft)+(0,z.int)(g.marginLeft),top:-a.offsetTop+(0,z.int)(m.paddingTop)+(0,z.int)(g.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,z.int)(m.paddingRight)-(0,z.int)(g.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,z.int)(m.paddingBottom)-(0,z.int)(g.marginBottom)}}return(0,z.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,z.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,z.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,z.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function lr(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function ur(e){return e.props.axis==="both"||e.props.axis==="x"}function cr(e){return e.props.axis==="both"||e.props.axis==="y"}function dr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Me(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function fr(e,t,r){const n=!(0,z.isNum)(e.lastX),a=Me(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function pr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function hr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Me(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=gr;function gr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ye=vr(q),T=Ee(le),mr=Ee(Fe),O=b,B=V,be=$,Q=Ee(de);function Ee(e){return e&&e.__esModule?e:{default:e}}function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(n){return n?r:t})(e)}function vr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function x(e,t,r){return t=yr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function yr(e){var t=br(e,"string");return typeof t=="symbol"?t:String(t)}function br(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let j=W.mouse,fe=class extends ye.Component{constructor(){super(...arguments),x(this,"dragging",!1),x(this,"lastX",NaN),x(this,"lastY",NaN),x(this,"touchIdentifier",null),x(this,"mounted",!1),x(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,O.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,O.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,O.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,B.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,B.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,O.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,O.addEvent)(n,j.move,this.handleDrag),(0,O.addEvent)(n,j.stop,this.handleDragStop))}),x(this,"handleDrag",t=>{const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,B.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,B.createCoreData)(this,n,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=n,this.lastY=a}),x(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,g=a-this.lastY||0;[l,g]=(0,B.snapToGrid)(this.props.grid,l,g),n=this.lastX+l,a=this.lastY+g}const o=(0,B.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,O.removeEvent)(s.ownerDocument,j.move,this.handleDrag),(0,O.removeEvent)(s.ownerDocument,j.stop,this.handleDragStop))}),x(this,"onMouseDown",t=>(j=W.mouse,this.handleDragStart(t))),x(this,"onMouseUp",t=>(j=W.mouse,this.handleDragStop(t))),x(this,"onTouchStart",t=>(j=W.touch,this.handleDragStart(t))),x(this,"onTouchEnd",t=>(j=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,O.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,O.removeEvent)(r,W.mouse.move,this.handleDrag),(0,O.removeEvent)(r,W.touch.move,this.handleDrag),(0,O.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,O.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,O.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:mr.default.findDOMNode(this)}render(){return ye.cloneElement(ye.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;x(fe,"displayName","DraggableCore");x(fe,"propTypes",{allowAnyClick:T.default.bool,children:T.default.node.isRequired,disabled:T.default.bool,enableUserSelectHack:T.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:T.default.arrayOf(T.default.number),handle:T.default.string,cancel:T.default.string,nodeRef:T.default.object,onStart:T.default.func,onDrag:T.default.func,onStop:T.default.func,onMouseDown:T.default.func,scale:T.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});x(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=D(q),r=m(le),n=m(Fe),a=m(Vt),o=b,i=V,s=$,l=m(ce),g=m(de);function m(c){return c&&c.__esModule?c:{default:c}}function _(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(_=function(p){return p?f:u})(c)}function D(c,u){if(!u&&c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=_(u);if(f&&f.has(c))return f.get(c);var p={},v=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=v?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function P(){return P=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},P.apply(this,arguments)}function S(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class R extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:v}=f;return p&&(!v||p.x!==v.x||p.y!==v.y)?((0,g.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:v}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,g.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,g.default)("Draggable: onDrag: %j",p);const v=(0,i.createDraggableData)(this,p),h={x:v.x,y:v.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:I}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[U,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=U,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(I-h.y),v.x=h.x,v.y=h.y,v.deltaX=h.x-this.state.x,v.deltaY=h.y-this.state.y}if(this.props.onDrag(f,v)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,g.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:I}=this.props.position;h.x=A,h.y=I}this.setState(h)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:v,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:I,positionOffset:U,scale:re,...X}=this.props;let H={},Y=null;const L=!!!I||this.state.dragging,K=I||v,ne={x:(0,i.canDragX)(this)&&L?this.state.x:K.x,y:(0,i.canDragY)(this)&&L?this.state.y:K.y};this.state.isElementSVG?Y=(0,o.createSVGTransform)(ne,U):H=(0,o.createCSSTransform)(ne,U);const J=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,P({},X,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:Y}))}}e.default=R,S(R,"displayName","Draggable"),S(R,"propTypes",{...l.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(R,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Ue);const{default:tt,DraggableCore:_r}=Ue;ue.exports=tt;ue.exports.default=tt;ue.exports.DraggableCore=_r;var Sr=ue.exports,We={};We.__esModule=!0;We.cloneElement=Rr;var wr=Or(q);function Or(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Be(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Dr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Dr(e,t,r){return t=Pr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Pr(e){var t=xr(e,"string");return typeof t=="symbol"?t:String(t)}function xr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Rr(e,t){return t.style&&e.props.style&&(t.style=Be(Be({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),wr.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Tr(le);function Tr(e){return e&&e.__esModule?e:{default:e}}var Cr={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=Cr;ee.__esModule=!0;ee.default=void 0;var Z=Wr(q),zr=Sr,Nr=We,Mr=te,Er=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function Wr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function Hr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){qr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qr(e,t,r){return t=$r(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $r(e){var t=Vr(e,"string");return typeof t=="symbol"?t:String(t)}function Vr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ar(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Pe(e,t)}var He=function(e){Ar(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,g=i.lockAspectRatio;if(!s&&!l&&!g)return[a,o];if(g){var m=this.props.width/this.props.height,_=a-this.props.width,D=o-this.props.height;Math.abs(_)>Math.abs(D*m)?o=a/m:a=o*m}var P=a,S=o,E=this.slack||[0,0],M=E[0],R=E[1];return a+=M,o+=R,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(P-a),R+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var g=l.node,m=l.deltaX,_=l.deltaY;a==="onResizeStart"&&i.resetData();var D=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",P=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!D&&!P)){var S=o[0],E=o[o.length-1],M=g.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var R=M.left-i.lastHandleRect.left;m+=R}if(S==="n"){var c=M.top-i.lastHandleRect.top;_+=c}}i.lastHandleRect=M,E==="w"&&(m=-m),S==="n"&&(_=-_);var u=i.props.width+(D?m/i.props.transformScale:0),f=i.props.height+(P?_/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var v=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!v;h&&!C&&(s.persist==null||s.persist(),h(s,{node:g,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=_e({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},r.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var g=o.resizeHandles;o.transformScale;var m=Hr(o,Er);return(0,Nr.cloneElement)(i,_e(_e({},m),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,g.map(function(_){var D,P=(D=a.handleRefs[_])!=null?D:a.handleRefs[_]=Z.createRef();return Z.createElement(zr.DraggableCore,De({},l,{nodeRef:P,key:"resizableHandle-"+_,onStop:a.resizeHandler("onResizeStop",_),onStart:a.resizeHandler("onResizeStart",_),onDrag:a.resizeHandler("onResize",_)}),a.renderResizeHandle(_,P))}))}))},t}(Z.Component);ee.default=He;He.propTypes=Mr.resizableProps;He.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var Se=Yr(q),Ir=nt(le),Br=nt(ee),jr=te,Xr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function nt(e){return e&&e.__esModule?e:{default:e}}function at(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(at=function(a){return a?r:t})(e)}function Yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=at(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xe.apply(this,arguments)}function Xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Xe(Object(r),!0).forEach(function(n){Fr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Fr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Lr(e,"string");return typeof t=="symbol"?t:String(t)}function Lr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function kr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Gr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Re(e,t)}function Re(e,t){return Re=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Re(e,t)}var ot=function(e){Gr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var g=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(g,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(g)},n}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,g=a.draggableOpts,m=a.minConstraints,_=a.maxConstraints,D=a.lockAspectRatio,P=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,R=kr(a,Xr);return Se.createElement(Br.default,{axis:P,draggableOpts:g,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:D,maxConstraints:_,minConstraints:m,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",xe({},R,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=ot;ot.propTypes=se(se({},jr.resizableProps),{},{children:Ir.default.element});ze.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Kr=ze.exports.Resizable=ee.default;ze.exports.ResizableBox=pe.default;const Te=35,oe=240,Jr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return y.jsx("div",{ref:t,className:w.resizeHandle,...n,children:y.jsx(ct,{icon:we.DRAG})})}),Ce=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(g,{size:m})=>{n&&n(m.width)};return n?y.jsx(Kr,{width:ut.toNumber(t),height:100,minConstraints:[Te,1/0],maxConstraints:[s,1/0],onResize:l,handle:y.jsx(Jr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?w.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<Te+50&&a&&a(!1)},children:e}):y.jsx(y.Fragment,{children:e})};try{Ce.displayName="DrawerResizeWrapper",Ce.__docgenInfo={description:"",displayName:"DrawerResizeWrapper",props:{width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"string | number"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((isOpen: boolean) => void) | null"}}}}}catch{}const Ye=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:g=null,buttonAnimate:m=!0,buttonPosition:_=st.BOTTOM,border:D=!1,children:P=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:R,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:v})=>{const h=g===!0,C=!h&&q.isValidElement(g),[A,I]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[U,re]=q.useState(E),X=n?r:A,H=n||I,Y=R!==void 0?M:U,qe=R||re,L=Array.isArray(o)?o[Y||0]:o,K=X?L:S?Te:i,ne=J=>{const he=ge=>{S&&ge&&ge(S[J])};Y===J&&X&&H?(he(p),H(!1)):!X&&H&&(he(v),H(!0),u&&(me=>{let k;if(Array.isArray(me)?k=me[Y||0]:k=me,typeof k=="number"&&k<oe)u(oe);else if(typeof k=="string"){const $e=parseInt(k,10);!isNaN($e)&&$e<oe&&u(oe)}})(o)),qe(J),he(f)};return y.jsx(Ce,{width:K,onResize:u,setOpen:H,right:a,children:y.jsxs("div",{className:ie(w.drawer,s?w.shadow:"",t?w.fixed:w.inline,a?w.right:w.left),style:{top:l},children:[y.jsx("div",{className:ie(w.drawerContent,D&&w.border),style:{background:e,borderColor:typeof D=="string"?D:void 0,width:K},children:S?y.jsx(Oe,{width:L,testId:c,tabs:S,open:X,activeTab:Y||0,background:e,handleTabClick:ne}):y.jsx("div",{style:{width:L},children:P})}),g&&y.jsx("span",{className:ie(w.toggleButton,A&&(h||C&&m)?w.toggleButtonOpen:"",_==="top"?w.top:w.bottom),children:C?g:y.jsx(dt,{onClick:H?()=>H(!X):void 0,round:!0,icon:a?we.CHEVRON_RIGHT:we.CHEVRON_LEFT})})]})})};try{Ye.displayName="Drawer",Ye.__docgenInfo={description:"",displayName:"Drawer",props:{background:{defaultValue:{value:"var(--color-background-raised)"},description:"",name:"background",required:!1,type:{name:"string"}},fixed:{defaultValue:{value:"false"},description:"",name:"fixed",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((openState: boolean) => void)"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},shadow:{defaultValue:{value:"false"},description:"",name:"shadow",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"0"},description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | TStringOrNumber[]"}},closedWidth:{defaultValue:{value:"0"},description:"",name:"closedWidth",required:!1,type:{name:"TStringOrNumber"}},button:{defaultValue:{value:"null"},description:"",name:"button",required:!1,type:{name:"ReactNode"}},buttonAnimate:{defaultValue:{value:"true"},description:"",name:"buttonAnimate",required:!1,type:{name:"boolean"}},buttonPosition:{defaultValue:{value:"ButtonPosition.BOTTOM"},description:"",name:"buttonPosition",required:!1,type:{name:"string"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"string | boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"IDrawerTab[]"}},defaultTabIndex:{defaultValue:{value:"0"},description:"",name:"defaultTabIndex",required:!1,type:{name:"number"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!1,type:{name:"number"}},setActiveTab:{defaultValue:null,description:"",name:"setActiveTab",required:!1,type:{name:"((index: number) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},getActiveTab:{defaultValue:null,description:"",name:"getActiveTab",required:!1,type:{name:"((tab: IDrawerTab) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}}}}}catch{}export{Ye as D};
+`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Qe(e.body,"react-draggable-transparent-selection")}function sr(e){if(e)try{if(e.body&&Ze(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Qe(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Ze(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.canDragX=cr;V.canDragY=dr;V.createCoreData=pr;V.createDraggableData=hr;V.getBoundPosition=lr;V.getControlPosition=fr;V.snapToGrid=ur;var z=$,G=b;function lr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:mr(n);const a=Me(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,m=i.getComputedStyle(a),g=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,z.int)(g.paddingLeft)+(0,z.int)(m.marginLeft),top:-a.offsetTop+(0,z.int)(g.paddingTop)+(0,z.int)(m.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,z.int)(g.paddingRight)-(0,z.int)(m.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,z.int)(g.paddingBottom)-(0,z.int)(m.marginBottom)}}return(0,z.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,z.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,z.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,z.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function ur(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function cr(e){return e.props.axis==="both"||e.props.axis==="x"}function dr(e){return e.props.axis==="both"||e.props.axis==="y"}function fr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Me(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function pr(e,t,r){const n=!(0,z.isNum)(e.lastX),a=Me(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function hr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function mr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Me(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=gr;function gr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ye=yr(q),T=Ee(le),vr=Ee(Ye),O=b,B=V,be=$,Q=Ee(de);function Ee(e){return e&&e.__esModule?e:{default:e}}function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(n){return n?r:t})(e)}function yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function x(e,t,r){return t=br(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function br(e){var t=_r(e,"string");return typeof t=="symbol"?t:String(t)}function _r(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let j=W.mouse,fe=class extends ye.Component{constructor(){super(...arguments),x(this,"dragging",!1),x(this,"lastX",NaN),x(this,"lastY",NaN),x(this,"touchIdentifier",null),x(this,"mounted",!1),x(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,O.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,O.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,O.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,B.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,B.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,O.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,O.addEvent)(n,j.move,this.handleDrag),(0,O.addEvent)(n,j.stop,this.handleDragStop))}),x(this,"handleDrag",t=>{const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,B.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,B.createCoreData)(this,n,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=n,this.lastY=a}),x(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,m=a-this.lastY||0;[l,m]=(0,B.snapToGrid)(this.props.grid,l,m),n=this.lastX+l,a=this.lastY+m}const o=(0,B.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,O.removeEvent)(s.ownerDocument,j.move,this.handleDrag),(0,O.removeEvent)(s.ownerDocument,j.stop,this.handleDragStop))}),x(this,"onMouseDown",t=>(j=W.mouse,this.handleDragStart(t))),x(this,"onMouseUp",t=>(j=W.mouse,this.handleDragStop(t))),x(this,"onTouchStart",t=>(j=W.touch,this.handleDragStart(t))),x(this,"onTouchEnd",t=>(j=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,O.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,O.removeEvent)(r,W.mouse.move,this.handleDrag),(0,O.removeEvent)(r,W.touch.move,this.handleDrag),(0,O.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,O.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,O.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:vr.default.findDOMNode(this)}render(){return ye.cloneElement(ye.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;x(fe,"displayName","DraggableCore");x(fe,"propTypes",{allowAnyClick:T.default.bool,children:T.default.node.isRequired,disabled:T.default.bool,enableUserSelectHack:T.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:T.default.arrayOf(T.default.number),handle:T.default.string,cancel:T.default.string,nodeRef:T.default.object,onStart:T.default.func,onDrag:T.default.func,onStop:T.default.func,onMouseDown:T.default.func,scale:T.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});x(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=D(q),r=g(le),n=g(Ye),a=g(At),o=b,i=V,s=$,l=g(ce),m=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function _(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(_=function(p){return p?f:u})(c)}function D(c,u){if(!u&&c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=_(u);if(f&&f.has(c))return f.get(c);var p={},v=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=v?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function P(){return P=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},P.apply(this,arguments)}function S(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class R extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:v}=f;return p&&(!v||p.x!==v.x||p.y!==v.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:v}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,m.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",p);const v=(0,i.createDraggableData)(this,p),h={x:v.x,y:v.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:I}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[F,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=F,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(I-h.y),v.x=h.x,v.y=h.y,v.deltaX=h.x-this.state.x,v.deltaY=h.y-this.state.y}if(this.props.onDrag(f,v)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:I}=this.props.position;h.x=A,h.y=I}this.setState(h)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:v,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:I,positionOffset:F,scale:re,...X}=this.props;let H={},k=null;const U=!!!I||this.state.dragging,K=I||v,ne={x:(0,i.canDragX)(this)&&U?this.state.x:K.x,y:(0,i.canDragY)(this)&&U?this.state.y:K.y};this.state.isElementSVG?k=(0,o.createSVGTransform)(ne,F):H=(0,o.createCSSTransform)(ne,F);const J=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,P({},X,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:k}))}}e.default=R,S(R,"displayName","Draggable"),S(R,"propTypes",{...l.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(R,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Fe);const{default:tt,DraggableCore:Sr}=Fe;ue.exports=tt;ue.exports.default=tt;ue.exports.DraggableCore=Sr;var wr=ue.exports,We={};We.__esModule=!0;We.cloneElement=Tr;var Or=Dr(q);function Dr(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Be(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Pr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Pr(e,t,r){return t=xr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function xr(e){var t=Rr(e,"string");return typeof t=="symbol"?t:String(t)}function Rr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Tr(e,t){return t.style&&e.props.style&&(t.style=Be(Be({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Or.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Cr(le);function Cr(e){return e&&e.__esModule?e:{default:e}}var zr={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=zr;ee.__esModule=!0;ee.default=void 0;var Z=Hr(q),Nr=wr,Mr=We,Er=te,Wr=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function Hr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function qr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){$r(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function $r(e,t,r){return t=Vr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Vr(e){var t=Ar(e,"string");return typeof t=="symbol"?t:String(t)}function Ar(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ir(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Pe(e,t)}var He=function(e){Ir(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,m=i.lockAspectRatio;if(!s&&!l&&!m)return[a,o];if(m){var g=this.props.width/this.props.height,_=a-this.props.width,D=o-this.props.height;Math.abs(_)>Math.abs(D*g)?o=a/g:a=o*g}var P=a,S=o,E=this.slack||[0,0],M=E[0],R=E[1];return a+=M,o+=R,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(P-a),R+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var m=l.node,g=l.deltaX,_=l.deltaY;a==="onResizeStart"&&i.resetData();var D=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",P=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!D&&!P)){var S=o[0],E=o[o.length-1],M=m.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var R=M.left-i.lastHandleRect.left;g+=R}if(S==="n"){var c=M.top-i.lastHandleRect.top;_+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),S==="n"&&(_=-_);var u=i.props.width+(D?g/i.props.transformScale:0),f=i.props.height+(P?_/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var v=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!v;h&&!C&&(s.persist==null||s.persist(),h(s,{node:m,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=_e({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},r.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var m=o.resizeHandles;o.transformScale;var g=qr(o,Wr);return(0,Mr.cloneElement)(i,_e(_e({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,m.map(function(_){var D,P=(D=a.handleRefs[_])!=null?D:a.handleRefs[_]=Z.createRef();return Z.createElement(Nr.DraggableCore,De({},l,{nodeRef:P,key:"resizableHandle-"+_,onStop:a.resizeHandler("onResizeStop",_),onStart:a.resizeHandler("onResizeStart",_),onDrag:a.resizeHandler("onResize",_)}),a.renderResizeHandle(_,P))}))}))},t}(Z.Component);ee.default=He;He.propTypes=Er.resizableProps;He.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var Se=Yr(q),Br=nt(le),jr=nt(ee),Xr=te,kr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function nt(e){return e&&e.__esModule?e:{default:e}}function at(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(at=function(a){return a?r:t})(e)}function Yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=at(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xe.apply(this,arguments)}function Xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Xe(Object(r),!0).forEach(function(n){Fr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Fr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Lr(e,"string");return typeof t=="symbol"?t:String(t)}function Lr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Gr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Kr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Re(e,t)}function Re(e,t){return Re=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Re(e,t)}var ot=function(e){Kr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var m=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(m)},n}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,m=a.draggableOpts,g=a.minConstraints,_=a.maxConstraints,D=a.lockAspectRatio,P=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,R=Gr(a,kr);return Se.createElement(jr.default,{axis:P,draggableOpts:m,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:D,maxConstraints:_,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",xe({},R,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=ot;ot.propTypes=se(se({},Xr.resizableProps),{},{children:Br.default.element});ze.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Jr=ze.exports.Resizable=ee.default;ze.exports.ResizableBox=pe.default;const Te=35,oe=240,Qr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return y.jsx("div",{ref:t,className:w.resizeHandle,...n,children:y.jsx(ct,{icon:we.DRAG})})}),Ce=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(m,{size:g})=>{n&&n(g.width)};return n?y.jsx(Jr,{width:ut.toNumber(t),height:100,minConstraints:[Te,1/0],maxConstraints:[s,1/0],onResize:l,handle:y.jsx(Qr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?w.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<Te+50&&a&&a(!1)},children:e}):y.jsx(y.Fragment,{children:e})};try{Ce.displayName="DrawerResizeWrapper",Ce.__docgenInfo={description:"",displayName:"DrawerResizeWrapper",props:{width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"string | number"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((isOpen: boolean) => void) | null"}}}}}catch{}const ke=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:m=null,buttonAnimate:g=!0,buttonPosition:_=st.BOTTOM,border:D=!1,children:P=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:R,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:v})=>{const h=m===!0,C=!h&&q.isValidElement(m),[A,I]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[F,re]=q.useState(E),X=n?r:A,H=n||I,k=R!==void 0?M:F,qe=R||re,U=Array.isArray(o)?o[k||0]:o,K=X?U:S?Te:i,ne=J=>{const he=me=>{S&&me&&me(S[J])};k===J&&X&&H?(he(p),H(!1)):!X&&H&&(he(v),H(!0),u&&(ge=>{let L;if(Array.isArray(ge)?L=ge[k||0]:L=ge,typeof L=="number"&&L<oe)u(oe);else if(typeof L=="string"){const $e=parseInt(L,10);!isNaN($e)&&$e<oe&&u(oe)}})(o)),qe(J),he(f)};return y.jsx(Ce,{width:K,onResize:u,setOpen:H,right:a,children:y.jsxs("div",{className:ie(w.drawer,s?w.shadow:"",t?w.fixed:w.inline,a?w.right:w.left),style:{top:l},children:[y.jsx("div",{className:ie(w.drawerContent,D&&w.border),style:{background:e,borderColor:typeof D=="string"?D:void 0,width:K},children:S?y.jsx(Oe,{width:U,testId:c,tabs:S,open:X,activeTab:k||0,background:e,handleTabClick:ne}):y.jsx("div",{style:{width:U},children:P})}),m&&y.jsx("span",{className:ie(w.toggleButton,A&&(h||C&&g)?w.toggleButtonOpen:"",_==="top"?w.top:w.bottom),children:C?m:y.jsx(dt,{onClick:H?()=>H(!X):void 0,round:!0,icon:a?we.CHEVRON_RIGHT:we.CHEVRON_LEFT})})]})})};try{ke.displayName="Drawer",ke.__docgenInfo={description:"",displayName:"Drawer",props:{background:{defaultValue:{value:"var(--color-background-raised)"},description:"",name:"background",required:!1,type:{name:"string"}},fixed:{defaultValue:{value:"false"},description:"",name:"fixed",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((openState: boolean) => void)"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},shadow:{defaultValue:{value:"false"},description:"",name:"shadow",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"0"},description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | TStringOrNumber[]"}},closedWidth:{defaultValue:{value:"0"},description:"",name:"closedWidth",required:!1,type:{name:"TStringOrNumber"}},button:{defaultValue:{value:"null"},description:"",name:"button",required:!1,type:{name:"ReactNode"}},buttonAnimate:{defaultValue:{value:"true"},description:"",name:"buttonAnimate",required:!1,type:{name:"boolean"}},buttonPosition:{defaultValue:{value:"ButtonPosition.BOTTOM"},description:"",name:"buttonPosition",required:!1,type:{name:"string"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"string | boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"IDrawerTab[]"}},defaultTabIndex:{defaultValue:{value:"0"},description:"",name:"defaultTabIndex",required:!1,type:{name:"number"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!1,type:{name:"number"}},setActiveTab:{defaultValue:null,description:"",name:"setActiveTab",required:!1,type:{name:"((index: number) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},getActiveTab:{defaultValue:null,description:"",name:"getActiveTab",required:!1,type:{name:"((tab: IDrawerTab) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}}}}}catch{}export{ke as D};

package/dist/storybook/assets/drawer-e350211a.css

@@ -0,0 +1 @@
+._inputInTable_khmhl_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_khmhl_1:not(:hover){border-color:transparent}._inputInTable_khmhl_1:not(:focus){box-shadow:none}._inputHover_khmhl_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_khmhl_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_khmhl_25,._inputWarning_khmhl_26{position:relative}._inputError_khmhl_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_khmhl_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_khmhl_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_khmhl_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_khmhl_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_khmhl_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_khmhl_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_khmhl_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_khmhl_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_khmhl_90{position:relative}._inline_khmhl_90._left_khmhl_93{order:-1}._inline_khmhl_90._right_khmhl_96{order:9999}._fixed_khmhl_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_khmhl_99._left_khmhl_93{left:0}._fixed_khmhl_99._right_khmhl_96{right:0}._left_khmhl_93 ._border_khmhl_111{border-right:1px solid var(--color-border)}._right_khmhl_96 ._border_khmhl_111{border-left:1px solid var(--color-border)}._shadow_khmhl_117{box-shadow:var(--shadow-layer)}._drawerContent_khmhl_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_khmhl_132 ._drawerContent_khmhl_120{transition:none}@media print{._drawerContent_khmhl_120{background:transparent!important}}._drawerContent_khmhl_120::-webkit-scrollbar{display:none}._toggleButton_khmhl_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_khmhl_93 ._toggleButton_khmhl_143{right:calc(var(--size) / -2)}._right_khmhl_96 ._toggleButton_khmhl_143{left:calc(var(--size) / -2)}._toggleButton_khmhl_143._top_khmhl_156{top:var(--padding)}._toggleButton_khmhl_143._bottom_khmhl_159{bottom:var(--padding)}._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162{transform:rotate(0)}._tabs_khmhl_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_khmhl_93 ._tabs_khmhl_165{right:0}._right_khmhl_96 ._tabs_khmhl_165{left:0}._tabs_khmhl_165 ._tab_khmhl_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{border-left-color:transparent}._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{border-right-color:transparent}._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197{color:var(--color-text);border-color:var(--color-border)}._tabs_khmhl_165 ._tab_khmhl_165 svg{stroke-width:1.125}._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_khmhl_93 ._tabsContent_khmhl_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_khmhl_96 ._tabsContent_khmhl_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_khmhl_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_khmhl_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_khmhl_235:active{background:var(--color-text-primary);color:#fff}._left_khmhl_93 ._resizeHandle_khmhl_235{right:0}._right_khmhl_96 ._resizeHandle_khmhl_235{left:0}

package/dist/storybook/assets/{drawer.stories-89a4e1bb.js → drawer.stories-2512fef1.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as w}from"./index-f80c8c95.js";import{I as n}from"./common-types-2c81813f.js";import{D as a}from"./drawer-3f83a4d2.js";import{B as I}from"./button-74c97e4a.js";import{L as y}from"./list-0dc3df85.js";import{H as s}from"./heading-d29eb744.js";import{F as ae}from"./flex-47732c42.js";import{o as f}from"./list.stories-data-390b28e1.js";import{I as t}from"./icon-e9cbb4d7.js";import"./index-a80ed1cf.js";import"./badge-20e7ee0b.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./actions-2d4e1c8e.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./loader-87ec8334.js";import"./help-icon-d4189b1b.js";import"./tslib.es6-dfef685f.js";const ze={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},p=r=>e.jsx(a,{...r}),T=p.bind({}),u=p.bind({});u.args={right:!0};const d=p.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const m=p.bind({});m.args={button:e.jsx(I,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const g=p.bind({});g.args={shadow:!0};const b=()=>{const[r,o]=w.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(I,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(I,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};b.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=p.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const h=()=>{const[r,o]=w.useState(!1),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},S=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:l,open:r,setOpen:o,onClose:E,onOpen:S})};h.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const x=()=>{const[r,o]=w.useState(0),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:l,activeTab:r,setActiveTab:o})};x.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const j=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},v=()=>{const[r,o]=w.useState(!0),[l,E]=w.useState(300),S=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:S,border:!0,open:r,setOpen:o,width:l,onResize:i=>{E(i)}})})};var D,H,L;T.parameters={...T.parameters,docs:{...(D=T.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as w}from"./index-f80c8c95.js";import{I as n}from"./common-types-2c81813f.js";import{D as a}from"./drawer-7f450988.js";import{B as I}from"./button-74c97e4a.js";import{L as y}from"./list-0dc3df85.js";import{H as s}from"./heading-d29eb744.js";import{F as ae}from"./flex-47732c42.js";import{o as f}from"./list.stories-data-390b28e1.js";import{I as t}from"./icon-e9cbb4d7.js";import"./index-a80ed1cf.js";import"./badge-20e7ee0b.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./actions-2d4e1c8e.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./loader-87ec8334.js";import"./help-icon-d4189b1b.js";import"./tslib.es6-dfef685f.js";const ze={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},p=r=>e.jsx(a,{...r}),T=p.bind({}),u=p.bind({});u.args={right:!0};const d=p.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const m=p.bind({});m.args={button:e.jsx(I,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const g=p.bind({});g.args={shadow:!0};const b=()=>{const[r,o]=w.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(I,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(I,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};b.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=p.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),disabled:!0,content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const h=()=>{const[r,o]=w.useState(!1),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},S=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:l,open:r,setOpen:o,onClose:E,onOpen:S})};h.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const x=()=>{const[r,o]=w.useState(0),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:l,activeTab:r,setActiveTab:o})};x.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const j=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},v=()=>{const[r,o]=w.useState(!0),[l,E]=w.useState(300),S=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:S,border:!0,open:r,setOpen:o,width:l,onResize:i=>{E(i)}})})};var D,H,L;T.parameters={...T.parameters,docs:{...(D=T.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
   return <Drawer
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;