@storybook/components 7.0.0-alpha.21 → 7.0.0-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-NY2IWZLL.mjs → chunk-BPOXRXHR.mjs} +1 -1
- package/dist/html.mjs +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +4 -4
|
@@ -7,7 +7,7 @@ import{b as Z0,d as x1}from"./chunk-YD7UN6FC.mjs";import{a as r0,b as b1,c as Z1
|
|
|
7
7
|
path {
|
|
8
8
|
fill: currentColor;
|
|
9
9
|
}
|
|
10
|
-
`,Q=({icon:r,useSymbol:o,...t})=>a0.createElement(k1,{viewBox:"0 0 14 14",width:"14px",height:"14px",...t},o?a0.createElement("use",{xlinkHref:`#icon--${r}`}):t0[r]),Ae=we(({icons:r=Object.keys(t0)})=>a0.createElement(k1,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},r.map(o=>a0.createElement("symbol",{id:`icon--${o}`,key:o},t0[o]))));var Te=0,Ce=r=>r.button===Te&&!r.altKey&&!r.ctrlKey&&!r.metaKey&&!r.shiftKey,Ve=(r,o)=>{Ce(r)&&(r.preventDefault(),o(r))},ke=z1.span(({withArrow:r})=>r?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:r})=>r?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),ze=z1.a(({theme:r})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:r.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:C(.07,r.color.secondary),"svg path":{fill:C(.07,r.color.secondary)}},"&:active":{color:C(.1,r.color.secondary),"svg path":{fill:C(.1,r.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:r.color.secondary}}}),({theme:r,secondary:o,tertiary:t})=>{let a;return o&&(a=[r.color.mediumdark,r.color.dark,r.color.darker]),t&&(a=[r.color.dark,r.color.darkest,r.color.mediumdark]),a?{color:a[0],"svg path":{fill:a[0]},"&:hover":{color:a[1],"svg path":{fill:a[1]}},"&:active":{color:a[2],"svg path":{fill:a[2]}}}:{}},({nochrome:r})=>r?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:r,inverse:o})=>o?{color:r.color.lightest,"svg path":{fill:r.color.lightest},"&:hover":{color:r.color.lighter,"svg path":{fill:r.color.lighter}},"&:active":{color:r.color.light,"svg path":{fill:r.color.light}}}:{},({isButton:r})=>r?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),n0=({cancel:r,children:o,onClick:t,withArrow:a,containsIcon:i,className:p,...s})=>o1.createElement(ze,{...s,onClick:t&&r?d=>Ve(d,t):t,className:p},o1.createElement(ke,{withArrow:a,containsIcon:i},o,a&&o1.createElement(Q,{icon:"arrowright"})));n0.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};n();import{styled as Pe}from"@storybook/theming";var Fe=Pe.div(({theme:r})=>({fontSize:`${r.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${r.typography.size.l1}px`,fontWeight:r.typography.weight.black},h2:{fontSize:`${r.typography.size.m2}px`,borderBottom:`1px solid ${r.appBorderColor}`},h3:{fontSize:`${r.typography.size.m1}px`},h4:{fontSize:`${r.typography.size.s3}px`},h5:{fontSize:`${r.typography.size.s2}px`},h6:{fontSize:`${r.typography.size.s2}px`,color:r.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:r.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${r.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${r.color.medium}`,padding:"0 15px",color:r.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${r.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${r.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${r.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:r.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${r.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:r.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${r.color.mediumlight}`,backgroundColor:r.color.lighter,borderRadius:3,color:r.base==="dark"&&r.color.darkest}}));n();import J,{Suspense as Ie,lazy as P1}from"react";var Be=P1(()=>import("./syntaxhighlighter-ALWPIQUC.mjs")),Ee=P1(async()=>{let[{SyntaxHighlighter:r},{formatter:o}]=await Promise.all([import("./syntaxhighlighter-ALWPIQUC.mjs"),import("./formatter-D5LHEZ46.mjs")]);return{default:t=>J.createElement(r,{...t,formatter:o})}}),$e=r=>J.createElement(Ie,{fallback:J.createElement("div",null)},r.format!==!1?J.createElement(Ee,{...r}):J.createElement(Be,{...r}));n();import We from"react";import{styled as Oe}from"@storybook/theming";var je=r=>typeof r=="number"?r:Number(r),De=Oe.div(({theme:r,col:o,row:t=1})=>o?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:o*r.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:t*r.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme:r,outer:o,col:t,row:a})=>{switch(!0){case!!(o&&t):return{marginLeft:o*r.layoutMargin,marginRight:o*r.layoutMargin};case!!(o&&a):return{marginTop:o*r.layoutMargin,marginBottom:o*r.layoutMargin};default:return{}}}),Ne=({col:r,row:o,outer:t,children:a,...i})=>{let p=je(typeof t=="number"||!t?t:r||o);return We.createElement(De,{col:r,row:o,outer:p,...i},a)};n();import t1,{Children as qe}from"react";import{styled as a1}from"@storybook/theming";var Ue=a1.div(({theme:r})=>({fontWeight:r.typography.weight.bold})),Ge=a1.div(),Ye=a1.div(({theme:r})=>({padding:30,textAlign:"center",color:r.color.defaultText,fontSize:r.typography.size.s2-1})),n1=({children:r,...o})=>{let[t,a]=qe.toArray(r);return t1.createElement(Ye,{...o},t1.createElement(Ue,null,t),a&&t1.createElement(Ge,null,a))};n();var E1=y0(x0());n();import I1,{useEffect as Je,useRef as Xe,useState as Ke}from"react";import{styled as _e}from"@storybook/theming";n();var F1=y0(x0()),{window:Qe}=F1.default;function i0(){try{return Qe.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var Re=_e.div(({scale:r=1,height:o})=>i0()?{"> *":{zoom:1/r}}:{height:o?o+50:"auto",transformOrigin:"top left",transform:`scale(${1/r})`});function B1({scale:r,children:o}){let t=Xe(null),[a,i]=Ke(0);return Je(()=>{t.current&&i(t.current.getBoundingClientRect().height)},[r,t.current]),I1.createElement(Re,{scale:r,height:a},I1.createElement("div",{ref:t,className:"innerZoomElementWrapper"},o))}n();import{Component as er}from"react";var l0=class extends er{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:a,active:i}=this.props;return a!==t.scale&&this.setIframeInnerZoom(t.scale),i!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{i0()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/t}):Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return t}};var{window:ti}=E1.default;var rr={Element:B1,IFrame:l0};n();import $1,{forwardRef as or}from"react";import{styled as tr}from"@storybook/theming";var W1=tr.button(({small:r,theme:o})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:r?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${r?o.typography.size.s1:o.typography.size.s2-1}px`,fontWeight:o.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:r?12:14,width:r?12:14,verticalAlign:"top",marginRight:r?4:6,marginTop:r?0:-1,marginBottom:r?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:r})=>r?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:r,small:o})=>r?{svg:{display:"block",margin:0},...o?{padding:10}:{padding:13}}:{},({theme:r,primary:o,secondary:t,gray:a})=>{let i;return a?i=r.color.medium:t?i=r.color.secondary:o&&(i=r.color.primary),i?{background:i,color:a?r.color.darkest:r.color.lightest,"&:hover":{background:C(.05,i)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${S(i,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${S(i,.2)} 0 8px 18px 0px`}}:{}},({theme:r,tertiary:o,inForm:t,small:a})=>o?{background:r.base==="light"?C(.02,r.input.background):P0(.02,r.input.background),color:r.input.color,boxShadow:`${r.input.border} 0 0 0 1px inset`,borderRadius:r.input.borderRadius,...t&&a?{padding:"10px 16px"}:{},"&:hover":{background:r.base==="light"?C(.05,r.input.background):P0(.05,r.input.background),...t?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:r.input.background},"&:focus":{boxShadow:`${S(r.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:r,outline:o})=>o?{boxShadow:`${y(.8,r.color.defaultText)} 0 0 0 1px inset`,color:y(.3,r.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${y(.5,r.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${y(.5,r.color.defaultText)} 0 0 0 2px inset`,color:y(0,r.color.defaultText)}}:{},({theme:r,outline:o,primary:t})=>{let a=r.color.primary;return o&&t?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:r.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${S(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${S(a,.2)} 0 8px 18px 0px`}}:{}},({theme:r,outline:o,primary:t,secondary:a})=>{let i;return a?i=r.color.secondary:t&&(i=r.color.primary),o&&i?{boxShadow:`${i} 0 0 0 1px inset`,color:i,"svg path":{fill:i},"&:hover":{boxShadow:`${i} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:i,boxShadow:`${i} 0 0 0 1px inset`,color:r.color.tertiary},"&:focus":{boxShadow:`${i} 0 0 0 1px inset, ${S(i,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${i} 0 0 0 1px inset, ${S(i,.2)} 0 8px 18px 0px`}}:{}}),ar=W1.withComponent("a"),i1=Object.assign(or(({isLink:r,children:o,...t},a)=>r?$1.createElement(ar,{...t,ref:a},o):$1.createElement(W1,{...t,ref:a},o)),{defaultProps:{isLink:!1}});n();import{styled as Sr}from"@storybook/theming";n();import l1 from"react";import{styled as O1}from"@storybook/theming";var nr=O1.label(({theme:r})=>({display:"flex",borderBottom:`1px solid ${r.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),ir=O1.span(({theme:r})=>({minWidth:100,fontWeight:r.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),p1=({label:r,children:o,...t})=>l1.createElement(nr,{...t},r?l1.createElement(ir,null,l1.createElement("span",null,r)):null,o);p1.defaultProps={label:void 0};n();import X,{forwardRef as K}from"react";import{styled as p0}from"@storybook/theming";n();import{useLayoutEffect as J1,forwardRef as fr,useRef as s1,createElement as mr}from"react";n();import*as D1 from"react";n();import{useLayoutEffect as lr,useEffect as pr}from"react";var sr=typeof document<"u"?lr:pr,j1=sr;var N1=function(o){var t=D1.useRef(o);return j1(function(){t.current=o}),t};n();import{useRef as dr,useCallback as hr}from"react";var q1=function(o,t){if(typeof o=="function"){o(t);return}o.current=t},ur=function(o,t){var a=dr();return hr(function(i){o.current=i,a.current&&q1(a.current,null),a.current=t,t&&q1(t,i)},[t])},U1=ur;var G1={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},Y1=function(o){Object.keys(G1).forEach(function(t){o.style.setProperty(t,G1[t],"important")})},Z=null,cr=function(o,t){var a=o.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?a+t.borderSize:a-t.paddingSize};function gr(r,o,t,a){t===void 0&&(t=1),a===void 0&&(a=1/0),Z||(Z=document.createElement("textarea"),Z.setAttribute("tabindex","-1"),Z.setAttribute("aria-hidden","true"),Y1(Z)),Z.parentNode===null&&document.body.appendChild(Z);var i=r.paddingSize,p=r.borderSize,s=r.sizingStyle,d=s.boxSizing;Object.keys(s).forEach(function(c){var H=c;Z.style[H]=s[H]}),Y1(Z),Z.value=o;var u=cr(Z,r);Z.value="x";var f=Z.scrollHeight-i,v=f*t;d==="border-box"&&(v=v+i+p),u=Math.max(v,u);var b=f*a;return d==="border-box"&&(b=b+i+p),u=Math.min(b,u),[u,f]}var Q1=function(){},vr=function(o,t){return o.reduce(function(a,i){return a[i]=t[i],a},{})},br=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],yr=typeof document<"u"?!!document.documentElement.currentStyle:!1,xr=function(o){var t=window.getComputedStyle(o);if(t===null)return null;var a=vr(br,t),i=a.boxSizing;if(i==="")return null;yr&&i==="border-box"&&(a.width=parseFloat(a.width)+parseFloat(a.borderRightWidth)+parseFloat(a.borderLeftWidth)+parseFloat(a.paddingRight)+parseFloat(a.paddingLeft)+"px");var p=parseFloat(a.paddingBottom)+parseFloat(a.paddingTop),s=parseFloat(a.borderBottomWidth)+parseFloat(a.borderTopWidth);return{sizingStyle:a,paddingSize:p,borderSize:s}},Zr=function(o){var t=N1(o);J1(function(){var a=function(p){t.current(p)};return window.addEventListener("resize",a),function(){window.removeEventListener("resize",a)}},[])},Mr=function(o,t){var a=o.cacheMeasurements,i=o.maxRows,p=o.minRows,s=o.onChange,d=s===void 0?Q1:s,u=o.onHeightChange,f=u===void 0?Q1:u,v=y1(o,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]),b=v.value!==void 0,c=s1(null),H=U1(c,t),F=s1(0),q=s1(),I=function(){var E=c.current,b0=a&&q.current?q.current:xr(E);if(!!b0){q.current=b0;var v1=gr(b0,E.value||E.placeholder||"x",p,i),e0=v1[0],Z5=v1[1];F.current!==e0&&(F.current=e0,E.style.setProperty("height",e0+"px","important"),f(e0,{rowHeight:Z5}))}},B=function(E){b||I(),d(E)};return typeof document<"u"&&(J1(I),Zr(I)),mr("textarea",$({},v,{onChange:B,ref:H}))},Hr=fr(Mr),X1=Hr;var Lr={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},d1=({theme:r})=>({...Lr,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:r.input.color||"inherit",background:r.input.background,boxShadow:`${r.input.border} 0 0 0 1px inset`,borderRadius:r.input.borderRadius,fontSize:r.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${r.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${r.color.lightest} inset`},"::placeholder":{color:r.color.mediumdark}}),s0=({size:r})=>{switch(r){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},K1=({align:r})=>{switch(r){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},d0=({valid:r,theme:o})=>{switch(r){case"valid":return{boxShadow:`${o.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${o.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${o.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},_1=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement("input",{...a,ref:i})))(d1,s0,K1,d0,{minHeight:32}),{displayName:"Input"}),R1=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement("select",{...a,ref:i})))(d1,s0,d0,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),e5=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement(X1,{...a,ref:i})))(d1,s0,K1,d0,({height:r=400})=>({overflow:"visible",maxHeight:r})),{displayName:"Textarea"}),wr=p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement(i1,{...a,ref:i})))(s0,d0,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),r5=Object.assign(K((r,o)=>X.createElement(wr,{...r,...{tertiary:!0,small:!0,inForm:!0},ref:o})),{displayName:"Button"});var Ar=Object.assign(Sr.form({boxSizing:"border-box",width:"100%"}),{Field:p1,Input:_1,Select:R1,Textarea:e5,Button:r5});n();import O,{lazy as o5,Suspense as t5}from"react";var Tr=o5(()=>import("./WithTooltip-DT5MBLBP.mjs").then(r=>({default:r.WithTooltip}))),Cr=r=>O.createElement(t5,{fallback:O.createElement("div",null)},O.createElement(Tr,{...r})),Vr=o5(()=>import("./WithTooltip-DT5MBLBP.mjs").then(r=>({default:r.WithTooltipPure}))),kr=r=>O.createElement(t5,{fallback:O.createElement("div",null)},O.createElement(Vr,{...r}));n();import j from"react";import{styled as _}from"@storybook/theming";var zr=_.div(({theme:r})=>({fontWeight:r.typography.weight.black})),Pr=_.span(),Fr=_.div(({theme:r})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:r.typography.weight.black}})),Ir=_.div(({theme:r})=>({color:r.textColor,lineHeight:"18px"})),Br=_.div({padding:15,width:280,boxSizing:"border-box"}),a5=({title:r,desc:o,links:t})=>j.createElement(Br,null,j.createElement(Ir,null,r&&j.createElement(zr,null,r),o&&j.createElement(Pr,null,o)),t&&j.createElement(Fr,null,t.map(({title:a,...i})=>j.createElement(n0,{...i,key:a},a))));a5.defaultProps={title:null,desc:null,links:null};n();import Er from"react";import{styled as $r}from"@storybook/theming";var Wr=$r.div(({theme:r})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:r.typography.weight.bold,color:r.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:r.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6})),Or=({note:r,...o})=>Er.createElement(Wr,{...o},r);n();import u1,{useCallback as Jr}from"react";import{styled as Xr}from"@storybook/theming";n();import k from"react";import{styled as D}from"@storybook/theming";import jr from"memoizerific";var Dr=D(({active:r,loading:o,disabled:t,...a})=>k.createElement("span",{...a}))(({theme:r})=>({color:r.color.defaultText,fontWeight:r.typography.weight.regular}),({active:r,theme:o})=>r?{color:o.color.primary,fontWeight:o.typography.weight.bold}:{},({loading:r,theme:o})=>r?{display:"inline-block",flex:"none",...o.animation.inlineGlow}:{},({disabled:r,theme:o})=>r?{color:y(.7,o.color.defaultText)}:{}),Nr=D.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active:r,theme:o})=>r?{"& svg":{opacity:1},"& path":{fill:o.color.primary}}:{}),qr=D.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),Ur=D.span({flex:1,textAlign:"center"},({active:r,theme:o})=>r?{color:o.color.primary}:{},({theme:r,disabled:o})=>o?{color:r.color.mediumdark}:{}),Gr=D.span(({active:r,theme:o})=>r?{"& svg":{opacity:1},"& path":{fill:o.color.primary}}:{}),Yr=D.a(({theme:r})=>({fontSize:r.typography.size.s1,transition:"all 150ms ease-out",color:y(.5,r.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:r.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:r})=>r?{cursor:"not-allowed"}:{}),Qr=jr(100)((r,o,t)=>{let a={};return r&&Object.assign(a,{onClick:r}),o&&Object.assign(a,{href:o}),t&&o&&Object.assign(a,{to:o,as:t}),a}),n5=({loading:r,left:o,title:t,center:a,right:i,active:p,disabled:s,href:d,onClick:u,LinkWrapper:f,...v})=>{let b=Qr(u,d,f),c={active:p,disabled:s};return k.createElement(Yr,{...c,...v,...b},o&&k.createElement(Gr,{...c},o),t||a?k.createElement(qr,null,t&&k.createElement(Dr,{...c,loading:r},t),a&&k.createElement(Ur,{...c},a)):null,i&&k.createElement(Nr,{...c},i))};n5.defaultProps={loading:!1,left:null,title:k.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var h1=n5;var Kr=Xr.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:13.5*32},({theme:r})=>({borderRadius:r.appBorderRadius*2})),_r=r=>{let{LinkWrapper:o,onClick:t,...a}=r,{title:i,href:p,active:s}=a,d=Jr(f=>{t(f,a)},[t]);return u1.createElement(h1,{title:i,active:s,href:p,LinkWrapper:o,...a,...!!t?{onClick:d}:{}})},i5=({links:r,LinkWrapper:o})=>u1.createElement(Kr,null,r.map(({isGatsby:t,...a})=>u1.createElement(_r,{key:a.id,LinkWrapper:t?o:null,...a})));i5.defaultProps={LinkWrapper:h1.defaultProps.LinkWrapper};n();import L,{Children as no,Component as io,Fragment as d5,memo as lo}from"react";import{styled as g0}from"@storybook/theming";import{sanitize as po}from"@storybook/csf";n();import R,{Children as Rr}from"react";import{styled as m1}from"@storybook/theming";var f1=m1.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:r})=>r?{"& > *":{marginLeft:4}}:{},({right:r})=>r?{marginLeft:30,"& > *":{marginRight:4}}:{});f1.displayName="Side";var eo=({children:r,className:o})=>R.createElement(Z0,{horizontal:!0,vertical:!1,className:o},r),c1=m1(eo)(({theme:r})=>({color:r.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme:r,border:o=!1})=>o?{boxShadow:`${r.appBorderColor} 0 -1px 0 0 inset`,background:r.barBg}:{});c1.displayName="Bar";var ro=m1.div(({bgColor:r})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:r||""})),h0=({children:r,backgroundColor:o,...t})=>{let[a,i]=Rr.toArray(r);return R.createElement(c1,{...t},R.createElement(ro,{bgColor:o},R.createElement(f1,{left:!0},a),i?R.createElement(f1,{right:!0},i):null))};h0.displayName="FlexBar";n();import u0 from"react";import{styled as f0,isPropValid as l5}from"@storybook/theming";var p5=({children:r,...o})=>o.href!=null?u0.createElement("a",{...o},r):u0.createElement("button",{type:"button",...o},r),m0=f0(p5,{shouldForwardProp:l5})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:r})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:r.color.secondary}}),({active:r,textColor:o,theme:t})=>r?{color:o||t.barSelectedColor,borderBottomColor:t.barSelectedColor}:{color:o||t.barTextColor,borderBottomColor:"transparent"});m0.displayName="TabButton";var s5=f0(p5,{shouldForwardProp:l5})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:r,theme:o})=>r?{backgroundColor:o.background.hoverable,color:o.color.secondary}:{},({disabled:r,theme:o})=>r?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:y(.88,o.color.secondary),color:o.color.secondary},"&:focus-visible":{outline:Z1},"&:focus:not(:focus-visible)":{outline:"none"}});s5.displayName="IconButton";var oo=f0.div(({theme:r})=>({width:14,height:14,backgroundColor:r.appBorderColor,animation:`${r.animation.glow} 1.5s ease-in-out infinite`})),to=f0.div(()=>({marginTop:6,padding:7,height:28})),ao=()=>u0.createElement(to,null,u0.createElement(oo,null));var so=g0.div(({theme:r,bordered:o})=>o?{backgroundClip:"padding-box",border:`1px solid ${r.appBorderColor}`,borderRadius:r.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute:r})=>r?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),h5=g0.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),ho=g0.div({display:"block",position:"relative"},({theme:r})=>({fontSize:r.typography.size.s2-1,background:r.background.content}),({bordered:r,theme:o})=>r?{borderRadius:`0 0 ${o.appBorderRadius-1}px ${o.appBorderRadius-1}px`}:{},({absolute:r,bordered:o})=>r?{height:`calc(100% - ${o?42:40}px)`,position:"absolute",left:0+(o?1:0),right:0+(o?1:0),bottom:0+(o?1:0),top:40+(o?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(o?1:0),right:0+(o?1:0),bottom:0+(o?1:0),top:0+(o?1:0),height:`calc(100% - ${o?2:0}px)`,overflow:"auto"}}:{}),u5=g0.div(({active:r})=>r?{display:"block"}:{display:"none"}),uo=({active:r,render:o,children:t})=>L.createElement(u5,{active:r},o?o():t);var fo=(r,o)=>no.toArray(r).map(({props:{title:t,id:a,color:i,children:p}},s)=>{let d=Array.isArray(p)?p[0]:p;return{active:o?a===o:s===0,title:t,id:a,color:i,render:typeof d=="function"?d:({active:u,key:f})=>L.createElement(u5,{key:f,active:u,role:"tabpanel"},d)}}),v0=lo(({children:r,selected:o,actions:t,absolute:a,bordered:i,tools:p,backgroundColor:s,id:d})=>{let u=fo(r,o);return u.length?L.createElement(so,{absolute:a,bordered:i,id:d},L.createElement(h0,{border:!0,backgroundColor:s},L.createElement(h5,{role:"tablist"},u.map(({title:f,id:v,active:b,color:c})=>{let H=typeof f=="function"?f():f;return L.createElement(m0,{id:`tabbutton-${po(H)}`,className:`tabbutton ${b?"tabbutton-active":""}`,type:"button",key:v,active:b,textColor:c,onClick:F=>{F.preventDefault(),t.onSelect(v)},role:"tab"},H)})),p?L.createElement(d5,null,p):null),L.createElement(ho,{id:"panel-tab-content",bordered:i,absolute:a},u.map(({id:f,active:v,render:b})=>b({key:f,active:v})))):L.createElement(n1,null,L.createElement(d5,{key:"title"},"Nothing found"))});v0.displayName="Tabs";v0.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var c0=class extends io{constructor(t){super(t);this.handlers={onSelect:t=>this.setState({selected:t})};this.state={selected:t.initial}}render(){let{bordered:t=!1,absolute:a=!1,children:i,backgroundColor:p}=this.props,{selected:s}=this.state;return L.createElement(v0,{bordered:t,absolute:a,selected:s,backgroundColor:p,actions:this.handlers},i)}};c0.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};n();import f5,{Fragment as mo}from"react";import{styled as co}from"@storybook/theming";var g1=co.span(({theme:r})=>({width:1,height:20,background:r.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force:r})=>r?{}:{"& + &":{display:"none"}});g1.displayName="Separator";var go=r=>r.reduce((o,t,a)=>t?f5.createElement(mo,{key:t.id||t.key||`f-${a}`},o,a>0?f5.createElement(g1,{key:`s-${a}`}):null,t.render()||t):o,null);n();import vo,{useRef as bo,useEffect as yo}from"react";var xo=r=>{let o=bo();return yo(()=>{o.current=r},[r]),o.current},Zo=(r,o)=>{let t=xo(o);return r?o:t},Mo=({active:r,children:o})=>vo.createElement("div",{hidden:!r,style:{transform:"translateX(0px)"}},Zo(r,o));n();import A from"react";var Ho=({alt:r,...o})=>A.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...o,role:"img"},r?A.createElement("title",null,r):null,A.createElement("defs",null,A.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),A.createElement("g",{fill:"none",fillRule:"evenodd"},A.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),A.createElement("mask",{id:"b",fill:"#fff"},A.createElement("use",{xlinkHref:"#a"})),A.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),A.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));n();import N from"react";var Lo=({...r})=>N.createElement("svg",{viewBox:"0 0 64 64",...r},N.createElement("title",null,"Storybook icon"),N.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},N.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),N.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),N.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));n();var y5=y0(x0());import T,{useEffect as So,useState as c5}from"react";import{styled as P,keyframes as Ao}from"@storybook/theming";n();import{keyframes as wo}from"@storybook/theming";var m5=wo`
|
|
10
|
+
`,Q=({icon:r,useSymbol:o,...t})=>a0.createElement(k1,{viewBox:"0 0 14 14",width:"14px",height:"14px",...t},o?a0.createElement("use",{xlinkHref:`#icon--${r}`}):t0[r]),Ae=we(({icons:r=Object.keys(t0)})=>a0.createElement(k1,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},r.map(o=>a0.createElement("symbol",{id:`icon--${o}`,key:o},t0[o]))));var Te=0,Ce=r=>r.button===Te&&!r.altKey&&!r.ctrlKey&&!r.metaKey&&!r.shiftKey,Ve=(r,o)=>{Ce(r)&&(r.preventDefault(),o(r))},ke=z1.span(({withArrow:r})=>r?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:r})=>r?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),ze=z1.a(({theme:r})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:r.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:C(.07,r.color.secondary),"svg path":{fill:C(.07,r.color.secondary)}},"&:active":{color:C(.1,r.color.secondary),"svg path":{fill:C(.1,r.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:r.color.secondary}}}),({theme:r,secondary:o,tertiary:t})=>{let a;return o&&(a=[r.color.mediumdark,r.color.dark,r.color.darker]),t&&(a=[r.color.dark,r.color.darkest,r.color.mediumdark]),a?{color:a[0],"svg path":{fill:a[0]},"&:hover":{color:a[1],"svg path":{fill:a[1]}},"&:active":{color:a[2],"svg path":{fill:a[2]}}}:{}},({nochrome:r})=>r?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:r,inverse:o})=>o?{color:r.color.lightest,"svg path":{fill:r.color.lightest},"&:hover":{color:r.color.lighter,"svg path":{fill:r.color.lighter}},"&:active":{color:r.color.light,"svg path":{fill:r.color.light}}}:{},({isButton:r})=>r?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),n0=({cancel:r,children:o,onClick:t,withArrow:a,containsIcon:i,className:p,...s})=>o1.createElement(ze,{...s,onClick:t&&r?d=>Ve(d,t):t,className:p},o1.createElement(ke,{withArrow:a,containsIcon:i},o,a&&o1.createElement(Q,{icon:"arrowright"})));n0.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};n();import{styled as Pe}from"@storybook/theming";var Fe=Pe.div(({theme:r})=>({fontSize:`${r.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${r.typography.size.l1}px`,fontWeight:r.typography.weight.black},h2:{fontSize:`${r.typography.size.m2}px`,borderBottom:`1px solid ${r.appBorderColor}`},h3:{fontSize:`${r.typography.size.m1}px`},h4:{fontSize:`${r.typography.size.s3}px`},h5:{fontSize:`${r.typography.size.s2}px`},h6:{fontSize:`${r.typography.size.s2}px`,color:r.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:r.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${r.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${r.color.medium}`,padding:"0 15px",color:r.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${r.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${r.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${r.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:r.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${r.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:r.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${r.color.mediumlight}`,backgroundColor:r.color.lighter,borderRadius:3,color:r.base==="dark"&&r.color.darkest}}));n();import J,{Suspense as Ie,lazy as P1}from"react";var Be=P1(()=>import("./syntaxhighlighter-ALWPIQUC.mjs")),Ee=P1(async()=>{let[{SyntaxHighlighter:r},{formatter:o}]=await Promise.all([import("./syntaxhighlighter-ALWPIQUC.mjs"),import("./formatter-D5LHEZ46.mjs")]);return{default:t=>J.createElement(r,{...t,formatter:o})}}),$e=r=>J.createElement(Ie,{fallback:J.createElement("div",null)},r.format!==!1?J.createElement(Ee,{...r}):J.createElement(Be,{...r}));n();import We from"react";import{styled as Oe}from"@storybook/theming";var je=r=>typeof r=="number"?r:Number(r),De=Oe.div(({theme:r,col:o,row:t=1})=>o?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:o*r.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:t*r.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme:r,outer:o,col:t,row:a})=>{switch(!0){case!!(o&&t):return{marginLeft:o*r.layoutMargin,marginRight:o*r.layoutMargin};case!!(o&&a):return{marginTop:o*r.layoutMargin,marginBottom:o*r.layoutMargin};default:return{}}}),Ne=({col:r,row:o,outer:t,children:a,...i})=>{let p=je(typeof t=="number"||!t?t:r||o);return We.createElement(De,{col:r,row:o,outer:p,...i},a)};n();import t1,{Children as qe}from"react";import{styled as a1}from"@storybook/theming";var Ue=a1.div(({theme:r})=>({fontWeight:r.typography.weight.bold})),Ge=a1.div(),Ye=a1.div(({theme:r})=>({padding:30,textAlign:"center",color:r.color.defaultText,fontSize:r.typography.size.s2-1})),n1=({children:r,...o})=>{let[t,a]=qe.toArray(r);return t1.createElement(Ye,{...o},t1.createElement(Ue,null,t),a&&t1.createElement(Ge,null,a))};n();var E1=y0(x0());n();import I1,{useEffect as Je,useRef as Xe,useState as Ke}from"react";import{styled as _e}from"@storybook/theming";n();var F1=y0(x0()),{window:Qe}=F1.default;function i0(){try{return Qe.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var Re=_e.div(({scale:r=1,height:o})=>i0()?{"> *":{zoom:1/r}}:{height:o?o+50:"auto",transformOrigin:"top left",transform:`scale(${1/r})`});function B1({scale:r,children:o}){let t=Xe(null),[a,i]=Ke(0);return Je(()=>{t.current&&i(t.current.getBoundingClientRect().height)},[r,t.current]),I1.createElement(Re,{scale:r,height:a},I1.createElement("div",{ref:t,className:"innerZoomElementWrapper"},o))}n();import{Component as er}from"react";var l0=class extends er{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:a,active:i}=this.props;return a!==t.scale&&this.setIframeInnerZoom(t.scale),i!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{i0()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/t}):Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return t}};var{window:ti}=E1.default;var rr={Element:B1,IFrame:l0};n();import $1,{forwardRef as or}from"react";import{styled as tr}from"@storybook/theming";var W1=tr.button(({small:r,theme:o})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:r?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${r?o.typography.size.s1:o.typography.size.s2-1}px`,fontWeight:o.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:r?12:14,width:r?12:14,verticalAlign:"top",marginRight:r?4:6,marginTop:r?0:-1,marginBottom:r?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:r})=>r?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:r,small:o})=>r?{svg:{display:"block",margin:0},...o?{padding:10}:{padding:13}}:{},({theme:r,primary:o,secondary:t,gray:a})=>{let i;return a?i=r.color.medium:t?i=r.color.secondary:o&&(i=r.color.primary),i?{background:i,color:a?r.color.darkest:r.color.lightest,"&:hover":{background:C(.05,i)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${S(i,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${S(i,.2)} 0 8px 18px 0px`}}:{}},({theme:r,tertiary:o,inForm:t,small:a})=>o?{background:r.base==="light"?C(.02,r.input.background):P0(.02,r.input.background),color:r.input.color,boxShadow:`${r.input.border} 0 0 0 1px inset`,borderRadius:r.input.borderRadius,...t&&a?{padding:"10px 16px"}:{},"&:hover":{background:r.base==="light"?C(.05,r.input.background):P0(.05,r.input.background),...t?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:r.input.background},"&:focus":{boxShadow:`${S(r.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:r,outline:o})=>o?{boxShadow:`${y(.8,r.color.defaultText)} 0 0 0 1px inset`,color:y(.3,r.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${y(.5,r.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${y(.5,r.color.defaultText)} 0 0 0 2px inset`,color:y(0,r.color.defaultText)}}:{},({theme:r,outline:o,primary:t})=>{let a=r.color.primary;return o&&t?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:r.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${S(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${S(a,.2)} 0 8px 18px 0px`}}:{}},({theme:r,outline:o,primary:t,secondary:a})=>{let i;return a?i=r.color.secondary:t&&(i=r.color.primary),o&&i?{boxShadow:`${i} 0 0 0 1px inset`,color:i,"svg path":{fill:i},"&:hover":{boxShadow:`${i} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:i,boxShadow:`${i} 0 0 0 1px inset`,color:r.color.tertiary},"&:focus":{boxShadow:`${i} 0 0 0 1px inset, ${S(i,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${i} 0 0 0 1px inset, ${S(i,.2)} 0 8px 18px 0px`}}:{}}),ar=W1.withComponent("a"),i1=Object.assign(or(({isLink:r,children:o,...t},a)=>r?$1.createElement(ar,{...t,ref:a},o):$1.createElement(W1,{...t,ref:a},o)),{defaultProps:{isLink:!1}});n();import{styled as Sr}from"@storybook/theming";n();import l1 from"react";import{styled as O1}from"@storybook/theming";var nr=O1.label(({theme:r})=>({display:"flex",borderBottom:`1px solid ${r.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),ir=O1.span(({theme:r})=>({minWidth:100,fontWeight:r.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),p1=({label:r,children:o,...t})=>l1.createElement(nr,{...t},r?l1.createElement(ir,null,l1.createElement("span",null,r)):null,o);p1.defaultProps={label:void 0};n();import X,{forwardRef as K}from"react";import{styled as p0}from"@storybook/theming";n();import{useLayoutEffect as J1,forwardRef as fr,useRef as s1,createElement as mr}from"react";n();import*as D1 from"react";n();import{useLayoutEffect as lr,useEffect as pr}from"react";var sr=typeof document<"u"?lr:pr,j1=sr;var N1=function(o){var t=D1.useRef(o);return j1(function(){t.current=o}),t};n();import{useRef as dr,useCallback as hr}from"react";var q1=function(o,t){if(typeof o=="function"){o(t);return}o.current=t},ur=function(o,t){var a=dr();return hr(function(i){o.current=i,a.current&&q1(a.current,null),a.current=t,t&&q1(t,i)},[t])},U1=ur;var G1={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},Y1=function(o){Object.keys(G1).forEach(function(t){o.style.setProperty(t,G1[t],"important")})},Z=null,cr=function(o,t){var a=o.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?a+t.borderSize:a-t.paddingSize};function gr(r,o,t,a){t===void 0&&(t=1),a===void 0&&(a=1/0),Z||(Z=document.createElement("textarea"),Z.setAttribute("tabindex","-1"),Z.setAttribute("aria-hidden","true"),Y1(Z)),Z.parentNode===null&&document.body.appendChild(Z);var i=r.paddingSize,p=r.borderSize,s=r.sizingStyle,d=s.boxSizing;Object.keys(s).forEach(function(c){var H=c;Z.style[H]=s[H]}),Y1(Z),Z.value=o;var u=cr(Z,r);Z.value="x";var f=Z.scrollHeight-i,v=f*t;d==="border-box"&&(v=v+i+p),u=Math.max(v,u);var b=f*a;return d==="border-box"&&(b=b+i+p),u=Math.min(b,u),[u,f]}var Q1=function(){},vr=function(o,t){return o.reduce(function(a,i){return a[i]=t[i],a},{})},br=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],yr=typeof document<"u"?!!document.documentElement.currentStyle:!1,xr=function(o){var t=window.getComputedStyle(o);if(t===null)return null;var a=vr(br,t),i=a.boxSizing;if(i==="")return null;yr&&i==="border-box"&&(a.width=parseFloat(a.width)+parseFloat(a.borderRightWidth)+parseFloat(a.borderLeftWidth)+parseFloat(a.paddingRight)+parseFloat(a.paddingLeft)+"px");var p=parseFloat(a.paddingBottom)+parseFloat(a.paddingTop),s=parseFloat(a.borderBottomWidth)+parseFloat(a.borderTopWidth);return{sizingStyle:a,paddingSize:p,borderSize:s}},Zr=function(o){var t=N1(o);J1(function(){var a=function(p){t.current(p)};return window.addEventListener("resize",a),function(){window.removeEventListener("resize",a)}},[])},Mr=function(o,t){var a=o.cacheMeasurements,i=o.maxRows,p=o.minRows,s=o.onChange,d=s===void 0?Q1:s,u=o.onHeightChange,f=u===void 0?Q1:u,v=y1(o,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]),b=v.value!==void 0,c=s1(null),H=U1(c,t),F=s1(0),q=s1(),I=function(){var E=c.current,b0=a&&q.current?q.current:xr(E);if(!!b0){q.current=b0;var v1=gr(b0,E.value||E.placeholder||"x",p,i),e0=v1[0],Z5=v1[1];F.current!==e0&&(F.current=e0,E.style.setProperty("height",e0+"px","important"),f(e0,{rowHeight:Z5}))}},B=function(E){b||I(),d(E)};return typeof document<"u"&&(J1(I),Zr(I)),mr("textarea",$({},v,{onChange:B,ref:H}))},Hr=fr(Mr),X1=Hr;var Lr={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},d1=({theme:r})=>({...Lr,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:r.input.color||"inherit",background:r.input.background,boxShadow:`${r.input.border} 0 0 0 1px inset`,borderRadius:r.input.borderRadius,fontSize:r.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${r.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${r.color.lightest} inset`},"::placeholder":{color:r.color.mediumdark}}),s0=({size:r})=>{switch(r){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},K1=({align:r})=>{switch(r){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},d0=({valid:r,theme:o})=>{switch(r){case"valid":return{boxShadow:`${o.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${o.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${o.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},_1=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement("input",{...a,ref:i})))(d1,s0,K1,d0,{minHeight:32}),{displayName:"Input"}),R1=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement("select",{...a,ref:i})))(d1,s0,d0,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),e5=Object.assign(p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement(X1,{...a,ref:i})))(d1,s0,K1,d0,({height:r=400})=>({overflow:"visible",maxHeight:r})),{displayName:"Textarea"}),wr=p0(K(({size:r,valid:o,align:t,...a},i)=>X.createElement(i1,{...a,ref:i})))(s0,d0,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),r5=Object.assign(K((r,o)=>X.createElement(wr,{...r,...{tertiary:!0,small:!0,inForm:!0},ref:o})),{displayName:"Button"});var Ar=Object.assign(Sr.form({boxSizing:"border-box",width:"100%"}),{Field:p1,Input:_1,Select:R1,Textarea:e5,Button:r5});n();import O,{lazy as o5,Suspense as t5}from"react";var Tr=o5(()=>import("./WithTooltip-DT5MBLBP.mjs").then(r=>({default:r.WithTooltip}))),Cr=r=>O.createElement(t5,{fallback:O.createElement("div",null)},O.createElement(Tr,{...r})),Vr=o5(()=>import("./WithTooltip-DT5MBLBP.mjs").then(r=>({default:r.WithTooltipPure}))),kr=r=>O.createElement(t5,{fallback:O.createElement("div",null)},O.createElement(Vr,{...r}));n();import j from"react";import{styled as _}from"@storybook/theming";var zr=_.div(({theme:r})=>({fontWeight:r.typography.weight.black})),Pr=_.span(),Fr=_.div(({theme:r})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:r.typography.weight.black}})),Ir=_.div(({theme:r})=>({color:r.textColor,lineHeight:"18px"})),Br=_.div({padding:15,width:280,boxSizing:"border-box"}),a5=({title:r,desc:o,links:t})=>j.createElement(Br,null,j.createElement(Ir,null,r&&j.createElement(zr,null,r),o&&j.createElement(Pr,null,o)),t&&j.createElement(Fr,null,t.map(({title:a,...i})=>j.createElement(n0,{...i,key:a},a))));a5.defaultProps={title:null,desc:null,links:null};n();import Er from"react";import{styled as $r}from"@storybook/theming";var Wr=$r.div(({theme:r})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:r.typography.weight.bold,color:r.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:r.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6})),Or=({note:r,...o})=>Er.createElement(Wr,{...o},r);n();import u1,{useCallback as Jr}from"react";import{styled as Xr}from"@storybook/theming";n();import k from"react";import{styled as D}from"@storybook/theming";import jr from"memoizerific";var Dr=D(({active:r,loading:o,disabled:t,...a})=>k.createElement("span",{...a}))(({theme:r})=>({color:r.color.defaultText,fontWeight:r.typography.weight.regular}),({active:r,theme:o})=>r?{color:o.color.primary,fontWeight:o.typography.weight.bold}:{},({loading:r,theme:o})=>r?{display:"inline-block",flex:"none",...o.animation.inlineGlow}:{},({disabled:r,theme:o})=>r?{color:y(.7,o.color.defaultText)}:{}),Nr=D.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active:r,theme:o})=>r?{"& svg":{opacity:1},"& path":{fill:o.color.primary}}:{}),qr=D.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),Ur=D.span({flex:1,textAlign:"center"},({active:r,theme:o})=>r?{color:o.color.primary}:{},({theme:r,disabled:o})=>o?{color:r.color.mediumdark}:{}),Gr=D.span(({active:r,theme:o})=>r?{"& svg":{opacity:1},"& path":{fill:o.color.primary}}:{}),Yr=D.a(({theme:r})=>({fontSize:r.typography.size.s1,transition:"all 150ms ease-out",color:y(.5,r.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:r.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:r})=>r?{cursor:"not-allowed"}:{}),Qr=jr(100)((r,o,t)=>{let a={};return r&&Object.assign(a,{onClick:r}),o&&Object.assign(a,{href:o}),t&&o&&Object.assign(a,{to:o,as:t}),a}),n5=({loading:r,left:o,title:t,center:a,right:i,active:p,disabled:s,href:d,onClick:u,LinkWrapper:f,...v})=>{let b=Qr(u,d,f),c={active:p,disabled:s};return k.createElement(Yr,{...c,...v,...b},o&&k.createElement(Gr,{...c},o),t||a?k.createElement(qr,null,t&&k.createElement(Dr,{...c,loading:r},t),a&&k.createElement(Ur,{...c},a)):null,i&&k.createElement(Nr,{...c},i))};n5.defaultProps={loading:!1,left:null,title:k.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var h1=n5;var Kr=Xr.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:r})=>({borderRadius:r.appBorderRadius*2})),_r=r=>{let{LinkWrapper:o,onClick:t,...a}=r,{title:i,href:p,active:s}=a,d=Jr(f=>{t(f,a)},[t]);return u1.createElement(h1,{title:i,active:s,href:p,LinkWrapper:o,...a,...!!t?{onClick:d}:{}})},i5=({links:r,LinkWrapper:o})=>u1.createElement(Kr,null,r.map(({isGatsby:t,...a})=>u1.createElement(_r,{key:a.id,LinkWrapper:t?o:null,...a})));i5.defaultProps={LinkWrapper:h1.defaultProps.LinkWrapper};n();import L,{Children as no,Component as io,Fragment as d5,memo as lo}from"react";import{styled as g0}from"@storybook/theming";import{sanitize as po}from"@storybook/csf";n();import R,{Children as Rr}from"react";import{styled as m1}from"@storybook/theming";var f1=m1.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:r})=>r?{"& > *":{marginLeft:4}}:{},({right:r})=>r?{marginLeft:30,"& > *":{marginRight:4}}:{});f1.displayName="Side";var eo=({children:r,className:o})=>R.createElement(Z0,{horizontal:!0,vertical:!1,className:o},r),c1=m1(eo)(({theme:r})=>({color:r.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme:r,border:o=!1})=>o?{boxShadow:`${r.appBorderColor} 0 -1px 0 0 inset`,background:r.barBg}:{});c1.displayName="Bar";var ro=m1.div(({bgColor:r})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:r||""})),h0=({children:r,backgroundColor:o,...t})=>{let[a,i]=Rr.toArray(r);return R.createElement(c1,{...t},R.createElement(ro,{bgColor:o},R.createElement(f1,{left:!0},a),i?R.createElement(f1,{right:!0},i):null))};h0.displayName="FlexBar";n();import u0 from"react";import{styled as f0,isPropValid as l5}from"@storybook/theming";var p5=({children:r,...o})=>o.href!=null?u0.createElement("a",{...o},r):u0.createElement("button",{type:"button",...o},r),m0=f0(p5,{shouldForwardProp:l5})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:r})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:r.color.secondary}}),({active:r,textColor:o,theme:t})=>r?{color:o||t.barSelectedColor,borderBottomColor:t.barSelectedColor}:{color:o||t.barTextColor,borderBottomColor:"transparent"});m0.displayName="TabButton";var s5=f0(p5,{shouldForwardProp:l5})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:r,theme:o})=>r?{backgroundColor:o.background.hoverable,color:o.color.secondary}:{},({disabled:r,theme:o})=>r?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:y(.88,o.color.secondary),color:o.color.secondary},"&:focus-visible":{outline:Z1},"&:focus:not(:focus-visible)":{outline:"none"}});s5.displayName="IconButton";var oo=f0.div(({theme:r})=>({width:14,height:14,backgroundColor:r.appBorderColor,animation:`${r.animation.glow} 1.5s ease-in-out infinite`})),to=f0.div(()=>({marginTop:6,padding:7,height:28})),ao=()=>u0.createElement(to,null,u0.createElement(oo,null));var so=g0.div(({theme:r,bordered:o})=>o?{backgroundClip:"padding-box",border:`1px solid ${r.appBorderColor}`,borderRadius:r.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute:r})=>r?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),h5=g0.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),ho=g0.div({display:"block",position:"relative"},({theme:r})=>({fontSize:r.typography.size.s2-1,background:r.background.content}),({bordered:r,theme:o})=>r?{borderRadius:`0 0 ${o.appBorderRadius-1}px ${o.appBorderRadius-1}px`}:{},({absolute:r,bordered:o})=>r?{height:`calc(100% - ${o?42:40}px)`,position:"absolute",left:0+(o?1:0),right:0+(o?1:0),bottom:0+(o?1:0),top:40+(o?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(o?1:0),right:0+(o?1:0),bottom:0+(o?1:0),top:0+(o?1:0),height:`calc(100% - ${o?2:0}px)`,overflow:"auto"}}:{}),u5=g0.div(({active:r})=>r?{display:"block"}:{display:"none"}),uo=({active:r,render:o,children:t})=>L.createElement(u5,{active:r},o?o():t);var fo=(r,o)=>no.toArray(r).map(({props:{title:t,id:a,color:i,children:p}},s)=>{let d=Array.isArray(p)?p[0]:p;return{active:o?a===o:s===0,title:t,id:a,color:i,render:typeof d=="function"?d:({active:u,key:f})=>L.createElement(u5,{key:f,active:u,role:"tabpanel"},d)}}),v0=lo(({children:r,selected:o,actions:t,absolute:a,bordered:i,tools:p,backgroundColor:s,id:d})=>{let u=fo(r,o);return u.length?L.createElement(so,{absolute:a,bordered:i,id:d},L.createElement(h0,{border:!0,backgroundColor:s},L.createElement(h5,{role:"tablist"},u.map(({title:f,id:v,active:b,color:c})=>{let H=typeof f=="function"?f():f;return L.createElement(m0,{id:`tabbutton-${po(H)}`,className:`tabbutton ${b?"tabbutton-active":""}`,type:"button",key:v,active:b,textColor:c,onClick:F=>{F.preventDefault(),t.onSelect(v)},role:"tab"},H)})),p?L.createElement(d5,null,p):null),L.createElement(ho,{id:"panel-tab-content",bordered:i,absolute:a},u.map(({id:f,active:v,render:b})=>b({key:f,active:v})))):L.createElement(n1,null,L.createElement(d5,{key:"title"},"Nothing found"))});v0.displayName="Tabs";v0.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var c0=class extends io{constructor(t){super(t);this.handlers={onSelect:t=>this.setState({selected:t})};this.state={selected:t.initial}}render(){let{bordered:t=!1,absolute:a=!1,children:i,backgroundColor:p}=this.props,{selected:s}=this.state;return L.createElement(v0,{bordered:t,absolute:a,selected:s,backgroundColor:p,actions:this.handlers},i)}};c0.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};n();import f5,{Fragment as mo}from"react";import{styled as co}from"@storybook/theming";var g1=co.span(({theme:r})=>({width:1,height:20,background:r.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force:r})=>r?{}:{"& + &":{display:"none"}});g1.displayName="Separator";var go=r=>r.reduce((o,t,a)=>t?f5.createElement(mo,{key:t.id||t.key||`f-${a}`},o,a>0?f5.createElement(g1,{key:`s-${a}`}):null,t.render()||t):o,null);n();import vo,{useRef as bo,useEffect as yo}from"react";var xo=r=>{let o=bo();return yo(()=>{o.current=r},[r]),o.current},Zo=(r,o)=>{let t=xo(o);return r?o:t},Mo=({active:r,children:o})=>vo.createElement("div",{hidden:!r,style:{transform:"translateX(0px)"}},Zo(r,o));n();import A from"react";var Ho=({alt:r,...o})=>A.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...o,role:"img"},r?A.createElement("title",null,r):null,A.createElement("defs",null,A.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),A.createElement("g",{fill:"none",fillRule:"evenodd"},A.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),A.createElement("mask",{id:"b",fill:"#fff"},A.createElement("use",{xlinkHref:"#a"})),A.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),A.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));n();import N from"react";var Lo=({...r})=>N.createElement("svg",{viewBox:"0 0 64 64",...r},N.createElement("title",null,"Storybook icon"),N.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},N.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),N.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),N.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));n();var y5=y0(x0());import T,{useEffect as So,useState as c5}from"react";import{styled as P,keyframes as Ao}from"@storybook/theming";n();import{keyframes as wo}from"@storybook/theming";var m5=wo`
|
|
11
11
|
from {
|
|
12
12
|
transform: rotate(0deg);
|
|
13
13
|
}
|
package/dist/html.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as p,da as e,ea as r}from"./chunk-
|
|
1
|
+
import{a as p,da as e,ea as r}from"./chunk-BPOXRXHR.mjs";import"./chunk-YD7UN6FC.mjs";import{a as t}from"./chunk-ROQR426B.mjs";import"./chunk-B7JBN7QU.mjs";import"./chunk-4X44FYPN.mjs";import{c as o}from"./chunk-EX2QXXYQ.mjs";o();import n from"util-deprecate";var s=n(()=>{},t`
|
|
2
2
|
The entry point '@storybook/components/html' is deprecated. Please use '@storybook/components' directly instead.
|
|
3
3
|
|
|
4
4
|
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-storybook-components-html-entry-point
|
package/dist/index.d.ts
CHANGED
|
@@ -268,14 +268,14 @@ declare const Form: _storybook_theming.StyledComponent<{
|
|
|
268
268
|
Field: react.FC<FieldProps>;
|
|
269
269
|
Input: _storybook_theming.StyledComponent<Pick<Omit<react.HTMLProps<HTMLInputElement>, "height" | "size" | "valid" | "align"> & {
|
|
270
270
|
size?: "flex" | "auto" | "100%";
|
|
271
|
-
align?: "
|
|
271
|
+
align?: "center" | "end" | "start";
|
|
272
272
|
valid?: "valid" | "error" | "warn";
|
|
273
273
|
height?: number;
|
|
274
|
-
}, "
|
|
274
|
+
}, "className" | "color" | "content" | "height" | "translate" | "width" | "default" | "hidden" | "href" | "children" | "download" | "hrefLang" | "media" | "rel" | "target" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "cite" | "data" | "form" | "label" | "span" | "summary" | "pattern" | "list" | "step" | "start" | "disabled" | "wrap" | "key" | "as" | "size" | "open" | "multiple" | "cellPadding" | "cellSpacing" | "alt" | "crossOrigin" | "sizes" | "src" | "srcSet" | "useMap" | "value" | "reversed" | "max" | "method" | "min" | "name" | "controls" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "valid" | "align" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoPlay" | "capture" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "wmode"> & react.RefAttributes<any> & {
|
|
275
275
|
theme?: _storybook_theming.Theme;
|
|
276
276
|
} & {
|
|
277
277
|
size?: "flex" | "auto" | "100%";
|
|
278
|
-
align?: "
|
|
278
|
+
align?: "center" | "end" | "start";
|
|
279
279
|
valid?: "valid" | "error" | "warn";
|
|
280
280
|
height?: number;
|
|
281
281
|
}, {}, {}> & {
|
|
@@ -283,7 +283,7 @@ declare const Form: _storybook_theming.StyledComponent<{
|
|
|
283
283
|
};
|
|
284
284
|
Select: _storybook_theming.StyledComponent<Omit<react.SelectHTMLAttributes<HTMLSelectElement>, "height" | "size" | "valid" | "align"> & {
|
|
285
285
|
size?: "flex" | "auto" | "100%";
|
|
286
|
-
align?: "
|
|
286
|
+
align?: "center" | "end" | "start";
|
|
287
287
|
valid?: "valid" | "error" | "warn";
|
|
288
288
|
height?: number;
|
|
289
289
|
} & react.RefAttributes<any> & {
|
|
@@ -293,7 +293,7 @@ declare const Form: _storybook_theming.StyledComponent<{
|
|
|
293
293
|
};
|
|
294
294
|
Textarea: _storybook_theming.StyledComponent<Omit<react_textarea_autosize.TextareaAutosizeProps, "height" | "size" | "valid" | "align"> & {
|
|
295
295
|
size?: "flex" | "auto" | "100%";
|
|
296
|
-
align?: "
|
|
296
|
+
align?: "center" | "end" | "start";
|
|
297
297
|
valid?: "valid" | "error" | "warn";
|
|
298
298
|
height?: number;
|
|
299
299
|
} & react.RefAttributes<any> & {
|
package/dist/index.js
CHANGED
|
@@ -366,7 +366,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
|
|
|
366
366
|
path {
|
|
367
367
|
fill: currentColor;
|
|
368
368
|
}
|
|
369
|
-
`,Qp=({icon:i,useSymbol:p,...h})=>_c.default.createElement(ES,{viewBox:"0 0 14 14",width:"14px",height:"14px",...h},p?_c.default.createElement("use",{xlinkHref:`#icon--${i}`}):Fh[i]),CS=(0,_c.memo)(({icons:i=Object.keys(Fh)})=>_c.default.createElement(ES,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},i.map(p=>_c.default.createElement("symbol",{id:`icon--${p}`,key:p},Fh[p]))));var $Z=0,ZZ=i=>i.button===$Z&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey,WZ=(i,p)=>{ZZ(i)&&(i.preventDefault(),p(i))},UZ=wy.styled.span(({withArrow:i})=>i?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:i})=>i?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),GZ=wy.styled.a(({theme:i})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:i.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Ls(.07,i.color.secondary),"svg path":{fill:Ls(.07,i.color.secondary)}},"&:active":{color:Ls(.1,i.color.secondary),"svg path":{fill:Ls(.1,i.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:i.color.secondary}}}),({theme:i,secondary:p,tertiary:h})=>{let m;return p&&(m=[i.color.mediumdark,i.color.dark,i.color.darker]),h&&(m=[i.color.dark,i.color.darkest,i.color.mediumdark]),m?{color:m[0],"svg path":{fill:m[0]},"&:hover":{color:m[1],"svg path":{fill:m[1]}},"&:active":{color:m[2],"svg path":{fill:m[2]}}}:{}},({nochrome:i})=>i?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:i,inverse:p})=>p?{color:i.color.lightest,"svg path":{fill:i.color.lightest},"&:hover":{color:i.color.lighter,"svg path":{fill:i.color.lighter}},"&:active":{color:i.color.light,"svg path":{fill:i.color.light}}}:{},({isButton:i})=>i?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Bd=({cancel:i,children:p,onClick:h,withArrow:m,containsIcon:E,className:C,...L})=>Th.default.createElement(GZ,{...L,onClick:h&&i?N=>WZ(N,h):h,className:C},Th.default.createElement(UZ,{withArrow:m,containsIcon:E},p,m&&Th.default.createElement(Qp,{icon:"arrowright"})));Bd.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var xS=require("@storybook/theming"),AS=xS.styled.div(({theme:i})=>({fontSize:`${i.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${i.typography.size.l1}px`,fontWeight:i.typography.weight.black},h2:{fontSize:`${i.typography.size.m2}px`,borderBottom:`1px solid ${i.appBorderColor}`},h3:{fontSize:`${i.typography.size.m1}px`},h4:{fontSize:`${i.typography.size.s3}px`},h5:{fontSize:`${i.typography.size.s2}px`},h6:{fontSize:`${i.typography.size.s2}px`,color:i.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:i.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${i.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${i.color.medium}`,padding:"0 15px",color:i.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${i.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${i.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${i.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:i.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${i.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:i.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${i.color.mediumlight}`,backgroundColor:i.color.lighter,borderRadius:3,color:i.base==="dark"&&i.color.darkest}}));var du=Ze(require("react")),YZ=(0,du.lazy)(()=>Promise.resolve().then(()=>(_d(),Cy))),JZ=(0,du.lazy)(async()=>{let[{SyntaxHighlighter:i},{formatter:p}]=await Promise.all([Promise.resolve().then(()=>(_d(),Cy)),Promise.resolve().then(()=>(BS(),LS))]);return{default:h=>du.default.createElement(i,{...h,formatter:p})}}),PS=i=>du.default.createElement(du.Suspense,{fallback:du.default.createElement("div",null)},i.format!==!1?du.default.createElement(JZ,{...i}):du.default.createElement(YZ,{...i}));_d();Ey();var OS=Ze(require("react")),MS=require("@storybook/theming"),KZ=i=>typeof i=="number"?i:Number(i),QZ=MS.styled.div(({theme:i,col:p,row:h=1})=>p?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:p*i.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:h*i.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme:i,outer:p,col:h,row:m})=>{switch(!0){case!!(p&&h):return{marginLeft:p*i.layoutMargin,marginRight:p*i.layoutMargin};case!!(p&&m):return{marginTop:p*i.layoutMargin,marginBottom:p*i.layoutMargin};default:return{}}}),IS=({col:i,row:p,outer:h,children:m,...E})=>{let C=KZ(typeof h=="number"||!h?h:i||p);return OS.default.createElement(QZ,{col:i,row:p,outer:C,...E},m)};var e0=Ze(require("react")),kh=require("@storybook/theming"),eW=kh.styled.div(({theme:i})=>({fontWeight:i.typography.weight.bold})),tW=kh.styled.div(),rW=kh.styled.div(({theme:i})=>({padding:30,textAlign:"center",color:i.color.defaultText,fontSize:i.typography.size.s2-1})),Nh=({children:i,...p})=>{let[h,m]=e0.Children.toArray(i);return e0.default.createElement(rW,{...p},e0.default.createElement(eW,null,h),m&&e0.default.createElement(tW,null,m))};ah();var qS=Ze(Wp());var Ps=Ze(require("react")),HS=require("@storybook/theming");var jS=Ze(Wp()),{window:nW}=jS.default;function _h(){try{return nW.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var aW=HS.styled.div(({scale:i=1,height:p})=>_h()?{"> *":{zoom:1/i}}:{height:p?p+50:"auto",transformOrigin:"top left",transform:`scale(${1/i})`});function RS({scale:i,children:p}){let h=(0,Ps.useRef)(null),[m,E]=(0,Ps.useState)(0);return(0,Ps.useEffect)(()=>{h.current&&E(h.current.getBoundingClientRect().height)},[i,h.current]),Ps.default.createElement(aW,{scale:i,height:m},Ps.default.createElement("div",{ref:h,className:"innerZoomElementWrapper"},p))}var VS=require("react");var Lh=class extends VS.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef:h}=this.props;this.iframe=h.current}shouldComponentUpdate(h){let{scale:m,active:E}=this.props;return m!==h.scale&&this.setIframeInnerZoom(h.scale),E!==h.active&&this.iframe.setAttribute("data-is-storybook",h.active?"true":"false"),h.children.props.src!==this.props.children.props.src}setIframeInnerZoom(h){try{_h()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/h}):Object.assign(this.iframe.contentDocument.body.style,{width:`${h*100}%`,height:`${h*100}%`,transform:`scale(${1/h})`,transformOrigin:"top left"})}catch{this.setIframeZoom(h)}}setIframeZoom(h){Object.assign(this.iframe.style,{width:`${h*100}%`,height:`${h*100}%`,transform:`scale(${1/h})`,transformOrigin:"top left"})}render(){let{children:h}=this.props;return h}};var{window:cQ}=qS.default;var zS={Element:RS,IFrame:Lh};var Pd=Ze(require("react")),$S=require("@storybook/theming");var ZS=$S.styled.button(({small:i,theme:p})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:i?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${i?p.typography.size.s1:p.typography.size.s2-1}px`,fontWeight:p.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:i?12:14,width:i?12:14,verticalAlign:"top",marginRight:i?4:6,marginTop:i?0:-1,marginBottom:i?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:i})=>i?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:i,small:p})=>i?{svg:{display:"block",margin:0},...p?{padding:10}:{padding:13}}:{},({theme:i,primary:p,secondary:h,gray:m})=>{let E;return m?E=i.color.medium:h?E=i.color.secondary:p&&(E=i.color.primary),E?{background:E,color:m?i.color.darkest:i.color.lightest,"&:hover":{background:Ls(.05,E)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${$u(E,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${$u(E,.2)} 0 8px 18px 0px`}}:{}},({theme:i,tertiary:p,inForm:h,small:m})=>p?{background:i.base==="light"?Ls(.02,i.input.background):B5(.02,i.input.background),color:i.input.color,boxShadow:`${i.input.border} 0 0 0 1px inset`,borderRadius:i.input.borderRadius,...h&&m?{padding:"10px 16px"}:{},"&:hover":{background:i.base==="light"?Ls(.05,i.input.background):B5(.05,i.input.background),...h?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:i.input.background},"&:focus":{boxShadow:`${$u(i.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:i,outline:p})=>p?{boxShadow:`${Oa(.8,i.color.defaultText)} 0 0 0 1px inset`,color:Oa(.3,i.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Oa(.5,i.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Oa(.5,i.color.defaultText)} 0 0 0 2px inset`,color:Oa(0,i.color.defaultText)}}:{},({theme:i,outline:p,primary:h})=>{let m=i.color.primary;return p&&h?{boxShadow:`${m} 0 0 0 1px inset`,color:m,"svg path":{fill:m},"&:hover":{boxShadow:`${m} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:m,boxShadow:`${m} 0 0 0 1px inset`,color:i.color.tertiary},"&:focus":{boxShadow:`${m} 0 0 0 1px inset, ${$u(m,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${m} 0 0 0 1px inset, ${$u(m,.2)} 0 8px 18px 0px`}}:{}},({theme:i,outline:p,primary:h,secondary:m})=>{let E;return m?E=i.color.secondary:h&&(E=i.color.primary),p&&E?{boxShadow:`${E} 0 0 0 1px inset`,color:E,"svg path":{fill:E},"&:hover":{boxShadow:`${E} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:E,boxShadow:`${E} 0 0 0 1px inset`,color:i.color.tertiary},"&:focus":{boxShadow:`${E} 0 0 0 1px inset, ${$u(E,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${E} 0 0 0 1px inset, ${$u(E,.2)} 0 8px 18px 0px`}}:{}}),oW=ZS.withComponent("a"),Bh=Object.assign((0,Pd.forwardRef)(({isLink:i,children:p,...h},m)=>i?Pd.default.createElement(oW,{...h,ref:m},p):Pd.default.createElement(ZS,{...h,ref:m},p)),{defaultProps:{isLink:!1}});var iw=require("@storybook/theming");var Ph=Ze(require("react")),_y=require("@storybook/theming"),iW=_y.styled.label(({theme:i})=>({display:"flex",borderBottom:`1px solid ${i.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),uW=_y.styled.span(({theme:i})=>({minWidth:100,fontWeight:i.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Ly=({label:i,children:p,...h})=>Ph.default.createElement(iW,{...h},i?Ph.default.createElement(uW,null,Ph.default.createElement("span",null,i)):null,p);Ly.defaultProps={label:void 0};var Pi=Ze(require("react")),Md=require("@storybook/theming");q1();By();var fu=require("react");var US=Ze(require("react"));var Oh=require("react"),sW=typeof document<"u"?Oh.useLayoutEffect:Oh.useEffect,WS=sW;var GS=function(p){var h=US.useRef(p);return WS(function(){h.current=p}),h};var Mh=require("react"),XS=function(p,h){if(typeof p=="function"){p(h);return}p.current=h},lW=function(p,h){var m=(0,Mh.useRef)();return(0,Mh.useCallback)(function(E){p.current=E,m.current&&XS(m.current,null),m.current=h,h&&XS(h,E)},[h])},YS=lW;var JS={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},KS=function(p){Object.keys(JS).forEach(function(h){p.style.setProperty(h,JS[h],"important")})},ri=null,cW=function(p,h){var m=p.scrollHeight;return h.sizingStyle.boxSizing==="border-box"?m+h.borderSize:m-h.paddingSize};function pW(i,p,h,m){h===void 0&&(h=1),m===void 0&&(m=1/0),ri||(ri=document.createElement("textarea"),ri.setAttribute("tabindex","-1"),ri.setAttribute("aria-hidden","true"),KS(ri)),ri.parentNode===null&&document.body.appendChild(ri);var E=i.paddingSize,C=i.borderSize,L=i.sizingStyle,N=L.boxSizing;Object.keys(L).forEach(function(ne){var fe=ne;ri.style[fe]=L[fe]}),KS(ri),ri.value=p;var j=cW(ri,i);ri.value="x";var U=ri.scrollHeight-E,G=U*h;N==="border-box"&&(G=G+E+C),j=Math.max(G,j);var q=U*m;return N==="border-box"&&(q=q+E+C),j=Math.min(q,j),[j,U]}var QS=function(){},dW=function(p,h){return p.reduce(function(m,E){return m[E]=h[E],m},{})},fW=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],hW=typeof document<"u"?!!document.documentElement.currentStyle:!1,mW=function(p){var h=window.getComputedStyle(p);if(h===null)return null;var m=dW(fW,h),E=m.boxSizing;if(E==="")return null;hW&&E==="border-box"&&(m.width=parseFloat(m.width)+parseFloat(m.borderRightWidth)+parseFloat(m.borderLeftWidth)+parseFloat(m.paddingRight)+parseFloat(m.paddingLeft)+"px");var C=parseFloat(m.paddingBottom)+parseFloat(m.paddingTop),L=parseFloat(m.borderBottomWidth)+parseFloat(m.borderTopWidth);return{sizingStyle:m,paddingSize:C,borderSize:L}},gW=function(p){var h=GS(p);(0,fu.useLayoutEffect)(function(){var m=function(C){h.current(C)};return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}},[])},yW=function(p,h){var m=p.cacheMeasurements,E=p.maxRows,C=p.minRows,L=p.onChange,N=L===void 0?QS:L,j=p.onHeightChange,U=j===void 0?QS:j,G=Od(p,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&G.style){if("maxHeight"in G.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in G.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var q=G.value!==void 0,ne=(0,fu.useRef)(null),fe=YS(ne,h),ee=(0,fu.useRef)(0),H=(0,fu.useRef)(),w=function(){var I=ne.current,X=m&&H.current?H.current:mW(I);if(!!X){H.current=X;var ce=pW(X,I.value||I.placeholder||"x",C,E),re=ce[0],ie=ce[1];ee.current!==re&&(ee.current=re,I.style.setProperty("height",re+"px","important"),U(re,{rowHeight:ie}))}},P=function(I){q||w(),N(I)};return typeof document<"u"&&((0,fu.useLayoutEffect)(w),gW(w)),(0,fu.createElement)("textarea",Gn({},G,{onChange:P,ref:fe}))},vW=(0,fu.forwardRef)(yW),ew=vW;var DW={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Py=({theme:i})=>({...DW,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:i.input.color||"inherit",background:i.input.background,boxShadow:`${i.input.border} 0 0 0 1px inset`,borderRadius:i.input.borderRadius,fontSize:i.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${i.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${i.color.lightest} inset`},"::placeholder":{color:i.color.mediumdark}}),Ih=({size:i})=>{switch(i){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},tw=({align:i})=>{switch(i){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},jh=({valid:i,theme:p})=>{switch(i){case"valid":return{boxShadow:`${p.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${p.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${p.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},rw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement("input",{...m,ref:E})))(Py,Ih,tw,jh,{minHeight:32}),{displayName:"Input"}),nw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement("select",{...m,ref:E})))(Py,Ih,jh,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),aw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement(ew,{...m,ref:E})))(Py,Ih,tw,jh,({height:i=400})=>({overflow:"visible",maxHeight:i})),{displayName:"Textarea"}),bW=(0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement(Bh,{...m,ref:E})))(Ih,jh,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ow=Object.assign((0,Pi.forwardRef)((i,p)=>Pi.default.createElement(bW,{...i,...{tertiary:!0,small:!0,inForm:!0},ref:p})),{displayName:"Button"});var uw=Object.assign(iw.styled.form({boxSizing:"border-box",width:"100%"}),{Field:Ly,Input:rw,Select:nw,Textarea:aw,Button:ow});var ni=Ze(require("react")),DU=(0,ni.lazy)(()=>Promise.resolve().then(()=>(Ev(),bv)).then(i=>({default:i.WithTooltip}))),k9=i=>ni.default.createElement(ni.Suspense,{fallback:ni.default.createElement("div",null)},ni.default.createElement(DU,{...i})),bU=(0,ni.lazy)(()=>Promise.resolve().then(()=>(Ev(),bv)).then(i=>({default:i.WithTooltipPure}))),N9=i=>ni.default.createElement(ni.Suspense,{fallback:ni.default.createElement("div",null)},ni.default.createElement(bU,{...i}));var zc=Ze(require("react")),s0=require("@storybook/theming");var EU=s0.styled.div(({theme:i})=>({fontWeight:i.typography.weight.black})),CU=s0.styled.span(),xU=s0.styled.div(({theme:i})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:i.typography.weight.black}})),AU=s0.styled.div(({theme:i})=>({color:i.textColor,lineHeight:"18px"})),SU=s0.styled.div({padding:15,width:280,boxSizing:"border-box"}),Cv=({title:i,desc:p,links:h})=>zc.default.createElement(SU,null,zc.default.createElement(AU,null,i&&zc.default.createElement(EU,null,i),p&&zc.default.createElement(CU,null,p)),h&&zc.default.createElement(xU,null,h.map(({title:m,...E})=>zc.default.createElement(Bd,{...E,key:m},m))));Cv.defaultProps={title:null,desc:null,links:null};var _9=Ze(require("react")),L9=require("@storybook/theming"),wU=L9.styled.div(({theme:i})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:i.typography.weight.bold,color:i.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:i.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6})),B9=({note:i,...p})=>_9.default.createElement(wU,{...p},i);var l0=Ze(require("react")),M9=require("@storybook/theming");var Rs=Ze(require("react")),$c=require("@storybook/theming"),P9=Ze(require("memoizerific"));var FU=(0,$c.styled)(({active:i,loading:p,disabled:h,...m})=>Rs.default.createElement("span",{...m}))(({theme:i})=>({color:i.color.defaultText,fontWeight:i.typography.weight.regular}),({active:i,theme:p})=>i?{color:p.color.primary,fontWeight:p.typography.weight.bold}:{},({loading:i,theme:p})=>i?{display:"inline-block",flex:"none",...p.animation.inlineGlow}:{},({disabled:i,theme:p})=>i?{color:Oa(.7,p.color.defaultText)}:{}),TU=$c.styled.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active:i,theme:p})=>i?{"& svg":{opacity:1},"& path":{fill:p.color.primary}}:{}),kU=$c.styled.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),NU=$c.styled.span({flex:1,textAlign:"center"},({active:i,theme:p})=>i?{color:p.color.primary}:{},({theme:i,disabled:p})=>p?{color:i.color.mediumdark}:{}),_U=$c.styled.span(({active:i,theme:p})=>i?{"& svg":{opacity:1},"& path":{fill:p.color.primary}}:{}),LU=$c.styled.a(({theme:i})=>({fontSize:i.typography.size.s1,transition:"all 150ms ease-out",color:Oa(.5,i.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:i.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:i})=>i?{cursor:"not-allowed"}:{}),BU=(0,P9.default)(100)((i,p,h)=>{let m={};return i&&Object.assign(m,{onClick:i}),p&&Object.assign(m,{href:p}),h&&p&&Object.assign(m,{to:p,as:h}),m}),O9=({loading:i,left:p,title:h,center:m,right:E,active:C,disabled:L,href:N,onClick:j,LinkWrapper:U,...G})=>{let q=BU(j,N,U),ne={active:C,disabled:L};return Rs.default.createElement(LU,{...ne,...G,...q},p&&Rs.default.createElement(_U,{...ne},p),h||m?Rs.default.createElement(kU,null,h&&Rs.default.createElement(FU,{...ne,loading:i},h),m&&Rs.default.createElement(NU,{...ne},m)):null,E&&Rs.default.createElement(TU,{...ne},E))};O9.defaultProps={loading:!1,left:null,title:Rs.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var xv=O9;var PU=M9.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:13.5*32},({theme:i})=>({borderRadius:i.appBorderRadius*2})),OU=i=>{let{LinkWrapper:p,onClick:h,...m}=i,{title:E,href:C,active:L}=m,N=(0,l0.useCallback)(U=>{h(U,m)},[h]);return l0.default.createElement(xv,{title:E,active:L,href:C,LinkWrapper:p,...m,...!!h?{onClick:N}:{}})},Av=({links:i,LinkWrapper:p})=>l0.default.createElement(PU,null,i.map(({isGatsby:h,...m})=>l0.default.createElement(OU,{key:m.id,LinkWrapper:h?p:null,...m})));Av.defaultProps={LinkWrapper:xv.defaultProps.LinkWrapper};var Sn=Ze(require("react")),Yd=require("@storybook/theming"),H9=require("@storybook/csf");var Ll=Ze(require("react")),e2=require("@storybook/theming");ah();var Sv=e2.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:i})=>i?{"& > *":{marginLeft:4}}:{},({right:i})=>i?{marginLeft:30,"& > *":{marginRight:4}}:{});Sv.displayName="Side";var MU=({children:i,className:p})=>Ll.default.createElement(Nc,{horizontal:!0,vertical:!1,className:p},i),t2=(0,e2.styled)(MU)(({theme:i})=>({color:i.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme:i,border:p=!1})=>p?{boxShadow:`${i.appBorderColor} 0 -1px 0 0 inset`,background:i.barBg}:{});t2.displayName="Bar";var IU=e2.styled.div(({bgColor:i})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:i||""})),Wd=({children:i,backgroundColor:p,...h})=>{let[m,E]=Ll.Children.toArray(i);return Ll.default.createElement(t2,{...h},Ll.default.createElement(IU,{bgColor:p},Ll.default.createElement(Sv,{left:!0},m),E?Ll.default.createElement(Sv,{right:!0},E):null))};Wd.displayName="FlexBar";var Ud=Ze(require("react")),Bl=require("@storybook/theming");dv();var I9=({children:i,...p})=>p.href!=null?Ud.default.createElement("a",{...p},i):Ud.default.createElement("button",{type:"button",...p},i),Gd=(0,Bl.styled)(I9,{shouldForwardProp:Bl.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:i})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:i.color.secondary}}),({active:i,textColor:p,theme:h})=>i?{color:p||h.barSelectedColor,borderBottomColor:h.barSelectedColor}:{color:p||h.barTextColor,borderBottomColor:"transparent"});Gd.displayName="TabButton";var wv=(0,Bl.styled)(I9,{shouldForwardProp:Bl.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:i,theme:p})=>i?{backgroundColor:p.background.hoverable,color:p.color.secondary}:{},({disabled:i,theme:p})=>i?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Oa(.88,p.color.secondary),color:p.color.secondary},"&:focus-visible":{outline:Sl},"&:focus:not(:focus-visible)":{outline:"none"}});wv.displayName="IconButton";var jU=Bl.styled.div(({theme:i})=>({width:14,height:14,backgroundColor:i.appBorderColor,animation:`${i.animation.glow} 1.5s ease-in-out infinite`})),HU=Bl.styled.div(()=>({marginTop:6,padding:7,height:28})),j9=()=>Ud.default.createElement(HU,null,Ud.default.createElement(jU,null));var RU=Yd.styled.div(({theme:i,bordered:p})=>p?{backgroundClip:"padding-box",border:`1px solid ${i.appBorderColor}`,borderRadius:i.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute:i})=>i?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),Fv=Yd.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),VU=Yd.styled.div({display:"block",position:"relative"},({theme:i})=>({fontSize:i.typography.size.s2-1,background:i.background.content}),({bordered:i,theme:p})=>i?{borderRadius:`0 0 ${p.appBorderRadius-1}px ${p.appBorderRadius-1}px`}:{},({absolute:i,bordered:p})=>i?{height:`calc(100% - ${p?42:40}px)`,position:"absolute",left:0+(p?1:0),right:0+(p?1:0),bottom:0+(p?1:0),top:40+(p?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(p?1:0),right:0+(p?1:0),bottom:0+(p?1:0),top:0+(p?1:0),height:`calc(100% - ${p?2:0}px)`,overflow:"auto"}}:{}),R9=Yd.styled.div(({active:i})=>i?{display:"block"}:{display:"none"}),V9=({active:i,render:p,children:h})=>Sn.default.createElement(R9,{active:i},p?p():h);var qU=(i,p)=>Sn.Children.toArray(i).map(({props:{title:h,id:m,color:E,children:C}},L)=>{let N=Array.isArray(C)?C[0]:C;return{active:p?m===p:L===0,title:h,id:m,color:E,render:typeof N=="function"?N:({active:j,key:U})=>Sn.default.createElement(R9,{key:U,active:j,role:"tabpanel"},N)}}),Jd=(0,Sn.memo)(({children:i,selected:p,actions:h,absolute:m,bordered:E,tools:C,backgroundColor:L,id:N})=>{let j=qU(i,p);return j.length?Sn.default.createElement(RU,{absolute:m,bordered:E,id:N},Sn.default.createElement(Wd,{border:!0,backgroundColor:L},Sn.default.createElement(Fv,{role:"tablist"},j.map(({title:U,id:G,active:q,color:ne})=>{let fe=typeof U=="function"?U():U;return Sn.default.createElement(Gd,{id:`tabbutton-${(0,H9.sanitize)(fe)}`,className:`tabbutton ${q?"tabbutton-active":""}`,type:"button",key:G,active:q,textColor:ne,onClick:ee=>{ee.preventDefault(),h.onSelect(G)},role:"tab"},fe)})),C?Sn.default.createElement(Sn.Fragment,null,C):null),Sn.default.createElement(VU,{id:"panel-tab-content",bordered:E,absolute:m},j.map(({id:U,active:G,render:q})=>q({key:U,active:G})))):Sn.default.createElement(Nh,null,Sn.default.createElement(Sn.Fragment,{key:"title"},"Nothing found"))});Jd.displayName="Tabs";Jd.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var Xd=class extends Sn.Component{constructor(h){super(h);this.handlers={onSelect:h=>this.setState({selected:h})};this.state={selected:h.initial}}render(){let{bordered:h=!1,absolute:m=!1,children:E,backgroundColor:C}=this.props,{selected:L}=this.state;return Sn.default.createElement(Jd,{bordered:h,absolute:m,selected:L,backgroundColor:C,actions:this.handlers},E)}};Xd.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var Kd=Ze(require("react")),q9=require("@storybook/theming"),r2=q9.styled.span(({theme:i})=>({width:1,height:20,background:i.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force:i})=>i?{}:{"& + &":{display:"none"}});r2.displayName="Separator";var z9=i=>i.reduce((p,h,m)=>h?Kd.default.createElement(Kd.Fragment,{key:h.id||h.key||`f-${m}`},p,m>0?Kd.default.createElement(r2,{key:`s-${m}`}):null,h.render()||h):p,null);var c0=Ze(require("react")),zU=i=>{let p=(0,c0.useRef)();return(0,c0.useEffect)(()=>{p.current=i},[i]),p.current},$U=(i,p)=>{let h=zU(p);return i?p:h},$9=({active:i,children:p})=>c0.default.createElement("div",{hidden:!i,style:{transform:"translateX(0px)"}},$U(i,p));var vu=Ze(require("react")),Z9=({alt:i,...p})=>vu.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...p,role:"img"},i?vu.default.createElement("title",null,i):null,vu.default.createElement("defs",null,vu.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),vu.default.createElement("g",{fill:"none",fillRule:"evenodd"},vu.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),vu.default.createElement("mask",{id:"b",fill:"#fff"},vu.default.createElement("use",{xlinkHref:"#a"})),vu.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),vu.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));var Zc=Ze(require("react")),W9=({...i})=>Zc.default.createElement("svg",{viewBox:"0 0 64 64",...i},Zc.default.createElement("title",null,"Storybook icon"),Zc.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},Zc.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),Zc.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),Zc.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));var K9=Ze(Wp());var Ma=Ze(require("react")),ts=require("@storybook/theming");var U9=require("@storybook/theming"),G9=U9.keyframes`
|
|
369
|
+
`,Qp=({icon:i,useSymbol:p,...h})=>_c.default.createElement(ES,{viewBox:"0 0 14 14",width:"14px",height:"14px",...h},p?_c.default.createElement("use",{xlinkHref:`#icon--${i}`}):Fh[i]),CS=(0,_c.memo)(({icons:i=Object.keys(Fh)})=>_c.default.createElement(ES,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},i.map(p=>_c.default.createElement("symbol",{id:`icon--${p}`,key:p},Fh[p]))));var $Z=0,ZZ=i=>i.button===$Z&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey,WZ=(i,p)=>{ZZ(i)&&(i.preventDefault(),p(i))},UZ=wy.styled.span(({withArrow:i})=>i?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:i})=>i?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),GZ=wy.styled.a(({theme:i})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:i.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Ls(.07,i.color.secondary),"svg path":{fill:Ls(.07,i.color.secondary)}},"&:active":{color:Ls(.1,i.color.secondary),"svg path":{fill:Ls(.1,i.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:i.color.secondary}}}),({theme:i,secondary:p,tertiary:h})=>{let m;return p&&(m=[i.color.mediumdark,i.color.dark,i.color.darker]),h&&(m=[i.color.dark,i.color.darkest,i.color.mediumdark]),m?{color:m[0],"svg path":{fill:m[0]},"&:hover":{color:m[1],"svg path":{fill:m[1]}},"&:active":{color:m[2],"svg path":{fill:m[2]}}}:{}},({nochrome:i})=>i?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:i,inverse:p})=>p?{color:i.color.lightest,"svg path":{fill:i.color.lightest},"&:hover":{color:i.color.lighter,"svg path":{fill:i.color.lighter}},"&:active":{color:i.color.light,"svg path":{fill:i.color.light}}}:{},({isButton:i})=>i?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Bd=({cancel:i,children:p,onClick:h,withArrow:m,containsIcon:E,className:C,...L})=>Th.default.createElement(GZ,{...L,onClick:h&&i?N=>WZ(N,h):h,className:C},Th.default.createElement(UZ,{withArrow:m,containsIcon:E},p,m&&Th.default.createElement(Qp,{icon:"arrowright"})));Bd.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var xS=require("@storybook/theming"),AS=xS.styled.div(({theme:i})=>({fontSize:`${i.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${i.typography.size.l1}px`,fontWeight:i.typography.weight.black},h2:{fontSize:`${i.typography.size.m2}px`,borderBottom:`1px solid ${i.appBorderColor}`},h3:{fontSize:`${i.typography.size.m1}px`},h4:{fontSize:`${i.typography.size.s3}px`},h5:{fontSize:`${i.typography.size.s2}px`},h6:{fontSize:`${i.typography.size.s2}px`,color:i.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:i.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${i.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${i.color.medium}`,padding:"0 15px",color:i.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${i.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${i.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${i.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:i.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${i.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:i.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${i.color.mediumlight}`,backgroundColor:i.color.lighter,borderRadius:3,color:i.base==="dark"&&i.color.darkest}}));var du=Ze(require("react")),YZ=(0,du.lazy)(()=>Promise.resolve().then(()=>(_d(),Cy))),JZ=(0,du.lazy)(async()=>{let[{SyntaxHighlighter:i},{formatter:p}]=await Promise.all([Promise.resolve().then(()=>(_d(),Cy)),Promise.resolve().then(()=>(BS(),LS))]);return{default:h=>du.default.createElement(i,{...h,formatter:p})}}),PS=i=>du.default.createElement(du.Suspense,{fallback:du.default.createElement("div",null)},i.format!==!1?du.default.createElement(JZ,{...i}):du.default.createElement(YZ,{...i}));_d();Ey();var OS=Ze(require("react")),MS=require("@storybook/theming"),KZ=i=>typeof i=="number"?i:Number(i),QZ=MS.styled.div(({theme:i,col:p,row:h=1})=>p?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:p*i.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:h*i.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme:i,outer:p,col:h,row:m})=>{switch(!0){case!!(p&&h):return{marginLeft:p*i.layoutMargin,marginRight:p*i.layoutMargin};case!!(p&&m):return{marginTop:p*i.layoutMargin,marginBottom:p*i.layoutMargin};default:return{}}}),IS=({col:i,row:p,outer:h,children:m,...E})=>{let C=KZ(typeof h=="number"||!h?h:i||p);return OS.default.createElement(QZ,{col:i,row:p,outer:C,...E},m)};var e0=Ze(require("react")),kh=require("@storybook/theming"),eW=kh.styled.div(({theme:i})=>({fontWeight:i.typography.weight.bold})),tW=kh.styled.div(),rW=kh.styled.div(({theme:i})=>({padding:30,textAlign:"center",color:i.color.defaultText,fontSize:i.typography.size.s2-1})),Nh=({children:i,...p})=>{let[h,m]=e0.Children.toArray(i);return e0.default.createElement(rW,{...p},e0.default.createElement(eW,null,h),m&&e0.default.createElement(tW,null,m))};ah();var qS=Ze(Wp());var Ps=Ze(require("react")),HS=require("@storybook/theming");var jS=Ze(Wp()),{window:nW}=jS.default;function _h(){try{return nW.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var aW=HS.styled.div(({scale:i=1,height:p})=>_h()?{"> *":{zoom:1/i}}:{height:p?p+50:"auto",transformOrigin:"top left",transform:`scale(${1/i})`});function RS({scale:i,children:p}){let h=(0,Ps.useRef)(null),[m,E]=(0,Ps.useState)(0);return(0,Ps.useEffect)(()=>{h.current&&E(h.current.getBoundingClientRect().height)},[i,h.current]),Ps.default.createElement(aW,{scale:i,height:m},Ps.default.createElement("div",{ref:h,className:"innerZoomElementWrapper"},p))}var VS=require("react");var Lh=class extends VS.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef:h}=this.props;this.iframe=h.current}shouldComponentUpdate(h){let{scale:m,active:E}=this.props;return m!==h.scale&&this.setIframeInnerZoom(h.scale),E!==h.active&&this.iframe.setAttribute("data-is-storybook",h.active?"true":"false"),h.children.props.src!==this.props.children.props.src}setIframeInnerZoom(h){try{_h()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/h}):Object.assign(this.iframe.contentDocument.body.style,{width:`${h*100}%`,height:`${h*100}%`,transform:`scale(${1/h})`,transformOrigin:"top left"})}catch{this.setIframeZoom(h)}}setIframeZoom(h){Object.assign(this.iframe.style,{width:`${h*100}%`,height:`${h*100}%`,transform:`scale(${1/h})`,transformOrigin:"top left"})}render(){let{children:h}=this.props;return h}};var{window:cQ}=qS.default;var zS={Element:RS,IFrame:Lh};var Pd=Ze(require("react")),$S=require("@storybook/theming");var ZS=$S.styled.button(({small:i,theme:p})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:i?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${i?p.typography.size.s1:p.typography.size.s2-1}px`,fontWeight:p.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:i?12:14,width:i?12:14,verticalAlign:"top",marginRight:i?4:6,marginTop:i?0:-1,marginBottom:i?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:i})=>i?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:i,small:p})=>i?{svg:{display:"block",margin:0},...p?{padding:10}:{padding:13}}:{},({theme:i,primary:p,secondary:h,gray:m})=>{let E;return m?E=i.color.medium:h?E=i.color.secondary:p&&(E=i.color.primary),E?{background:E,color:m?i.color.darkest:i.color.lightest,"&:hover":{background:Ls(.05,E)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${$u(E,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${$u(E,.2)} 0 8px 18px 0px`}}:{}},({theme:i,tertiary:p,inForm:h,small:m})=>p?{background:i.base==="light"?Ls(.02,i.input.background):B5(.02,i.input.background),color:i.input.color,boxShadow:`${i.input.border} 0 0 0 1px inset`,borderRadius:i.input.borderRadius,...h&&m?{padding:"10px 16px"}:{},"&:hover":{background:i.base==="light"?Ls(.05,i.input.background):B5(.05,i.input.background),...h?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:i.input.background},"&:focus":{boxShadow:`${$u(i.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:i,outline:p})=>p?{boxShadow:`${Oa(.8,i.color.defaultText)} 0 0 0 1px inset`,color:Oa(.3,i.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Oa(.5,i.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Oa(.5,i.color.defaultText)} 0 0 0 2px inset`,color:Oa(0,i.color.defaultText)}}:{},({theme:i,outline:p,primary:h})=>{let m=i.color.primary;return p&&h?{boxShadow:`${m} 0 0 0 1px inset`,color:m,"svg path":{fill:m},"&:hover":{boxShadow:`${m} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:m,boxShadow:`${m} 0 0 0 1px inset`,color:i.color.tertiary},"&:focus":{boxShadow:`${m} 0 0 0 1px inset, ${$u(m,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${m} 0 0 0 1px inset, ${$u(m,.2)} 0 8px 18px 0px`}}:{}},({theme:i,outline:p,primary:h,secondary:m})=>{let E;return m?E=i.color.secondary:h&&(E=i.color.primary),p&&E?{boxShadow:`${E} 0 0 0 1px inset`,color:E,"svg path":{fill:E},"&:hover":{boxShadow:`${E} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:E,boxShadow:`${E} 0 0 0 1px inset`,color:i.color.tertiary},"&:focus":{boxShadow:`${E} 0 0 0 1px inset, ${$u(E,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${E} 0 0 0 1px inset, ${$u(E,.2)} 0 8px 18px 0px`}}:{}}),oW=ZS.withComponent("a"),Bh=Object.assign((0,Pd.forwardRef)(({isLink:i,children:p,...h},m)=>i?Pd.default.createElement(oW,{...h,ref:m},p):Pd.default.createElement(ZS,{...h,ref:m},p)),{defaultProps:{isLink:!1}});var iw=require("@storybook/theming");var Ph=Ze(require("react")),_y=require("@storybook/theming"),iW=_y.styled.label(({theme:i})=>({display:"flex",borderBottom:`1px solid ${i.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),uW=_y.styled.span(({theme:i})=>({minWidth:100,fontWeight:i.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Ly=({label:i,children:p,...h})=>Ph.default.createElement(iW,{...h},i?Ph.default.createElement(uW,null,Ph.default.createElement("span",null,i)):null,p);Ly.defaultProps={label:void 0};var Pi=Ze(require("react")),Md=require("@storybook/theming");q1();By();var fu=require("react");var US=Ze(require("react"));var Oh=require("react"),sW=typeof document<"u"?Oh.useLayoutEffect:Oh.useEffect,WS=sW;var GS=function(p){var h=US.useRef(p);return WS(function(){h.current=p}),h};var Mh=require("react"),XS=function(p,h){if(typeof p=="function"){p(h);return}p.current=h},lW=function(p,h){var m=(0,Mh.useRef)();return(0,Mh.useCallback)(function(E){p.current=E,m.current&&XS(m.current,null),m.current=h,h&&XS(h,E)},[h])},YS=lW;var JS={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},KS=function(p){Object.keys(JS).forEach(function(h){p.style.setProperty(h,JS[h],"important")})},ri=null,cW=function(p,h){var m=p.scrollHeight;return h.sizingStyle.boxSizing==="border-box"?m+h.borderSize:m-h.paddingSize};function pW(i,p,h,m){h===void 0&&(h=1),m===void 0&&(m=1/0),ri||(ri=document.createElement("textarea"),ri.setAttribute("tabindex","-1"),ri.setAttribute("aria-hidden","true"),KS(ri)),ri.parentNode===null&&document.body.appendChild(ri);var E=i.paddingSize,C=i.borderSize,L=i.sizingStyle,N=L.boxSizing;Object.keys(L).forEach(function(ne){var fe=ne;ri.style[fe]=L[fe]}),KS(ri),ri.value=p;var j=cW(ri,i);ri.value="x";var U=ri.scrollHeight-E,G=U*h;N==="border-box"&&(G=G+E+C),j=Math.max(G,j);var q=U*m;return N==="border-box"&&(q=q+E+C),j=Math.min(q,j),[j,U]}var QS=function(){},dW=function(p,h){return p.reduce(function(m,E){return m[E]=h[E],m},{})},fW=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],hW=typeof document<"u"?!!document.documentElement.currentStyle:!1,mW=function(p){var h=window.getComputedStyle(p);if(h===null)return null;var m=dW(fW,h),E=m.boxSizing;if(E==="")return null;hW&&E==="border-box"&&(m.width=parseFloat(m.width)+parseFloat(m.borderRightWidth)+parseFloat(m.borderLeftWidth)+parseFloat(m.paddingRight)+parseFloat(m.paddingLeft)+"px");var C=parseFloat(m.paddingBottom)+parseFloat(m.paddingTop),L=parseFloat(m.borderBottomWidth)+parseFloat(m.borderTopWidth);return{sizingStyle:m,paddingSize:C,borderSize:L}},gW=function(p){var h=GS(p);(0,fu.useLayoutEffect)(function(){var m=function(C){h.current(C)};return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}},[])},yW=function(p,h){var m=p.cacheMeasurements,E=p.maxRows,C=p.minRows,L=p.onChange,N=L===void 0?QS:L,j=p.onHeightChange,U=j===void 0?QS:j,G=Od(p,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&G.style){if("maxHeight"in G.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in G.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var q=G.value!==void 0,ne=(0,fu.useRef)(null),fe=YS(ne,h),ee=(0,fu.useRef)(0),H=(0,fu.useRef)(),w=function(){var I=ne.current,X=m&&H.current?H.current:mW(I);if(!!X){H.current=X;var ce=pW(X,I.value||I.placeholder||"x",C,E),re=ce[0],ie=ce[1];ee.current!==re&&(ee.current=re,I.style.setProperty("height",re+"px","important"),U(re,{rowHeight:ie}))}},P=function(I){q||w(),N(I)};return typeof document<"u"&&((0,fu.useLayoutEffect)(w),gW(w)),(0,fu.createElement)("textarea",Gn({},G,{onChange:P,ref:fe}))},vW=(0,fu.forwardRef)(yW),ew=vW;var DW={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Py=({theme:i})=>({...DW,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:i.input.color||"inherit",background:i.input.background,boxShadow:`${i.input.border} 0 0 0 1px inset`,borderRadius:i.input.borderRadius,fontSize:i.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${i.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${i.color.lightest} inset`},"::placeholder":{color:i.color.mediumdark}}),Ih=({size:i})=>{switch(i){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},tw=({align:i})=>{switch(i){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},jh=({valid:i,theme:p})=>{switch(i){case"valid":return{boxShadow:`${p.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${p.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${p.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},rw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement("input",{...m,ref:E})))(Py,Ih,tw,jh,{minHeight:32}),{displayName:"Input"}),nw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement("select",{...m,ref:E})))(Py,Ih,jh,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),aw=Object.assign((0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement(ew,{...m,ref:E})))(Py,Ih,tw,jh,({height:i=400})=>({overflow:"visible",maxHeight:i})),{displayName:"Textarea"}),bW=(0,Md.styled)((0,Pi.forwardRef)(({size:i,valid:p,align:h,...m},E)=>Pi.default.createElement(Bh,{...m,ref:E})))(Ih,jh,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ow=Object.assign((0,Pi.forwardRef)((i,p)=>Pi.default.createElement(bW,{...i,...{tertiary:!0,small:!0,inForm:!0},ref:p})),{displayName:"Button"});var uw=Object.assign(iw.styled.form({boxSizing:"border-box",width:"100%"}),{Field:Ly,Input:rw,Select:nw,Textarea:aw,Button:ow});var ni=Ze(require("react")),DU=(0,ni.lazy)(()=>Promise.resolve().then(()=>(Ev(),bv)).then(i=>({default:i.WithTooltip}))),k9=i=>ni.default.createElement(ni.Suspense,{fallback:ni.default.createElement("div",null)},ni.default.createElement(DU,{...i})),bU=(0,ni.lazy)(()=>Promise.resolve().then(()=>(Ev(),bv)).then(i=>({default:i.WithTooltipPure}))),N9=i=>ni.default.createElement(ni.Suspense,{fallback:ni.default.createElement("div",null)},ni.default.createElement(bU,{...i}));var zc=Ze(require("react")),s0=require("@storybook/theming");var EU=s0.styled.div(({theme:i})=>({fontWeight:i.typography.weight.black})),CU=s0.styled.span(),xU=s0.styled.div(({theme:i})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:i.typography.weight.black}})),AU=s0.styled.div(({theme:i})=>({color:i.textColor,lineHeight:"18px"})),SU=s0.styled.div({padding:15,width:280,boxSizing:"border-box"}),Cv=({title:i,desc:p,links:h})=>zc.default.createElement(SU,null,zc.default.createElement(AU,null,i&&zc.default.createElement(EU,null,i),p&&zc.default.createElement(CU,null,p)),h&&zc.default.createElement(xU,null,h.map(({title:m,...E})=>zc.default.createElement(Bd,{...E,key:m},m))));Cv.defaultProps={title:null,desc:null,links:null};var _9=Ze(require("react")),L9=require("@storybook/theming"),wU=L9.styled.div(({theme:i})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:i.typography.weight.bold,color:i.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:i.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6})),B9=({note:i,...p})=>_9.default.createElement(wU,{...p},i);var l0=Ze(require("react")),M9=require("@storybook/theming");var Rs=Ze(require("react")),$c=require("@storybook/theming"),P9=Ze(require("memoizerific"));var FU=(0,$c.styled)(({active:i,loading:p,disabled:h,...m})=>Rs.default.createElement("span",{...m}))(({theme:i})=>({color:i.color.defaultText,fontWeight:i.typography.weight.regular}),({active:i,theme:p})=>i?{color:p.color.primary,fontWeight:p.typography.weight.bold}:{},({loading:i,theme:p})=>i?{display:"inline-block",flex:"none",...p.animation.inlineGlow}:{},({disabled:i,theme:p})=>i?{color:Oa(.7,p.color.defaultText)}:{}),TU=$c.styled.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active:i,theme:p})=>i?{"& svg":{opacity:1},"& path":{fill:p.color.primary}}:{}),kU=$c.styled.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),NU=$c.styled.span({flex:1,textAlign:"center"},({active:i,theme:p})=>i?{color:p.color.primary}:{},({theme:i,disabled:p})=>p?{color:i.color.mediumdark}:{}),_U=$c.styled.span(({active:i,theme:p})=>i?{"& svg":{opacity:1},"& path":{fill:p.color.primary}}:{}),LU=$c.styled.a(({theme:i})=>({fontSize:i.typography.size.s1,transition:"all 150ms ease-out",color:Oa(.5,i.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:i.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:i})=>i?{cursor:"not-allowed"}:{}),BU=(0,P9.default)(100)((i,p,h)=>{let m={};return i&&Object.assign(m,{onClick:i}),p&&Object.assign(m,{href:p}),h&&p&&Object.assign(m,{to:p,as:h}),m}),O9=({loading:i,left:p,title:h,center:m,right:E,active:C,disabled:L,href:N,onClick:j,LinkWrapper:U,...G})=>{let q=BU(j,N,U),ne={active:C,disabled:L};return Rs.default.createElement(LU,{...ne,...G,...q},p&&Rs.default.createElement(_U,{...ne},p),h||m?Rs.default.createElement(kU,null,h&&Rs.default.createElement(FU,{...ne,loading:i},h),m&&Rs.default.createElement(NU,{...ne},m)):null,E&&Rs.default.createElement(TU,{...ne},E))};O9.defaultProps={loading:!1,left:null,title:Rs.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var xv=O9;var PU=M9.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:i})=>({borderRadius:i.appBorderRadius*2})),OU=i=>{let{LinkWrapper:p,onClick:h,...m}=i,{title:E,href:C,active:L}=m,N=(0,l0.useCallback)(U=>{h(U,m)},[h]);return l0.default.createElement(xv,{title:E,active:L,href:C,LinkWrapper:p,...m,...!!h?{onClick:N}:{}})},Av=({links:i,LinkWrapper:p})=>l0.default.createElement(PU,null,i.map(({isGatsby:h,...m})=>l0.default.createElement(OU,{key:m.id,LinkWrapper:h?p:null,...m})));Av.defaultProps={LinkWrapper:xv.defaultProps.LinkWrapper};var Sn=Ze(require("react")),Yd=require("@storybook/theming"),H9=require("@storybook/csf");var Ll=Ze(require("react")),e2=require("@storybook/theming");ah();var Sv=e2.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:i})=>i?{"& > *":{marginLeft:4}}:{},({right:i})=>i?{marginLeft:30,"& > *":{marginRight:4}}:{});Sv.displayName="Side";var MU=({children:i,className:p})=>Ll.default.createElement(Nc,{horizontal:!0,vertical:!1,className:p},i),t2=(0,e2.styled)(MU)(({theme:i})=>({color:i.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme:i,border:p=!1})=>p?{boxShadow:`${i.appBorderColor} 0 -1px 0 0 inset`,background:i.barBg}:{});t2.displayName="Bar";var IU=e2.styled.div(({bgColor:i})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:i||""})),Wd=({children:i,backgroundColor:p,...h})=>{let[m,E]=Ll.Children.toArray(i);return Ll.default.createElement(t2,{...h},Ll.default.createElement(IU,{bgColor:p},Ll.default.createElement(Sv,{left:!0},m),E?Ll.default.createElement(Sv,{right:!0},E):null))};Wd.displayName="FlexBar";var Ud=Ze(require("react")),Bl=require("@storybook/theming");dv();var I9=({children:i,...p})=>p.href!=null?Ud.default.createElement("a",{...p},i):Ud.default.createElement("button",{type:"button",...p},i),Gd=(0,Bl.styled)(I9,{shouldForwardProp:Bl.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:i})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:i.color.secondary}}),({active:i,textColor:p,theme:h})=>i?{color:p||h.barSelectedColor,borderBottomColor:h.barSelectedColor}:{color:p||h.barTextColor,borderBottomColor:"transparent"});Gd.displayName="TabButton";var wv=(0,Bl.styled)(I9,{shouldForwardProp:Bl.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:i,theme:p})=>i?{backgroundColor:p.background.hoverable,color:p.color.secondary}:{},({disabled:i,theme:p})=>i?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Oa(.88,p.color.secondary),color:p.color.secondary},"&:focus-visible":{outline:Sl},"&:focus:not(:focus-visible)":{outline:"none"}});wv.displayName="IconButton";var jU=Bl.styled.div(({theme:i})=>({width:14,height:14,backgroundColor:i.appBorderColor,animation:`${i.animation.glow} 1.5s ease-in-out infinite`})),HU=Bl.styled.div(()=>({marginTop:6,padding:7,height:28})),j9=()=>Ud.default.createElement(HU,null,Ud.default.createElement(jU,null));var RU=Yd.styled.div(({theme:i,bordered:p})=>p?{backgroundClip:"padding-box",border:`1px solid ${i.appBorderColor}`,borderRadius:i.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute:i})=>i?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),Fv=Yd.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),VU=Yd.styled.div({display:"block",position:"relative"},({theme:i})=>({fontSize:i.typography.size.s2-1,background:i.background.content}),({bordered:i,theme:p})=>i?{borderRadius:`0 0 ${p.appBorderRadius-1}px ${p.appBorderRadius-1}px`}:{},({absolute:i,bordered:p})=>i?{height:`calc(100% - ${p?42:40}px)`,position:"absolute",left:0+(p?1:0),right:0+(p?1:0),bottom:0+(p?1:0),top:40+(p?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(p?1:0),right:0+(p?1:0),bottom:0+(p?1:0),top:0+(p?1:0),height:`calc(100% - ${p?2:0}px)`,overflow:"auto"}}:{}),R9=Yd.styled.div(({active:i})=>i?{display:"block"}:{display:"none"}),V9=({active:i,render:p,children:h})=>Sn.default.createElement(R9,{active:i},p?p():h);var qU=(i,p)=>Sn.Children.toArray(i).map(({props:{title:h,id:m,color:E,children:C}},L)=>{let N=Array.isArray(C)?C[0]:C;return{active:p?m===p:L===0,title:h,id:m,color:E,render:typeof N=="function"?N:({active:j,key:U})=>Sn.default.createElement(R9,{key:U,active:j,role:"tabpanel"},N)}}),Jd=(0,Sn.memo)(({children:i,selected:p,actions:h,absolute:m,bordered:E,tools:C,backgroundColor:L,id:N})=>{let j=qU(i,p);return j.length?Sn.default.createElement(RU,{absolute:m,bordered:E,id:N},Sn.default.createElement(Wd,{border:!0,backgroundColor:L},Sn.default.createElement(Fv,{role:"tablist"},j.map(({title:U,id:G,active:q,color:ne})=>{let fe=typeof U=="function"?U():U;return Sn.default.createElement(Gd,{id:`tabbutton-${(0,H9.sanitize)(fe)}`,className:`tabbutton ${q?"tabbutton-active":""}`,type:"button",key:G,active:q,textColor:ne,onClick:ee=>{ee.preventDefault(),h.onSelect(G)},role:"tab"},fe)})),C?Sn.default.createElement(Sn.Fragment,null,C):null),Sn.default.createElement(VU,{id:"panel-tab-content",bordered:E,absolute:m},j.map(({id:U,active:G,render:q})=>q({key:U,active:G})))):Sn.default.createElement(Nh,null,Sn.default.createElement(Sn.Fragment,{key:"title"},"Nothing found"))});Jd.displayName="Tabs";Jd.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var Xd=class extends Sn.Component{constructor(h){super(h);this.handlers={onSelect:h=>this.setState({selected:h})};this.state={selected:h.initial}}render(){let{bordered:h=!1,absolute:m=!1,children:E,backgroundColor:C}=this.props,{selected:L}=this.state;return Sn.default.createElement(Jd,{bordered:h,absolute:m,selected:L,backgroundColor:C,actions:this.handlers},E)}};Xd.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var Kd=Ze(require("react")),q9=require("@storybook/theming"),r2=q9.styled.span(({theme:i})=>({width:1,height:20,background:i.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force:i})=>i?{}:{"& + &":{display:"none"}});r2.displayName="Separator";var z9=i=>i.reduce((p,h,m)=>h?Kd.default.createElement(Kd.Fragment,{key:h.id||h.key||`f-${m}`},p,m>0?Kd.default.createElement(r2,{key:`s-${m}`}):null,h.render()||h):p,null);var c0=Ze(require("react")),zU=i=>{let p=(0,c0.useRef)();return(0,c0.useEffect)(()=>{p.current=i},[i]),p.current},$U=(i,p)=>{let h=zU(p);return i?p:h},$9=({active:i,children:p})=>c0.default.createElement("div",{hidden:!i,style:{transform:"translateX(0px)"}},$U(i,p));var vu=Ze(require("react")),Z9=({alt:i,...p})=>vu.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...p,role:"img"},i?vu.default.createElement("title",null,i):null,vu.default.createElement("defs",null,vu.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),vu.default.createElement("g",{fill:"none",fillRule:"evenodd"},vu.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),vu.default.createElement("mask",{id:"b",fill:"#fff"},vu.default.createElement("use",{xlinkHref:"#a"})),vu.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),vu.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));var Zc=Ze(require("react")),W9=({...i})=>Zc.default.createElement("svg",{viewBox:"0 0 64 64",...i},Zc.default.createElement("title",null,"Storybook icon"),Zc.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},Zc.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),Zc.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),Zc.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));var K9=Ze(Wp());var Ma=Ze(require("react")),ts=require("@storybook/theming");var U9=require("@storybook/theming"),G9=U9.keyframes`
|
|
370
370
|
from {
|
|
371
371
|
transform: rotate(0deg);
|
|
372
372
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{$ as ca,A as D,B as E,C as F,D as G,E as H,F as I,G as J,H as K,I as L,J as M,K as N,L as O,M as P,N as Q,O as R,P as S,Q as T,R as U,S as V,T as W,U as X,V as Y,W as Z,X as _,Y as $,Z as aa,_ as ba,a,aa as da,b,ba as ea,c,ca as fa,d,da as ga,e,ea as ha,f as i,g as j,h as k,i as l,j as m,k as n,l as o,m as p,n as q,o as r,p as s,q as t,r as u,s as v,t as w,u as x,v as y,w as z,x as A,y as B,z as C}from"./chunk-
|
|
1
|
+
import{$ as ca,A as D,B as E,C as F,D as G,E as H,F as I,G as J,H as K,I as L,J as M,K as N,L as O,M as P,N as Q,O as R,P as S,Q as T,R as U,S as V,T as W,U as X,V as Y,W as Z,X as _,Y as $,Z as aa,_ as ba,a,aa as da,b,ba as ea,c,ca as fa,d,da as ga,e,ea as ha,f as i,g as j,h as k,i as l,j as m,k as n,l as o,m as p,n as q,o as r,p as s,q as t,r as u,s as v,t as w,u as x,v as y,w as z,x as A,y as B,z as C}from"./chunk-BPOXRXHR.mjs";import{a as f,b as g,c as h}from"./chunk-YD7UN6FC.mjs";import"./chunk-B7JBN7QU.mjs";import"./chunk-4X44FYPN.mjs";import"./chunk-EX2QXXYQ.mjs";export{d as A,f as ActionBar,ba as AddonPanel,C as Badge,S as Bar,e as Blockquote,L as Button,i as Code,k as DL,j as Div,G as DocumentWrapper,T as FlexBar,M as Form,l as H1,m as H2,n as H3,o as H4,p as H5,q as H6,r as HR,V as IconButton,W as IconButtonSkeleton,D as Icons,s as Img,t as LI,F as Link,ea as Loader,u as OL,v as P,J as Placeholder,w as Pre,B as ResetWrapper,g as ScrollArea,$ as Separator,I as Spaced,x as Span,da as StorybookIcon,ca as StorybookLogo,E as Symbols,H as SyntaxHighlighter,z as TT,X as TabBar,U as TabButton,Y as TabWrapper,y as Table,Z as Tabs,_ as TabsState,R as TooltipLinkList,P as TooltipMessage,Q as TooltipNote,A as UL,N as WithTooltip,O as WithTooltipPure,K as Zoom,b as codeCommon,ga as components,h as createCopyToClipboardFunction,fa as getStoryHref,aa as interleaveSeparators,a as nameSpaceClassNames,ha as resetComponents,c as withReset};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/components",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.22",
|
|
4
4
|
"description": "Core Storybook Components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"prepare": "../../../scripts/prepare/bundle.ts"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@storybook/client-logger": "7.0.0-alpha.
|
|
54
|
+
"@storybook/client-logger": "7.0.0-alpha.22",
|
|
55
55
|
"@storybook/csf": "0.0.2--canary.0899bb7.0",
|
|
56
|
-
"@storybook/theming": "7.0.0-alpha.
|
|
56
|
+
"@storybook/theming": "7.0.0-alpha.22",
|
|
57
57
|
"core-js": "^3.8.2",
|
|
58
58
|
"memoizerific": "^1.11.3",
|
|
59
59
|
"qs": "^6.10.0",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
],
|
|
101
101
|
"platform": "neutral"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
|
|
104
104
|
}
|