diff --git a/2452/react/assets/Add-DRm23ihK.js b/2452/react/assets/Add-DRm23ihK.js new file mode 100644 index 00000000000..58fae7fe1db --- /dev/null +++ b/2452/react/assets/Add-DRm23ihK.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const o=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M7 1v6H1v2h6v6h2V9h6V7H9V1H7z"}));export{o as S}; diff --git a/2452/react/assets/Airplane-DohovcMN.js b/2452/react/assets/Airplane-DohovcMN.js new file mode 100644 index 00000000000..c1f1ec186e6 --- /dev/null +++ b/2452/react/assets/Airplane-DohovcMN.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const l=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M14.003 15.433L12.467 4.735l3.004-3.008s.801-1.204.4-1.605c-.333-.334-1.601.401-1.601.401L11.199 3.6.585 1.994l-.601.602L8.462 6.34l-4.139 4.145-3.07-.2-1.07 1.135 2.47.67c-.4 1.336-.2 1.47-.2 1.47s.2.2 1.469-.2l.667 2.473 1.135-1.07-.2-3.075 4.139-4.145 3.738 8.49z"}));export{l as S}; diff --git a/2452/react/assets/Alert.stories-D6UgjsK5.js b/2452/react/assets/Alert.stories-D6UgjsK5.js new file mode 100644 index 00000000000..8a5197da4ec --- /dev/null +++ b/2452/react/assets/Alert.stories-D6UgjsK5.js @@ -0,0 +1 @@ +import{r as t,p as x,I as g,S as h,u as m,c as p,a as j,B as C,j as i}from"./index-BiF_XSVc.js";import{S as v}from"./Placeholder-BLpsNn0N.js";import{S as y}from"./SmileyHappy-dIqQ2eFY.js";import{I as q}from"./Icon-DaWu1iQD.js";import{A as b}from"./Anchor-9gwhe0n0.js";import"./Text-JFgXX77W.js";let c=t.createContext(void 0),k=t.forwardRef((o,n)=>{let{children:a,type:s="informational",isSticky:l=!1,clickableText:r,clickableTextProps:u,onClose:d,...f}=o;return t.createElement(e.Wrapper,{type:s,isSticky:l,ref:n,...f},t.createElement(e.Icon,null),t.createElement(e.Message,null,a,r?t.createElement(e.Action,u,r):null),d?t.createElement(e.CloseButton,{onClick:d}):null)}),E=t.forwardRef((o,n)=>{let{children:a,className:s,type:l="informational",isSticky:r=!1,...u}=o;return t.createElement(C,{className:p("iui-alert",s),"data-iui-status":l,"data-iui-variant":r?"sticky":void 0,ref:n,...u},t.createElement(c.Provider,{value:{type:l}},a))}),I=t.forwardRef((o,n)=>{let{children:a,...s}=o,{type:l}=m(c),r=j[l];return t.createElement(q,{fill:l,ref:n,...s},a??t.createElement(r,null))}),A=x.span("iui-alert-message"),M=t.forwardRef((o,n)=>{let{children:a,className:s,...l}=o,{type:r}=m(c);return t.createElement(b,{as:o.href?"a":"button",className:p("iui-button-base","iui-alert-link",s),underline:!0,"data-iui-status":r,ref:n,...l},a)}),S=t.forwardRef((o,n)=>{let{children:a,...s}=o;return t.createElement(g,{styleType:"borderless",size:"small","aria-label":"Close",ref:n,...s},a??t.createElement(h,null))});const e=Object.assign(k,{Wrapper:E,Icon:I,Message:A,Action:M,CloseButton:S}),R={title:"Alert"},U=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is an informational message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),N=()=>i.jsxs(e.Wrapper,{type:"positive",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a positive message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),P=()=>i.jsxs(e.Wrapper,{type:"warning",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a warning message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),z=()=>i.jsxs(e.Wrapper,{type:"negative",children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is a negative message.",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),H=()=>i.jsxs("div",{style:{height:"150px",overflow:"overlay",textAlign:"justify",border:"solid 0.5px"},children:[i.jsxs(e.Wrapper,{type:"informational",isSticky:!0,children:[i.jsx(e.Icon,{}),i.jsxs(e.Message,{children:["This is sticky!",i.jsx(e.Action,{onClick:()=>console.log("Clicked more info!"),children:"More Info."})]}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!")})]}),i.jsx("p",{style:{margin:0,padding:"8px"},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})]}),O=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{}),i.jsx(e.Message,{children:"This is an empty info message."})]}),_=()=>i.jsxs(e.Wrapper,{type:"informational",children:[i.jsx(e.Icon,{children:i.jsx(y,{})}),i.jsx(e.Message,{children:"This is an info message with a custom icon."}),i.jsx(e.CloseButton,{onClick:()=>console.log("Close!"),children:i.jsx(v,{})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{_ as CustomIcon,O as Empty,U as Informational,z as Negative,N as Positive,H as Sticky,P as Warning,R as default}; diff --git a/2452/react/assets/Anchor-9gwhe0n0.js b/2452/react/assets/Anchor-9gwhe0n0.js new file mode 100644 index 00000000000..be4561f4670 --- /dev/null +++ b/2452/react/assets/Anchor-9gwhe0n0.js @@ -0,0 +1 @@ +import{r as e,B as o,c,V as u}from"./index-BiF_XSVc.js";import{a as d}from"./Text-JFgXX77W.js";const f=e.forwardRef((a,t)=>{let n=e.useContext(d),{isExternal:r,underline:i=n,children:s,...l}=a;return e.createElement(o,{as:"a","data-iui-underline":i?"true":void 0,...l,ref:t,className:c("iui-anchor",{"iui-anchor-external":r},a.className)},s,a.target==="_blank"&&e.createElement(u,null," (opens in new tab)"))});export{f as A}; diff --git a/2452/react/assets/Anchor.stories-e_9WM9yL.js b/2452/react/assets/Anchor.stories-e_9WM9yL.js new file mode 100644 index 00000000000..999b11ed245 --- /dev/null +++ b/2452/react/assets/Anchor.stories-e_9WM9yL.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{A as t}from"./Anchor-9gwhe0n0.js";import"./Text-JFgXX77W.js";const c={title:"Anchor"},s=()=>e.jsx(t,{href:"https://www.example.com/",children:"www.example.com"}),m=()=>e.jsx(t,{as:"button",onClick:()=>console.log("clicked"),children:"Perform action"}),l=()=>e.jsx(t,{href:"https://www.example.com/",isExternal:!0,target:"_blank",children:"www.example.com"}),w=()=>e.jsx(t,{href:"https://www.example.com/",underline:!0,children:"www.example.com"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{m as AsButton,s as Basic,l as External,w as Underline,c as default}; diff --git a/2452/react/assets/Avatar-CDlqyec4.js b/2452/react/assets/Avatar-CDlqyec4.js new file mode 100644 index 00000000000..94fb47b2590 --- /dev/null +++ b/2452/react/assets/Avatar-CDlqyec4.js @@ -0,0 +1 @@ +import{r as s,B as g,c as y,V as B}from"./index-BiF_XSVc.js";import{S as k,i as p}from"./colors-ymlpSE_k.js";let S=t=>t?p(t)?k[t]:t:"";const x={away:"Away",busy:"Busy",offline:"Offline",online:"Online"},E=s.forwardRef((t,i)=>{let{size:l="small",status:a,abbreviation:e,image:r,backgroundColor:n,title:u,translatedStatusTitles:o,className:d,style:f,...m}=t,c={...x,...o};return s.createElement(g,{as:"span",className:y("iui-avatar",d),"data-iui-size":l!=="medium"?l:void 0,"data-iui-status":a,title:u,style:{backgroundColor:S(n),...f},ref:i,...m},r?null:e==null?void 0:e.substring(0,2),r,a?s.createElement(B,null,c[a]):null)});export{E as A}; diff --git a/2452/react/assets/Avatar.stories-iCQhap1A.js b/2452/react/assets/Avatar.stories-iCQhap1A.js new file mode 100644 index 00000000000..22ebc8b1fb9 --- /dev/null +++ b/2452/react/assets/Avatar.stories-iCQhap1A.js @@ -0,0 +1 @@ +import{r as i,j as e}from"./index-BiF_XSVc.js";import{A as r}from"./Avatar-CDlqyec4.js";import{g as t}from"./colors-ymlpSE_k.js";const a=s=>i.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},i.createElement("path",{d:"M15.921 14.84l-1.803-3.994a.772.772 0 00-.4-.39L10.89 8.995h-.2A4.56 4.56 0 018 9.996a4.651 4.651 0 01-2.72-1.001h-.201l-2.806 1.461a.772.772 0 00-.4.39L.068 14.839a1.04 1.04 0 000 .78.92.92 0 00.801.39h14.25a.92.92 0 00.801-.39 1.04 1.04 0 000-.78zM7.984 8.511c2.004 0 3.607-1.925 3.607-4.255C11.591 1.012 9.988 0 7.984 0S4.377 1.013 4.377 4.255c0 2.33 1.603 4.256 3.607 4.256z"})),c={title:"Avatar"},v=()=>e.jsx(r,{abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),u=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"}),b=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),image:e.jsx(a,{}),title:"Terry Rivers"}),d=()=>e.jsxs("div",{style:{display:"flex",gap:4,placeItems:"center"},children:[e.jsx(r,{size:"small",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"medium",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"x-large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"})]}),T=()=>e.jsxs("div",{style:{display:"flex",gap:4,placeItems:"center"},children:[e.jsx(r,{size:"large",status:"online",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"offline",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"busy",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"}),e.jsx(r,{size:"large",status:"away",abbreviation:"TR",backgroundColor:t("Terry Rivers"),title:"Terry Rivers"})]}),R=()=>e.jsx(r,{size:"large",abbreviation:"TR",backgroundColor:t("Terry Rivers"),status:"away",title:"Terry Rivers",translatedStatusTitles:{away:"AFK",busy:"Do not disturb!",offline:"Disconnected",online:"Available"}});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{v as Basic,R as CustomStatusTranslation,d as Sizes,T as Statuses,b as WithIcon,u as WithImage,c as default}; diff --git a/2452/react/assets/AvatarGroup.stories-B0xclzEy.js b/2452/react/assets/AvatarGroup.stories-B0xclzEy.js new file mode 100644 index 00000000000..a4d462e1327 --- /dev/null +++ b/2452/react/assets/AvatarGroup.stories-B0xclzEy.js @@ -0,0 +1,2 @@ +import{r as a,B as b,c as M,j as r,T as v}from"./index-BiF_XSVc.js";import{A as c}from"./Avatar-CDlqyec4.js";import{g as u}from"./colors-ymlpSE_k.js";const d=a.forwardRef((n,e)=>{let t=99,{children:i,animated:g=!1,stacked:o=!0,maxIcons:s=5,iconSize:l="small",countIconProps:m,className:A,...j}=n,p=a.Children.toArray(i),h=p.length,y=x=>p.slice(0,x).map(f=>a.cloneElement(f,{status:void 0,size:l}));return a.createElement(b,{className:M("iui-avatar-list",{"iui-animated":g,"iui-stacked":o},A),ref:e,...j},p.length<=s+1&&y(s+1),p.length>s+1&&a.createElement(a.Fragment,null,y(s),a.createElement(b,{...m,className:M("iui-avatar","iui-avatar-count",m==null?void 0:m.className),"data-iui-size":l!=="medium"?l:void 0},h<=t?`${h-s}`:`${t}+`)))}),$={title:"AvatarGroup"},N=()=>{const n=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins"];return r.jsx(d,{iconSize:"medium",children:n.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},T=()=>{const n=["Terry Rivers","Robin Mercer","Morgan Vera","Jean Mullins","Ashley Miles"];return r.jsx(d,{animated:!0,iconSize:"medium",children:n.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},k=()=>{const n=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins","Nico Triplett","Drew Abel","Kendall Simons","Kennedy Gray","Charlie Mayfield","Peyton Pennington","Justice Harrington","Jessie Dodd"];return r.jsx(r.Fragment,{children:r.jsx(d,{iconSize:"large",children:Array(110).fill(null).map((e,t)=>n[t%n.length]).map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})})},w=()=>{const n=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"];return r.jsx(d,{stacked:!1,iconSize:"medium",children:n.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(i=>i[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},J=()=>{const n=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"],[e,t]=a.useState(null),g=n.slice(5).join(` +`);return r.jsxs(r.Fragment,{children:[r.jsx(d,{countIconProps:{ref:t},iconSize:"medium",children:n.map((o,s)=>r.jsx(c,{abbreviation:o.split(" ").map(l=>l[0]).join(""),backgroundColor:u(o),title:o},`${o}-${s}`))}),r.jsx(v,{reference:e,content:g,placement:"right",style:{whiteSpace:"pre"}})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{T as Animated,N as Basic,k as ManyAvatars,w as NonStacked,J as WithTooltip,$ as default}; diff --git a/2452/react/assets/Badge-D51fTPLq.js b/2452/react/assets/Badge-D51fTPLq.js new file mode 100644 index 00000000000..c007415b835 --- /dev/null +++ b/2452/react/assets/Badge-D51fTPLq.js @@ -0,0 +1 @@ +import{r as n,B as g,c}from"./index-BiF_XSVc.js";import{S as f,i as m}from"./colors-ymlpSE_k.js";let B=e=>e?m(e)?f[e]:e:"",p=e=>e&&["positive","negative","warning","informational"].includes(e)?e:void 0;const x=n.forwardRef((e,a)=>{let{backgroundColor:s,style:r,className:u,children:l,...o}=e,t=s==="primary"?"informational":s,i=p(t),d=t&&!i?{"--iui-badge-background-color":B(t),...r}:{...r};return n.createElement(g,{as:"span",className:c("iui-badge",u),style:d,"data-iui-status":i,ref:a,...o},l)});export{x as B}; diff --git a/2452/react/assets/Badge.stories-Bke7kdb3.js b/2452/react/assets/Badge.stories-Bke7kdb3.js new file mode 100644 index 00000000000..0ed996066ed --- /dev/null +++ b/2452/react/assets/Badge.stories-Bke7kdb3.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{B as t}from"./Badge-D51fTPLq.js";import"./colors-ymlpSE_k.js";const a={title:"Badge"},d=()=>e.jsx(t,{backgroundColor:"skyblue",children:"Label"}),s=()=>e.jsx(t,{backgroundColor:"skyblue",title:"Long label that gets truncated",children:"Long label that gets truncated"}),l=()=>e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx(t,{backgroundColor:"positive",children:"Success"}),e.jsx(t,{backgroundColor:"negative",children:"Error"}),e.jsx(t,{backgroundColor:"primary",children:"Informational"}),e.jsx(t,{backgroundColor:"warning",children:"Warning"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as Basic,s as LongLabel,l as Statuses,a as default}; diff --git a/2452/react/assets/Blockquote.stories-BpfkCDwH.js b/2452/react/assets/Blockquote.stories-BpfkCDwH.js new file mode 100644 index 00000000000..9c1b446cdfa --- /dev/null +++ b/2452/react/assets/Blockquote.stories-BpfkCDwH.js @@ -0,0 +1 @@ +import{r as t,B as l,c as u,j as e}from"./index-BiF_XSVc.js";const r=t.forwardRef((s,n)=>{let{className:i,children:a,footer:o,...c}=s;return t.createElement(l,{as:"blockquote",className:u("iui-blockquote",i),ref:n,...c},a,o&&t.createElement("footer",null,o))}),m={title:"Blockquote"},f=()=>e.jsx(r,{children:"This is a quote"}),w=()=>e.jsx(r,{cite:"https://www.bentley.com/en",footer:e.jsxs(e.Fragment,{children:["— Greg Bentley, ",e.jsx("cite",{children:"NasdaqListed"})]}),children:e.jsx("p",{children:"For 36 years we have served engineers with our software, passionately believing that better performing and more resilient infrastructure is essential to improve the quality of life for people everywhere, sustain our environment, and grow our economies."})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{f as Basic,w as WithFooter,m as default}; diff --git a/2452/react/assets/Breadcrumbs.stories-CXIeq6Zg.js b/2452/react/assets/Breadcrumbs.stories-CXIeq6Zg.js new file mode 100644 index 00000000000..cdee395ddf7 --- /dev/null +++ b/2452/react/assets/Breadcrumbs.stories-CXIeq6Zg.js @@ -0,0 +1 @@ +import{r as n,B as u,c as f,O as x,j as t,I as g}from"./index-BiF_XSVc.js";import{S as C}from"./ChevronRightDouble-CWa9hAYR.js";import{S as E}from"./Folder-BZr-j4ck.js";import{S as I}from"./More-ppUkgz_u.js";import{B as j}from"./Button-DJoTb4xb.js";import{A as k}from"./Anchor-9gwhe0n0.js";import{S as y}from"./SvgChevronRight-B29fjzPj.js";import{D as B}from"./DropdownMenu-B9DfH_cx.js";import{M as v}from"./MenuItem-CgPM3DgF.js";import{D as R}from"./DropdownButton-DP7RhVmc.js";import{I as S}from"./Input-D1FcPXKL.js";import{T as p}from"./Text-JFgXX77W.js";import"./ProgressRadial-BJPx7fqR.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./SvgCaretUpSmall-Jehs4qRe.js";import"./SvgCaretDownSmall-Bqg-enXi.js";let A=n.forwardRef((r,s)=>{let{children:e,currentIndex:d=n.Children.count(e)-1,separator:o,overflowButton:a,className:i,...m}=r,c=n.useMemo(()=>n.Children.toArray(e),[e]);return n.createElement(u,{as:"nav",className:f("iui-breadcrumbs",i),ref:s,"aria-label":"Breadcrumb",...m},n.createElement(x,{as:"ol",itemsCount:c.length,className:"iui-breadcrumbs-list"},n.createElement(M,{currentIndex:d,overflowButton:a,separator:o},c)))}),M=r=>{let{children:s,currentIndex:e,overflowButton:d,separator:o}=r,{visibleCount:a}=x.useContext();return n.createElement(n.Fragment,null,a>1&&n.createElement(n.Fragment,null,n.createElement(b,{item:s[0],isActive:e===0}),n.createElement(h,{separator:o})),s.length-a>0&&n.createElement(n.Fragment,null,n.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},d?d(a):n.createElement(u,{as:"span",className:"iui-breadcrumbs-content"},"…")),n.createElement(h,{separator:o})),s.slice(a>1?s.length-a+1:s.length-1).map((i,m)=>{let c=a>1?1+(s.length-a)+m:s.length-1;return n.createElement(n.Fragment,{key:c},n.createElement(b,{item:s[c],isActive:e===c}),c{let e=r;return((e==null?void 0:e.type)==="span"||(e==null?void 0:e.type)==="a"||(e==null?void 0:e.type)===j)&&(e=n.createElement(w,e.props)),n.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},e&&n.cloneElement(e,{"aria-current":e.props["aria-current"]??s?"location":void 0}))},h=({separator:r})=>n.createElement(u,{as:"li",className:"iui-breadcrumbs-separator","aria-hidden":!0},r??n.createElement(y,null)),w=n.forwardRef((r,s)=>{let{as:e,...d}=r,o={...d,className:f("iui-breadcrumbs-content",r.className),ref:s};return String(e)==="span"||r.href==null&&r.onClick==null&&e==null?n.createElement(u,{as:"span",...o}):n.createElement(j,{as:e==="a"||e==null&&r.href?k:e,styleType:"borderless",...o})});const l=Object.assign(A,{Item:w}),Z={title:"Breadcrumbs"},ee=()=>t.jsxs(l,{children:[t.jsx(l.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(l.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(l.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),te=()=>t.jsxs(l,{children:[t.jsx(l.Item,{href:"/",children:"iTwinUI"},0),t.jsx(l.Item,{href:"/?path=/docs/core-breadcrumbs",children:"Breadcrumbs"},1),t.jsx(l.Item,{children:"Links"},2)]}),re=()=>t.jsxs(l,{separator:t.jsx(C,{}),children:[t.jsx(l.Item,{onClick:()=>console.log("Root"),children:"Root"},0),t.jsx(l.Item,{onClick:()=>console.log("Item 1"),children:"Item 1"},1),t.jsx(l.Item,{onClick:()=>console.log("Item 2"),children:"Item 2"},2)]}),N=()=>{const r=Array(10).fill(null).map((s,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{children:r})};N.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const F=()=>{const r=Array(10).fill(null).map((s,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:s=>{const e=s>1?r.length-s:r.length-2;return t.jsx(g,{"aria-label":`Item ${e}`,onClick:()=>{console.log(`Visit breadcrumb ${e}`)},styleType:"borderless",label:`Item ${e}`,labelProps:{placement:"bottom"},children:t.jsx(I,{})})},children:r})};F.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const $=()=>{const r=Array(10).fill(null).map((s,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:s=>t.jsx(B,{menuItems:e=>Array(r.length-s).fill(null).map((d,o)=>{const a=s>1?o+1:o,i=()=>{console.log(`Visit breadcrumb ${a}`),e()};return t.jsxs(v,{onClick:i,children:["Item ",a]},a)}),children:t.jsx(g,{"aria-label":"Dropdown with more breadcrumbs",onClick:()=>console.log("Clicked on overflow icon"),styleType:"borderless",children:t.jsx(I,{})})}),children:r})};$.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(p,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),t.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid lightpink",padding:8,resize:"inline",overflow:"hidden"},children:t.jsx(r,{})})]})];const ne=()=>{const r=n.useMemo(()=>["Root","Level 1","Level 2","Level 3","Level 4"],[]),[s,e]=n.useState(r.length-1),[d,o]=n.useState(!1),a=n.useMemo(()=>r.slice(0,s+1).map((i,m)=>t.jsx(l.Item,{onClick:()=>{s!==m?e(m):o(!0)},children:i},`Breadcrumb${m}`)),[r,s]);return t.jsxs("div",{style:{display:"inline-flex",width:450},children:[t.jsx(R,{startIcon:t.jsx(E,{"aria-hidden":!0}),styleType:"borderless",menuItems:i=>r.map((m,c)=>t.jsx(v,{onClick:()=>{e(c),o(!1),i()},children:m},`Item${c}`))}),d?t.jsx(S,{defaultValue:r.slice(0,s+1).join("/"),onChange:({target:{value:i}})=>{const m=i.substring(i.lastIndexOf("/",i.length-2)+1);e(r.findIndex(c=>m.includes(c)))},onKeyDown:({key:i})=>i==="Enter"&&o(!1),onBlur:()=>o(!1)}):t.jsx(l,{children:a})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ee as Basic,F as CustomOverflowBackButton,$ as CustomOverflowDropdown,re as CustomSeparator,ne as FolderNavigation,te as Links,N as Overflow,Z as default}; diff --git a/2452/react/assets/Button-DJoTb4xb.js b/2452/react/assets/Button-DJoTb4xb.js new file mode 100644 index 00000000000..483d0b6e45e --- /dev/null +++ b/2452/react/assets/Button-DJoTb4xb.js @@ -0,0 +1 @@ +import{r as e,H as B,h as E,c as s,B as l}from"./index-BiF_XSVc.js";import{P as g}from"./ProgressRadial-BJPx7fqR.js";const z=e.forwardRef((d,f)=>{let{children:r,className:p,size:u,styleType:o="default",startIcon:c,endIcon:m,labelProps:a,startIconProps:t,endIconProps:i,stretched:h,loading:n,disabled:N,...b}=d,x=e.useContext(B);return e.createElement(E,{ref:f,className:s("iui-button","iui-field",p),"data-iui-variant":o!=="default"?o:void 0,"data-iui-size":u,"data-iui-loading":n?"true":void 0,"data-iui-has-popover":x?"open":void 0,disabled:N||n,...b,style:{"--_iui-width":h?"100%":void 0,...d.style}},c&&e.createElement(l,{as:"span","aria-hidden":!0,...t,className:s("iui-button-icon",t==null?void 0:t.className)},c),r&&e.createElement(l,{as:"span",...a,className:s("iui-button-label",a==null?void 0:a.className)},r),m&&e.createElement(l,{as:"span","aria-hidden":!0,...i,className:s("iui-button-icon",i==null?void 0:i.className)},m),n&&e.createElement(g,{size:u==="small"?"x-small":"small",className:"iui-button-spinner","aria-hidden":!0}))});export{z as B}; diff --git a/2452/react/assets/Button.stories-02OB9Whf.js b/2452/react/assets/Button.stories-02OB9Whf.js new file mode 100644 index 00000000000..8f4cd55bdec --- /dev/null +++ b/2452/react/assets/Button.stories-02OB9Whf.js @@ -0,0 +1 @@ +import{r as l,j as t}from"./index-BiF_XSVc.js";import{S as s}from"./Add-DRm23ihK.js";import{S as c}from"./Placeholder-BLpsNn0N.js";import{B as e}from"./Button-DJoTb4xb.js";import{N as i}from"./NotificationMarker-CpmI9r7E.js";import"./ProgressRadial-BJPx7fqR.js";const o=n=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},l.createElement("path",{d:"M16 14V4l-8 6-8-6v10z"}),l.createElement("path",{d:"M0 2h16L8 8z"})),j={title:"Button"},p=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"cta",children:"Call To Action Button"}),g=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"high-visibility",children:"High Visibility Button"}),y=()=>t.jsx(e,{onClick:()=>console.log("clicked"),styleType:"default",children:"Default Button"}),v=()=>t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(s,{}),styleType:"high-visibility",children:"New"}),k=()=>t.jsxs("div",{style:{display:"flex",gap:"10px"},children:[t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{status:"white",children:t.jsx(o,{})}),styleType:"high-visibility",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{status:"white",children:t.jsx(o,{})}),styleType:"cta",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{children:t.jsx(o,{})}),styleType:"default",children:"Inbox"}),t.jsx(e,{onClick:()=>console.log("clicked"),startIcon:t.jsx(i,{children:t.jsx(o,{})}),styleType:"borderless",children:"Inbox"})]}),w=()=>t.jsx(e,{as:"a",href:window.location.href,target:"_blank",startIcon:t.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:t.jsx("path",{d:"m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z"})}),children:"Open in new tab"}),r=()=>t.jsx(e,{stretched:!0,children:"Sign in"});r.decorators=[n=>t.jsx("div",{style:{width:300,outline:"1px solid",padding:8},children:t.jsx(n,{})})];const f=()=>t.jsx(e,{loading:!0,startIcon:t.jsx(c,{}),children:"Click me"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{w as AsLink,p as CallToAction,y as Default,g as HighVisibility,f as Loading,r as Stretch,v as WithIcon,k as WithNotification,j as default}; diff --git a/2452/react/assets/ButtonGroup.stories-DM82UIT7.js b/2452/react/assets/ButtonGroup.stories-DM82UIT7.js new file mode 100644 index 00000000000..1fa82afe6db --- /dev/null +++ b/2452/react/assets/ButtonGroup.stories-DM82UIT7.js @@ -0,0 +1 @@ +import{r as s,j as e,b as n,I as i}from"./index-BiF_XSVc.js";import{S as a}from"./Add-DRm23ihK.js";import{S as m}from"./Edit-BhhUZmRT.js";import{S as h}from"./More-ppUkgz_u.js";import{S as c}from"./Placeholder-BLpsNn0N.js";import{D as u}from"./DropdownMenu-B9DfH_cx.js";import{M as x}from"./MenuItem-CgPM3DgF.js";import{I as b}from"./Input-D1FcPXKL.js";import{B as C}from"./Button-DJoTb4xb.js";import{T as j}from"./Text-JFgXX77W.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./ProgressRadial-BJPx7fqR.js";const I=o=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},s.createElement("path",{d:"M14 1v1H2V1h3l1-1h4l1 1zM3 3h10v12a1 1 0 01-1 1H4a1 1 0 01-1-1zm6 11h1V5H9zm-3 0h1V5H6z"})),p=o=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},s.createElement("path",{d:"M16 14c0-5.2-4.2-9.3-9-9.4V2L0 7.3l7 5.3V10c4.3 0 6.7 1.8 9 4"})),H={title:"ButtonGroup"},N=()=>e.jsxs(n,{role:"toolbar",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(a,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(m,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(I,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(p,{})})]}),g=()=>{const o=Array.from({length:10},(r,t)=>e.jsx(i,{label:`Item #${t}`,children:e.jsx(c,{})},t));return e.jsx(n,{orientation:"horizontal",overflowButton:r=>e.jsx(u,{menuItems:t=>Array(o.length-r).fill(null).map((v,d)=>{const l=r+d;return e.jsxs(x,{onClick:t,startIcon:e.jsx(c,{}),children:["Item #",l]},l)}),children:e.jsx(i,{label:"More",children:e.jsx(h,{})})}),children:o})};g.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),e.jsx("div",{style:{width:"min(30rem, 100%)",border:"1px solid hotpink",padding:8,overflow:"hidden",resize:"inline"},children:e.jsx(o,{})})]})];const D=()=>e.jsxs(n,{children:[e.jsx(b,{defaultValue:"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ",readOnly:!0,style:{minWidth:"30ch"}}),e.jsx(C,{styleType:"high-visibility",onClick:async()=>{await navigator.clipboard.writeText("Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ"),console.log("Copied bearer token to clipboard")},children:"Copy"})]}),S=()=>e.jsxs(n,{orientation:"vertical",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(a,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(m,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(I,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(p,{})})]}),k=()=>{const o=Array.from({length:10},(r,t)=>e.jsx(i,{label:`Item #${t}`,children:e.jsx(c,{})},t));return e.jsx(n,{orientation:"vertical",style:{blockSize:"100%"},overflowButton:r=>e.jsx(u,{menuItems:t=>Array(o.length-r).fill(null).map((v,d)=>{const l=r+d;return e.jsxs(x,{onClick:t,startIcon:e.jsx(c,{}),children:["Item #",l]},l)}),children:e.jsx(i,{label:"More",children:e.jsx(h,{})})}),children:o})};k.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"small",as:"small",isMuted:!0,children:"Resize the container to see overflow behavior."}),e.jsx("div",{style:{blockSize:"min(20rem, 100vh)",inlineSize:"min(20rem, 100vw)",border:"1px solid hotpink",padding:8,resize:"block",overflow:"hidden"},children:e.jsx(o,{})})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{D as InputButtonCombo,g as Overflow,S as Vertical,k as VerticalOverflow,N as WithIcons,H as default}; diff --git a/2452/react/assets/Calendar-ohgNFd3C.js b/2452/react/assets/Calendar-ohgNFd3C.js new file mode 100644 index 00000000000..64745136dbe --- /dev/null +++ b/2452/react/assets/Calendar-ohgNFd3C.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M13 13H9v-3h4zm3-10v12a1 1 0 01-1 1H1a1 1 0 01-1-1V3a1 1 0 011-1h2V0h1v2h8V0h1v2h2a1 1 0 011 1zm-1 3H1v9h14z"}));export{a as S}; diff --git a/2452/react/assets/Camera-D3YZdoPa.js b/2452/react/assets/Camera-D3YZdoPa.js new file mode 100644 index 00000000000..1ef83d2e327 --- /dev/null +++ b/2452/react/assets/Camera-D3YZdoPa.js @@ -0,0 +1 @@ +import{r as a}from"./index-BiF_XSVc.js";const t=e=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},a.createElement("path",{d:"M1.5 3H3a.5.5 0 000-1H1.5a.5.5 0 000 1zM15 4h-3.45L11 2.62A1.29 1.29 0 009.85 2H6a1.28 1.28 0 00-1.19.62L4.27 4H1a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1zm-7 9a4 4 0 114-4 4 4 0 01-4 4zm4.5-7a.5.5 0 11.5-.5.5.5 0 01-.5.5zM8 6a3 3 0 103 3 3 3 0 00-3-3"}));export{t as S}; diff --git a/2452/react/assets/Carousel.stories-8eqXk3U0.js b/2452/react/assets/Carousel.stories-8eqXk3U0.js new file mode 100644 index 00000000000..41e9d07efcf --- /dev/null +++ b/2452/react/assets/Carousel.stories-8eqXk3U0.js @@ -0,0 +1 @@ +import{r as e,d as J,e as $,f as B,g as L,B as E,c as k,m as X,h as Y,i as Z,k as M,I as P,l as ee,n as te,j as d,R as z}from"./index-BiF_XSVc.js";import{u as re}from"./useIntersection-W6S9tRXv.js";import{S as le}from"./SvgChevronLeft-DK676GzB.js";import{S as se}from"./SvgChevronRight-B29fjzPj.js";import{T as ne}from"./Text-JFgXX77W.js";import{C as K}from"./Code-DlPhvT1d.js";const N=e.createContext(void 0),oe=e.forwardRef((t,u)=>{let{children:r,className:l,...i}=t,a=e.useContext(N);if(!a)throw new Error("CarouselSlider must be used within Carousel");let{setSlideCount:c,idPrefix:f,scrollToSlide:n,isManuallyUpdating:s}=a,h=e.useMemo(()=>e.Children.map(r,(g,w)=>e.isValidElement(g)?e.cloneElement(g,{id:`${f}--slide-${w}`,"aria-labelledby":`${f}--dot-${w}`,index:w}):g)??[],[r,f]);J(()=>{c(h.length)},[h.length,c]);let C=e.useRef(null),x=$(C,u),y=B("(prefers-reduced-motion: no-preference)");n.current=(g,{instant:w}={})=>{var I;s.current=!0;let S=(I=C.current)==null?void 0:I.children.item(g);!C.current||!S||C.current.scrollTo({left:S.offsetLeft-C.current.offsetLeft,behavior:w||!y?"instant":"smooth"})};let b=e.useRef(void 0),R=e.useCallback(()=>{var g,w;b.current&&((g=L())==null||g.clearTimeout(b.current)),b.current=(w=L())==null?void 0:w.setTimeout(()=>{s.current=!1},100)},[s]);return e.createElement(E,{className:k("iui-carousel-slider",l),ref:x,onScroll:R,tabIndex:-1,...i},h)}),ie=e.forwardRef((t,u)=>{let{index:r,className:l,children:i,...a}=t,c=e.useContext(N);if(!c||r==null)throw new Error("CarouselSlide must be used within Carousel");let{isManuallyUpdating:f,currentIndex:n,setCurrentIndex:s}=c,h=e.useCallback(()=>{f.current||s(r)},[r,f,s]),C=re(h,{threshold:.5},!1),x=$(C,u);return e.createElement(E,{className:k("iui-carousel-slider-item",l),role:"tabpanel","aria-roledescription":"slide",tabIndex:r===n?0:void 0,ref:x,inert:r!==n?"true":void 0,...a,onKeyDown:X(t.onKeyDown,y=>{(y.key==="ArrowLeft"||y.key==="ArrowRight")&&y.preventDefault()})},i)}),O=e.forwardRef((t,u)=>{let{isActive:r,isSmaller:l,isSmall:i,className:a,...c}=t;return e.createElement(Y,{role:"tab",tabIndex:r?0:-1,className:k("iui-carousel-navigation-dot",{"iui-active":r,"iui-first":l,"iui-second":i},a),"aria-selected":r,ref:u,...c})}),U=e.forwardRef((t,u)=>{let{currentIndex:r,length:l,className:i,onSlideChange:a,children:c,...f}=t,n=e.useContext(N),s=l??(n==null?void 0:n.slideCount)??e.Children.count(c),h=r??(n==null?void 0:n.currentIndex)??0,C=t.id??(n==null?void 0:n.idPrefix),x=e.useCallback(m=>{var o,T;n&&(n.setCurrentIndex(m),n.scrollToSlide.current(m)),(T=(o=g.current)==null?void 0:o.children[m])==null||T.focus(),a==null||a(m)},[n,a]),y=e.useRef(!0),[b,R]=e.useState(s),g=e.useRef(null),[w,S]=e.useState(),[I,p]=Z(({width:m})=>{if(!g.current)return;S(m);let o=g.current.children[0].offsetWidth;R(Math.floor(m/o))});e.useEffect(()=>p==null?void 0:p.disconnect(),[p]);let F=$(u,I,g),j=e.useMemo(()=>M(h-Math.ceil(b/2)+1,0,s-b),[h,s,b]),D=e.useMemo(()=>M(h+Math.floor(b/2),b-1,s-1),[h,s,b]),_=e.useMemo(()=>Array(s).fill(null).map((m,o)=>{let T=o===j&&o!==0||o===D&&o!==s-1,q=o===j+1&&o!==1||o===D-1&&o!==s-2,G=oD;return e.createElement(O,{key:o,"aria-label":`Slide ${o+1}`,isActive:o===h,onClick:()=>x(o),isSmall:q,isSmaller:T||G,id:C&&`${C}--dot-${o}`})}),[s,j,D,h,C,x]),A=B("(prefers-reduced-motion: no-preference)");e.useEffect(()=>{var o;let m=(o=g.current)==null?void 0:o.children[j];!g.current||!m||(g.current.scrollTo({left:m.offsetLeft-g.current.offsetLeft,behavior:A&&!y.current?"smooth":"auto"}),y.current&&(y.current=!1))},[h,j,A,s,b,w]);let H=m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;let o=m.key;(o==="ArrowLeft"||o==="ArrowRight")&&m.preventDefault()},Q=m=>{switch(m.key){case"ArrowLeft":x((s+h-1)%s);break;case"ArrowRight":x((s+h+1)%s);break}};return e.createElement(e.Fragment,null,e.createElement(E,{className:k("iui-carousel-navigation-dots",i),role:"tablist","aria-label":"Slides",ref:F,onKeyDown:H,onKeyUp:Q,tabIndex:-1,...f},c??_))});let ae=e.forwardRef((t,u)=>{let{className:r,children:l,...i}=t;return e.createElement(E,{className:k("iui-carousel-navigation",r),ref:u,...i},l??e.createElement(e.Fragment,null,e.createElement(E,{className:"iui-carousel-navigation-left"},e.createElement(V,null)),e.createElement(U,null),e.createElement(E,{className:"iui-carousel-navigation-right"},e.createElement(W,null))))}),V=e.forwardRef((t,u)=>{let r=e.useContext(N);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");let{slideCount:l,currentIndex:i,setCurrentIndex:a,scrollToSlide:c}=r;return e.createElement(P,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Previous",ref:u,...t,onClick:f=>{var s;let n=(l+i-1)%l;a(n),c.current(n,{instant:f.detail>3}),(s=t==null?void 0:t.onClick)==null||s.call(t,f)}},e.createElement(le,null))}),W=e.forwardRef((t,u)=>{let r=e.useContext(N);if(!r)throw new Error("CarouselNavigation should be used inside Carousel");let{slideCount:l,currentIndex:i,setCurrentIndex:a,scrollToSlide:c}=r;return e.createElement(P,{styleType:"borderless",size:"small",tabIndex:-1,"aria-label":"Next",ref:u,...t,onClick:f=>{var s;let n=(l+i+1)%l;a(n),c.current(n,{instant:f.detail>3}),(s=t==null?void 0:t.onClick)==null||s.call(t,f)}},e.createElement(se,null))});const ce=Object.assign(ae,{PreviousButton:V,NextButton:W});let de=e.forwardRef((t,u)=>{let r=ee(),{activeSlideIndex:l=0,onSlideChange:i,className:a,children:c,id:f=r,...n}=t,s=e.useRef(!1),h=e.useRef(null),C=$(h,u),[x,y]=e.useState(l),b=e.useRef(()=>{}),R=e.useRef(!0);e.useEffect(()=>{y(l),b.current(l,{instant:R.current}),R.current=!1},[l]);let[g,w]=e.useState(0),S=te(i);return e.useEffect(()=>{var I;(I=S.current)==null||I.call(S,x)},[S,x]),e.createElement(E,{as:"section","aria-roledescription":"carousel",ref:C,className:k("iui-carousel",a),...n,id:f},e.createElement(N.Provider,{value:{currentIndex:x,setCurrentIndex:y,slideCount:g,setSlideCount:w,idPrefix:f,isManuallyUpdating:s,scrollToSlide:b}},c))});const v=Object.assign(de,{Slider:oe,Slide:ie,Navigation:ce,DotsList:U,Dot:O}),ye={title:"Carousel"},we=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}];return d.jsxs(v,{style:{width:"min(800px, 90vw)"},children:[d.jsx(v.Navigation,{}),d.jsx(v.Slider,{children:t.map(({from:u,to:r},l)=>d.jsx(v.Slide,{children:d.jsx("div",{style:{background:`linear-gradient(to right, ${u}, ${r})`,height:350,width:"100%",display:"grid",placeItems:"center"},children:d.jsx("div",{style:{fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:l+1})})},l))})]})},Se=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}],[u,r]=z.useState(5);return d.jsxs(v,{style:{width:"min(800px, 90vw)"},activeSlideIndex:u,onSlideChange:l=>r(l),children:[d.jsx(v.Navigation,{}),d.jsx(v.Slider,{children:t.map(({from:l,to:i},a)=>d.jsx(v.Slide,{children:d.jsx("div",{style:{background:`linear-gradient(to right, ${l}, ${i})`,height:350,width:"100%",display:"grid",placeItems:"center"},children:d.jsx("div",{style:{fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:a+1})})},a))})]})},ue=()=>"my-custom-carousel",fe=()=>{const t=[{from:"#cc2b5e",to:"#753a88"},{from:"#00467f",to:"#a5cc82"},{from:"#2193b0",to:"#6dd5ed"},{from:"#ffe000",to:"#799f0c"},{from:"#e65c00",to:"#f9d423"},{from:"#1488cc",to:"#2b32b2"},{from:"#bbd2c5",to:"#536976"},{from:"#9796f0",to:"#fbc7d4"},{from:"#b79891",to:"#94716b"},{from:"#acb6e5",to:"#86fde8"}],u=ue(),[r,l]=z.useState(0);return d.jsxs("section",{"aria-roledescription":"carousel",tabIndex:0,onKeyUp:({key:i})=>{const a=i==="ArrowRight"?1:i==="ArrowLeft"?-1:0;l(c=>(t.length+c+a)%t.length)},style:{display:"inline-grid",width:"min(90vw, 40vh)"},children:[d.jsx(v.DotsList,{id:u,length:t.length,currentIndex:r,onSlideChange:i=>l(i),style:{justifySelf:"center",maxWidth:"min(100%, 200px)"}}),d.jsx("div",{style:{display:"grid",grid:"[slide] 1fr / [slide] 1fr",order:"-1"},children:t.map(({from:i,to:a},c)=>d.jsx("div",{role:"tabpanel",id:`${u}-slide-${c}`,onClick:({currentTarget:{clientWidth:f},clientX:n})=>{const s=f-n>f/2?-1:1;l(h=>(t.length+h+s)%t.length)},style:{gridArea:"slide",opacity:r===c?1:0,pointerEvents:r===c?"auto":"none",transition:"opacity 0.5s",cursor:"pointer"},children:d.jsx("div",{style:{background:`linear-gradient(to right, ${i}, ${a})`,height:"min(600px, 70vh)",display:"grid",placeItems:"center",fontSize:48,color:"hsl(0deg 0% 100% / 0.7)"},children:c+1})},c))})]})};fe.decorators=[t=>d.jsxs("div",{style:{display:"inline-grid",gap:"1rem"},children:[d.jsxs(ne,{isMuted:!0,style:{fontStyle:"italic"},children:["This example shows how ",d.jsx(K,{children:"Carousel.DotsList"})," can be used outside ",d.jsx(K,{children:"Carousel"}),".",d.jsx("br",{}),"Clicking on the right half of the slide will advance the carousel to the next slide, whereas clicking on the left half will go to the previous slide."]}),d.jsx(t,{})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{we as Basic,Se as Controlled,fe as OnlyDots,ye as default}; diff --git a/2452/react/assets/Checkbox-CSBhyz7i.js b/2452/react/assets/Checkbox-CSBhyz7i.js new file mode 100644 index 00000000000..46ce8c7730a --- /dev/null +++ b/2452/react/assets/Checkbox-CSBhyz7i.js @@ -0,0 +1 @@ +import{r as e,e as y,B as r,c as l}from"./index-BiF_XSVc.js";import{P as R}from"./ProgressRadial-BJPx7fqR.js";const v=e.forwardRef((u,d)=>{let{className:o,disabled:i=!1,indeterminate:c=!1,label:t,status:m,variant:f="default",isLoading:s=!1,wrapperProps:p={},labelProps:b={},style:x,...h}=u,a=e.useRef(null),k=y(a,d);e.useEffect(()=>{a.current&&(a.current.indeterminate=c,a.current.checked=c?!1:a.current.checked)});let n=e.createElement(e.Fragment,null,e.createElement(r,{as:"input",className:l("iui-checkbox",{"iui-checkbox-visibility":f==="eyeball"},o),style:x,"data-iui-loading":s?"true":void 0,disabled:i||s,type:"checkbox",ref:k,...h}),s&&e.createElement(R,{size:"x-small",indeterminate:!0})),{className:E,...N}=p,{className:g,...P}=b;return t?e.createElement(r,{as:"label",className:l("iui-checkbox-wrapper",E),"data-iui-disabled":i?"true":void 0,"data-iui-status":m,"data-iui-loading":s?"true":void 0,...N},n,t&&e.createElement(r,{as:"span",className:l("iui-checkbox-label",g),...P},t)):n});export{v as C}; diff --git a/2452/react/assets/Checkbox.stories-DaXDtHS7.js b/2452/react/assets/Checkbox.stories-DaXDtHS7.js new file mode 100644 index 00000000000..4affe5f914b --- /dev/null +++ b/2452/react/assets/Checkbox.stories-DaXDtHS7.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{C as t}from"./Checkbox-CSBhyz7i.js";import"./ProgressRadial-BJPx7fqR.js";const s={title:"Checkbox"},a=()=>e.jsx(t,{label:"Basic Checkbox",defaultChecked:!0}),r=()=>e.jsx(t,{label:"Disabled Checkbox",disabled:!0}),l=()=>e.jsx(t,{label:"Indeterminate Checkbox",indeterminate:!0}),c=()=>e.jsx(t,{label:"Positive Checkbox",status:"positive"}),b=()=>e.jsx(t,{label:"Warning Checkbox",status:"warning"}),d=()=>e.jsx(t,{label:"Negative Checkbox",status:"negative"}),u=()=>e.jsx(t,{label:"Loading Checkbox",isLoading:!0}),x=()=>e.jsx(t,{label:"Visibility Checkbox",variant:"eyeball"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{a as Basic,r as Disabled,l as Indeterminate,u as Loading,d as Negative,c as Positive,x as Visibility,b as Warning,s as default}; diff --git a/2452/react/assets/ChevronRightDouble-CWa9hAYR.js b/2452/react/assets/ChevronRightDouble-CWa9hAYR.js new file mode 100644 index 00000000000..82dccd1cf4a --- /dev/null +++ b/2452/react/assets/ChevronRightDouble-CWa9hAYR.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const o=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M1.4 0L0 1.4 6.6 8 0 14.6 1.4 16l8-8zM8 0L6.6 1.4 13.2 8l-6.6 6.6L8 16l8-8z"}));export{o as S}; diff --git a/2452/react/assets/Code-DlPhvT1d.js b/2452/react/assets/Code-DlPhvT1d.js new file mode 100644 index 00000000000..631dc066eb2 --- /dev/null +++ b/2452/react/assets/Code-DlPhvT1d.js @@ -0,0 +1 @@ +import{p as o}from"./index-BiF_XSVc.js";const c=o.code("iui-code");export{c as C}; diff --git a/2452/react/assets/Code.stories-gNoQmgbF.js b/2452/react/assets/Code.stories-gNoQmgbF.js new file mode 100644 index 00000000000..490944de306 --- /dev/null +++ b/2452/react/assets/Code.stories-gNoQmgbF.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{C as t}from"./Code-DlPhvT1d.js";const d={title:"Code"},r=()=>e.jsxs("p",{children:["The ",e.jsx(t,{children:"push()"})," method adds one or more elements to the end of an array and returns the new length of the array."]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{r as Basic,d as default}; diff --git a/2452/react/assets/ColorPicker.stories-Dg78jCWm.js b/2452/react/assets/ColorPicker.stories-Dg78jCWm.js new file mode 100644 index 00000000000..2ed821b9769 --- /dev/null +++ b/2452/react/assets/ColorPicker.stories-Dg78jCWm.js @@ -0,0 +1 @@ +import{k as q,r as a,o as pe,B as D,e as Z,c as k,h as Ce,V as xe,m as X,l as Ee,I as _,j as C,P as ee,b as ue}from"./index-BiF_XSVc.js";import{S as ie}from"./Slider-D2u2dpme.js";import{u as P}from"./useEventListener-BWDd9VON.js";import{I as O}from"./Input-D1FcPXKL.js";import{B as me}from"./Button-DJoTb4xb.js";import"./ProgressRadial-BJPx7fqR.js";function ce(c,t,n){return t in c?Object.defineProperty(c,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):c[t]=n,c}let R=new Uint8Array(4),Y=new Uint32Array(R.buffer);const ve=c=>typeof c!="string"&&"r"in c&&"g"in c&&"b"in c,we=c=>typeof c!="string"&&"h"in c&&"s"in c&&"l"in c,Ae=c=>typeof c!="string"&&"h"in c&&"s"in c&&"v"in c;class d{static create(t){return t?ve(t)?d.fromRGB(t):we(t)?d.fromHSL(t):Ae(t)?d.fromHSV(t):typeof t=="string"?d.fromString(t,d.fromTbgr(0)):d.fromTbgr(0):d.fromTbgr(0)}toTbgr(){return this._tbgr}static fromTbgr(t){return new d(t)}static fromRgbt(t,n,o,e){return this.fromTbgr(this.computeTbgrFromComponents(t,n,o,e))}static computeTbgrFromComponents(t,n,o,e){return R[0]=t,R[1]=n,R[2]=o,R[3]=e||0,Y[0]}static fromString(t,n){let[o,e]=this.computeTbgrFromString(t,n==null?void 0:n.toTbgr());return new d(o,e)}static fromHSL(t){let n=t.a??1;return new d(this.computeTbgrFromHSL(t.h/360,t.s/100,t.l/100,Math.round((1-n)*255)),t.h)}static fromRGB(t){let n=t.a??1;return d.fromRgbt(t.r,t.g,t.b,Math.round((1-n)*255))}static fromHSV(t){let n=t.a??1,o=Math.round((1-n)*255);if(!t.s||t.h===-1){let L=255&Math.floor(255*t.v/100+.5+3e-14);return d.fromRgbt(L,L,L,0)}let e=t.h,s=t.s,i=t.v;e===360&&(e=0),e/=60;let f=Math.floor(e),p=e-f;i/=100,s/=100;let m=255&Math.floor(i*(1-s)*255+.5),h=255&Math.floor(i*(1-s*p)*255+.5),l=255&Math.floor(i*(1-s*(1-p))*255+.5),b=255&Math.floor(255*i+.5),x=0,v=0,w=0;switch(f){case 0:x=b,w=l,v=m;break;case 1:x=h,w=b,v=m;break;case 2:x=m,w=b,v=l;break;case 3:x=m,w=h,v=b;break;case 4:x=l,w=m,v=b;break;case 5:x=b,w=m,v=h;break}return new d(d.computeTbgrFromComponents(x,w,v,o),t.h)}static computeTbgrFromString(t,n){t=t.toLowerCase();let o=/^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(t);if(o){let e,s=o[1],i=o[2],f=h=>h[h.length-1]==="%",p=h=>{let l=parseFloat(h);return 255*q(f(h)?l/100:l,0,1)},m=h=>{let l=f(h)?parseFloat(h)/100*255:parseInt(h,10);return q(l,0,255)};switch(s){case"rgb":case"rgba":if(e=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(i),e)return[this.computeTbgrFromComponents(m(e[1]),m(e[2]),m(e[3]),typeof e[4]=="string"?255-p(e[4]):0),void 0];break;case"hsl":case"hsla":if(e=/^(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(i),e){let h=parseFloat(e[1]),l=parseInt(e[2],10)/100,b=parseInt(e[3],10)/100,x=typeof e[4]=="string"?255-p(e[4]):0;return[this.computeTbgrFromHSL(h/360,l,b,x),h]}break}}else if(o=/^\#([A-Fa-f\d]+)$/.exec(t)){let e=o[1],s=e.length;if(s===3)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(0),16),parseInt(e.charAt(1)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(2),16),0),void 0];if(s===6)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(3),16),parseInt(e.charAt(4)+e.charAt(5),16),0),void 0];if(s===8)return[this.computeTbgrFromComponents(parseInt(e.charAt(0)+e.charAt(1),16),parseInt(e.charAt(2)+e.charAt(3),16),parseInt(e.charAt(4)+e.charAt(5),16),255-parseInt(e.charAt(6)+e.charAt(7),16)),void 0]}if(n)return[n,void 0];throw new Error("unable to parse string into ColorValue")}static getColors(t){return Y[0]=t,{b:R[2],g:R[1],r:R[0],t:R[3]}}getRgb(t){return Y[0]=this._tbgr,t?(R[0]<<24)+(R[1]<<16)+(R[2]<<8)+(255-R[3]):(R[0]<<16)+(R[1]<<8)+R[2]}getAlpha(){return d.getAlpha(this._tbgr)}static getAlpha(t){return Y[0]=t,255-R[3]}toHexString(t){if(t){let n=this.getRgb(t);return n<0&&(n=4294967295+n+1),`#${`00000000${n.toString(16)}`.slice(-8)}`}return`#${`000000${this.getRgb().toString(16)}`.slice(-6)}`}static computeTbgrFromHSL(t,n,o,e=0){let s=(h,l,b)=>(b<0&&(b+=1),b>1&&(b-=1),b<.16666666666666666?h+(l-h)*6*b:b<.5?l:b<.6666666666666666?h+(l-h)*6*(.6666666666666666-b):h),i=(h,l,b)=>Math.round(255*s(h,l,b));if(t=((h,l)=>(h%l+l)%l)(t,1),n=q(n,0,1),o=q(o,0,1),n===0)return o*=255,this.computeTbgrFromComponents(o,o,o,e);let p=o<=.5?o*(1+n):o+n-o*n,m=2*o-p;return this.computeTbgrFromComponents(i(m,p,t+1/3),i(m,p,t),i(m,p,t-1/3),e)}toHslColor(){return{...d.toHsl(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsl(t){let{r:n,g:o,b:e}=d.getColors(t),s=n/255,i=o/255,f=e/255,p=Math.min(s,i,f),m=Math.max(s,i,f),h=m-p,l=0,b=0;l=h===0?0:s===m?(i-f)/h%6:i===m?(f-s)/h+2:(s-i)/h+4,l=Math.round(60*l),l<0&&(l+=360);let x=(m+p)/2;return b=h===0?0:h/(1-Math.abs(2*x-1)),b=Number((100*b).toFixed(1)),x=Number((100*x).toFixed(1)),{h:l,s:b,l:x,a:this.getAlpha(t)/255}}toRgbColor(){let{r:t,g:n,b:o}=d.getColors(this._tbgr);return{r:t,g:n,b:o,a:this.getAlpha()/255}}toHsvColor(){return{...d.toHsv(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsv(t){let{r:n,g:o,b:e}=d.getColors(t),s=n/255,i=o/255,f=e/255,p=Math.min(s,i,f),m=Math.max(s,i,f),h=m-p,l=0;l=h===0?0:s===m?(i-f)/h%6:i===m?(f-s)/h+2:(s-i)/h+4,l=Math.round(60*l),l<0&&(l+=360);let b=m,x=m===0?0:h/m;return x=Number((100*x).toFixed(1)),b=Number((100*b).toFixed(1)),{h:l,s:x,v:b,a:this.getAlpha(t)/255}}equals(t){return this._tbgr===t._tbgr}static getFormattedColorNumber(t,n=1){return n===0&&Math.round(t).toString(),Number(t.toFixed(n)).toString()}toRgbString(t){let n=this.toRgbColor(),o=`${n.r}, ${n.g}, ${n.b}`;if(t){let e=n.a??1;return`rgba(${o}, ${d.getFormattedColorNumber(e,2)})`}return`rgb(${o})`}toHslString(t){let n=this.toHslColor(),o=`${d.getFormattedColorNumber(this._hue??n.h)}, ${d.getFormattedColorNumber(n.s)}%, ${d.getFormattedColorNumber(n.l)}%`;if(t){let e=n.a??1;return`hsla(${o}, ${d.getFormattedColorNumber(e,2)})`}return`hsl(${o})`}toHsvString(t){let n=this.toHsvColor(),o=`${this._hue??n.h}, ${n.s}%, ${n.v}%`;if(t){let e=n.a??1;return`hsva(${o}, ${d.getFormattedColorNumber(e,2)})`}return`hsv(${o})`}constructor(t,n){ce(this,"_tbgr",void 0),ce(this,"_hue",void 0),Y[0]=t,this._tbgr=Y[0],this._hue=n}}const Ne=c=>a.createElement(pe,c,a.createElement("path",{d:"m5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z"})),he=a.createContext(void 0),te=()=>{let c=a.useContext(he);if(c==null)throw new Error("useColorPickerContext must be used within a ColorPickerContext.Provider");return c},re=c=>c instanceof d?c:d.create(c),ne=a.forwardRef((c,t)=>{let{children:n,className:o,selectedColor:e,onChange:s,onChangeComplete:i,showAlpha:f=!1,applyBackground:p=!0,...m}=c,h=a.useRef(null),l=a.useMemo(()=>re(e),[e]),b=a.useRef(l.toTbgr()),[x,v]=a.useState(l);a.useEffect(()=>{v(l)},[l]);let[w,L]=a.useState(()=>x.toHsvColor());a.useEffect(()=>{l.toTbgr()!==b.current&&(b.current=l.toTbgr(),L(l.toHsvColor()))},[l]);let u=a.useCallback((N,I,U)=>{L(N);let j=U??d.create(N);I?i==null||i(j):s==null||s(j),b.current=j.toTbgr(),v(j)},[s,i]);return a.createElement(D,{className:k("iui-color-picker",{"iui-popover-surface":p},o),ref:Z(h,t),...m},a.createElement(he.Provider,{value:{activeColor:x,setActiveColor:v,hsvColor:w,applyHsvColorChange:u,onChangeComplete:i,showAlpha:f}},n))}),V=a.forwardRef((c,t)=>{let{color:n,style:o,onClick:e,isActive:s,className:i,...f}=c,p=a.useMemo(()=>typeof n=="string"?n:re(n).toHslString(!0),[n]);return a.createElement(D,{as:e?Ce:"span",className:k("iui-color-swatch",{"iui-active":s},i),style:{"--iui-color-swatch-background":p,...o},onClick:e,"aria-pressed":e&&s?"true":void 0,ref:t,...f},c.children??a.createElement(xe,null,p.toUpperCase()))});let Se=(c,t)=>(q(t,c.top,c.bottom)-c.top)/c.height*100,Re=(c,t)=>(q(t,c.left,c.right)-c.left)/c.width*100;const fe=a.forwardRef((c,t)=>{var le,oe,se;let{className:n,colorFieldProps:o,colorDotProps:e,opacitySliderProps:s,hueSliderProps:i,...f}=c,p=a.useRef(void 0),m=Z(p,t),{activeColor:h,hsvColor:l,onChangeComplete:b,applyHsvColorChange:x,showAlpha:v}=te(),w=a.useMemo(()=>d.create({h:l.h,s:100,v:100}),[l.h]),L=a.useMemo(()=>l.h,[l]),u=a.useMemo(()=>v?l.a??1:1,[l.a,v]),N=a.useMemo(()=>h.toHexString(),[h]),[I,U]=a.useState(!1),j=w.toHexString(),F=100-l.v,A=l.s,J=a.useCallback((g,E)=>{let K={h:Number(g.toFixed(2)),s:l.s,v:l.v,a:l.a};x(K,E)},[x,l]),Q=a.useCallback((g,E)=>{let y=Number(g.toFixed(2)),K={h:l.h,s:l.s,v:l.v,a:y};x(K,E)},[x,l]),z=a.useRef(null),W=a.useRef(null),$=a.useCallback((g,E,y)=>{let K={h:l.h,s:g,v:100-E,a:l.a};x(K,y)},[x,l]),r=a.useCallback((g,E)=>{if(z.current&&I||z.current&&E==="onClick"){let y=Re(z.current.getBoundingClientRect(),g.clientX),K=Se(z.current.getBoundingClientRect(),g.clientY);E==="onChange"?$(y,K,!0):$(y,K,!1)}},[I,$]),S=a.useCallback(g=>{I&&(r(g,"onChange"),U(!1),g.preventDefault(),g.stopPropagation())},[I,r]);P("pointerup",S,(le=p.current)==null?void 0:le.ownerDocument);let T=a.useCallback(g=>{I&&(g.preventDefault(),g.stopPropagation(),r(g,"onUpdate"))},[I,r]);P("pointermove",T,(oe=p.current)==null?void 0:oe.ownerDocument);let M=a.useCallback(g=>{I&&(r(g,"onChange"),U(!1))},[I,r]);P("pointerleave",M,(se=p.current)==null?void 0:se.ownerDocument);let H=a.useRef({}),B=g=>{if(g.altKey)return;let E=A,y=F;switch(H.current[g.key]=!0,g.key){case"ArrowDown":y=Math.min(y+1,100),$(E,y,!1);break;case"ArrowUp":y=Math.max(y-1,0),$(E,y,!1);break;case"ArrowLeft":E=Math.max(E-1,0),$(E,y,!1);break;case"ArrowRight":E=Math.min(E+1,100),$(E,y,!1);break}},be=g=>{switch(H.current[g.key]=!1,g.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":if(H.current.ArrowUp||H.current.ArrowDown||H.current.ArrowLeft||H.current.ArrowRight)return;b==null||b(d.create(l));break}};return a.createElement(D,{className:k("iui-color-selection-wrapper",n),ref:m,...f},a.createElement(D,{as:"div",...o,className:k("iui-color-field",o==null?void 0:o.className),style:{"--iui-color-field-hue":j,"--iui-color-picker-selected-color":N,...o==null?void 0:o.style},ref:Z(z,o==null?void 0:o.ref),onPointerDown:X(o==null?void 0:o.onPointerDown,g=>{var E;g.preventDefault(),r(g,"onClick"),U(!0),(E=W.current)==null||E.focus()})},a.createElement(D,{as:"div",...e,className:k("iui-color-dot",e==null?void 0:e.className),style:{"--iui-color-dot-inset-block":`${F.toString()}% auto`,"--iui-color-dot-inset-inline":`${A.toString()}% auto`,...e==null?void 0:e.style},onPointerDown:X(e==null?void 0:e.onPointerDown,()=>{var g;U(!0),(g=W.current)==null||g.focus()}),onKeyDown:X(e==null?void 0:e.onKeyDown,B),onKeyUp:X(e==null?void 0:e.onKeyUp,be),tabIndex:0,ref:Z(W,e==null?void 0:e.ref)})),a.createElement(ie,{minLabel:"",maxLabel:"",values:[L],trackDisplayMode:"none",min:0,max:359,...i,className:k("iui-hue-slider",i==null?void 0:i.className),tooltipProps:()=>({visible:!1,...i==null?void 0:i.tooltipProps}),onChange:g=>{var E;(E=i==null?void 0:i.onChange)==null||E.call(i,g),J(g[0],!0)},onUpdate:g=>{var E;(E=i==null?void 0:i.onUpdate)==null||E.call(i,g),J(g[0],!1)},thumbProps:()=>({"aria-label":"Hue",...i==null?void 0:i.thumbProps})}),v&&a.createElement(ie,{minLabel:"",maxLabel:"",values:[u],trackDisplayMode:"none",min:0,max:1,step:.01,...s,className:k("iui-opacity-slider",s==null?void 0:s.className),tooltipProps:()=>({visible:!1,...s==null?void 0:s.tooltipProps}),onChange:g=>{var E;(E=s==null?void 0:s.onChange)==null||E.call(s,g),Q(g[0],!0)},onUpdate:g=>{var E;(E=s==null?void 0:s.onUpdate)==null||E.call(s,g),Q(g[0],!1)},style:{"--iui-color-picker-selected-color":j,...s==null?void 0:s.style},thumbProps:()=>({"aria-label":"Opacity",...s==null?void 0:s.thumbProps})}))}),ge=a.forwardRef((c,t)=>{let{defaultColorFormat:n,allowedColorFormats:o=["hsl","rgb","hex"],className:e,colorInputContainerProps:s,panelLabelProps:i,inputFieldsGroupProps:f,swapColorFormatButtonProps:p,...m}=c,h=a.useRef(null),{activeColor:l,applyHsvColorChange:b,hsvColor:x,showAlpha:v}=te(),[w,L]=a.useState(n);a.useEffect(()=>{L(n)},[n]);let[u,N]=a.useState(["","","",""]);a.useEffect(()=>{if(w==="hsl"){let r=l.toHslColor();N([d.getFormattedColorNumber(x.h),d.getFormattedColorNumber(r.s),d.getFormattedColorNumber(r.l),d.getFormattedColorNumber(r.a??l.getAlpha()/255,2)])}else if(w==="rgb"){let r=l.toRgbColor();N([r.r.toString(),r.g.toString(),r.b.toString(),d.getFormattedColorNumber(r.a??l.getAlpha()/255,2)])}else N([l.toHexString(v)]),U(!0)},[l,x.h,w,v]);let[I,U]=a.useState(!0),j=a.useCallback(()=>{let r=o[(o.indexOf(w)+1)%o.length]??o[0];L(r)},[w,o]),F=r=>!!(r&&h.current&&h.current.contains(r)),A=()=>{let r;if(w==="hex")try{let S=u[0].replace(/ /g,"").toLowerCase();if(r=d.create(S),U(!0),l.toHexString(v).toLowerCase()===S)return}catch{U(!1);return}if(w==="hsl"){let[S,T,M,H]=u.map(Number);if(S<0||S>360||T<0||T>100||M<0||M>100||H<0||H>1)return;let B=l.toHslColor();if(B.h===S&&B.s===T&&B.l===M&&B.a===H)return;r=d.create({h:S,s:T,l:M,a:H})}if(w==="rgb"){let[S,T,M,H]=u.map(Number);if(S<0||S>255||T<0||T>255||M<0||M>255||H<0||H>1)return;let B=l.toRgbColor();if(B.r===S&&B.g===T&&B.b===M&&B.a===H)return;r=d.create({r:S,g:T,b:M,a:H})}r&&b(r.toHsvColor(),!0,r)},J=a.createElement(O,{size:"small",maxLength:v?9:7,minLength:1,placeholder:"HEX","aria-label":"Hex",value:u[0],onChange:r=>{let S=r.target.value.startsWith("#")?r.target.value:`#${r.target.value}`;N([S])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),A()},status:I?void 0:"negative"}),Q=a.createElement(a.Fragment,null,a.createElement(O,{size:"small",type:"number",min:"0",max:"359",step:".1",placeholder:"H","aria-label":"Hue",value:u[0]??"",onChange:r=>{N([r.target.value,u[1],u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[0])<0||Number(u[0])>360?"negative":void 0}),a.createElement(O,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"S","aria-label":"Saturation",value:u[1]??"",onChange:r=>{N([u[0],r.target.value,u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[1])<0||Number(u[1])>100?"negative":void 0}),a.createElement(O,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"L","aria-label":"Lightness",value:u[2]??"",onChange:r=>{N([u[0],u[1],r.target.value,u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[2])<0||Number(u[2])>100?"negative":void 0}),v&&a.createElement(O,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:u[3]??"",onChange:r=>{N([u[0],u[1],u[2],r.target.value])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[3])<0||Number(u[3])>1?"negative":void 0})),z=a.createElement(a.Fragment,null,a.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"R","aria-label":"Red",value:u[0]??"",onChange:r=>{N([r.target.value,u[1],u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[0])<0||Number(u[0])>255?"negative":void 0}),a.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"G","aria-label":"Green",value:u[1]??"",onChange:r=>{N([u[0],r.target.value,u[2],u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[1])<0||Number(u[1])>255?"negative":void 0}),a.createElement(O,{size:"small",type:"number",min:"0",max:"255",placeholder:"B","aria-label":"Blue",value:u[2]??"",onChange:r=>{N([u[0],u[1],r.target.value,u[3]])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[2])<0||Number(u[2])>255?"negative":void 0}),v&&a.createElement(O,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:u[3]??"",onChange:r=>{N([u[0],u[1],u[2],r.target.value])},onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),A())},onBlur:r=>{r.preventDefault(),F(r.relatedTarget)||A()},status:Number(u[3])<0||Number(u[3])>1?"negative":void 0})),W=Ee(),$=(i==null?void 0:i.id)??W;return a.createElement(D,{as:"div",className:k("iui-color-input-wrapper",e),ref:t,...m},a.createElement(D,{as:"div",...i,className:k("iui-color-picker-section-label",i==null?void 0:i.className),id:$},v&&w!=="hex"?w.toUpperCase()+"A":w.toUpperCase()),a.createElement(D,{as:"div",...s,className:k("iui-color-input",s==null?void 0:s.className)},o.length>1&&a.createElement(_,{size:"small",styleType:"borderless",label:"Switch format",...p,onClick:X(p==null?void 0:p.onClick,j)},a.createElement(Ne,null)),a.createElement(D,{as:"div",role:w!=="hex"?"group":void 0,"aria-labelledby":w!=="hex"?$:void 0,...f,ref:Z(h,f==null?void 0:f.ref),className:k("iui-color-input-fields",f==null?void 0:f.className)},w==="hex"&&J,w==="rgb"&&z,w==="hsl"&&Q)))}),ae=a.forwardRef((c,t)=>{let{colors:n,label:o,labelProps:e,className:s,children:i,paletteContainerProps:f,...p}=c,{activeColor:m,setActiveColor:h,onChangeComplete:l}=te();return a.createElement(D,{className:k("iui-color-palette-wrapper",s),ref:t,...p},o&&a.createElement(D,{as:"div",...e,className:k("iui-color-picker-section-label",e==null?void 0:e.className)},o),a.createElement(D,{as:"div",...f,className:k("iui-color-palette",f==null?void 0:f.className)},i,n&&n.map((b,x)=>{let v=re(b);return a.createElement(V,{key:x,color:v,onClick:()=>{l==null||l(v),h(v)},isActive:v.equals(m)})})))}),de=c=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...c},a.createElement("path",{d:"M5 15l-3.781-3.5L5 8v2h8v3H5zm6-7l3.781-3.5L11 1v2H3v3h8z"})),Fe={title:"ColorPicker"},G=[{color:"#ffffff",name:"WHITE"},{color:"#5a6973",name:"GREY"},{color:"#00121d",name:"KURETAKE BLACK MANGA"},{color:"#002a44",name:"RHAPSODY IN BLUE"},{color:"#00426b",name:"DARK IMPERIAL BLUE"},{color:"#005a92",name:"JETSKI RACE"},{color:"#0073ba",name:"FRENCH BLUE"},{color:"#008be1",name:"BLUE COLA"},{color:"#30b0ff",name:"FANTASY CONSOLE SKY"},{color:"#58bfff",name:"HELLO SUMMER"},{color:"#7fceff",name:"CHROMIS DAMSEL BLUE"},{color:"#a6ddff",name:"DROPLET"},{color:"#cdecff",name:"LUCID DREAMS"},{color:"#e5f5fd",name:"KODAMA WHITE"},{color:"#010200",name:"REGISTRATION BLACK"},{color:"#122306",name:"YUZU SOY"},{color:"#23450b",name:"FOREST GREEN"},{color:"#346711",name:"TATZELWURM GREEN"},{color:"#458816",name:"CHLOROPHYLL"},{color:"#56aa1c",name:"PLASTIC PINES"},{color:"#5fbb1f",name:"FIELD GREEN"},{color:"#67cc22",name:"GREEN HIGH"},{color:"#91e458",name:"LILLIPUTIAN LIME"},{color:"#b2ec8b",name:"GREEN DAY"},{color:"#d4f4bd",name:"TEA GREEN"},{color:"#eef6e8",name:"VERDE PASTEL"},{color:"#9ba5af",name:"SERYI GREY"},{color:"#cf0000",name:"RED EPIPHYLLUM"},{color:"#ff6300",name:"SAFETY ORANGE"},{color:"#ffc335",name:"RISE-N-SHINE"}],Te=()=>{const[c,t]=a.useState(!1),[n,o]=a.useState(G[5]),[e,s]=a.useState(G[5].name),i=f=>{const p=f.toHexString(),m=G.findIndex(h=>h.color===p.toLowerCase());o(G[m]),s(G[m].name),console.log(`Selected ${G[m].color}`)};return C.jsxs(C.Fragment,{children:[C.jsx(ee,{content:C.jsx(ne,{selectedColor:n.color,onChangeComplete:i,children:C.jsx(ae,{colors:G.map(({color:f})=>f)})}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:n.color})})}),C.jsx("span",{style:{marginLeft:16},children:e})]})},Me=()=>{const[c,t]=a.useState(!1),[n,o]=a.useState(d.create({h:0,s:100,l:50})),e=["hsl","rgb","hex"],[s,i]=a.useState(e[0]),f=m=>{o(m),console.log(`Selected ${p(m)}`)},p=(m=n)=>{switch(s){case"hsl":return m.toHslString();case"rgb":return m.toRgbString();case"hex":return m.toHexString().toUpperCase()}};return C.jsx(C.Fragment,{children:C.jsxs(ue,{children:[C.jsx(ee,{content:C.jsxs(ne,{selectedColor:n,onChangeComplete:f,children:[C.jsx(fe,{}),C.jsx(ge,{defaultColorFormat:s}),C.jsx(ae,{label:"Saved Colors",colors:[{h:0,s:100,l:50},{r:255,g:98,b:0},"#fec134","#5A6973",{h:95,s:83,v:72},{h:250,s:100,l:59}]})]}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:n})})}),C.jsx(me,{onClick:()=>{i(e[(e.indexOf(s)+1)%e.length])},endIcon:C.jsx(de,{}),children:C.jsx("div",{style:{width:170},children:p()??"No color selected."})})]})})},Be=()=>{const[c,t]=a.useState(!1),[n,o]=a.useState(d.create({r:90,g:105,b:115,a:.4})),e=["hsl","rgb","hex"],[s,i]=a.useState(e[0]),f=m=>{o(m),console.log(`Selected ${p(m)}`)},p=(m=n)=>{switch(s){case"hsl":return m.toHslString(!0);case"rgb":return m.toRgbString(!0);case"hex":return m.toHexString(!0)}};return C.jsx(C.Fragment,{children:C.jsxs(ue,{children:[C.jsx(ee,{content:C.jsxs(ne,{selectedColor:n,onChangeComplete:f,showAlpha:!0,children:[C.jsx(fe,{}),C.jsx(ge,{defaultColorFormat:s}),C.jsx(ae,{label:"Saved Colors",colors:[{r:90,g:105,b:115,a:1},{r:90,g:105,b:115,a:.81},{r:90,g:105,b:115,a:.4}]})]}),visible:c,onVisibleChange:t,placement:"bottom-start",children:C.jsx(_,{label:"Show color picker",children:C.jsx(V,{style:{pointerEvents:"none"},color:n})})}),C.jsx(me,{onClick:()=>{i(e[(e.indexOf(s)+1)%e.length])},endIcon:C.jsx(de,{}),children:C.jsx("div",{style:{width:200},children:p()??"No color selected."})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Me as Advanced,Te as Basic,Be as WithAlpha,Fe as default}; diff --git a/2452/react/assets/ComboBox.stories-DO8UER5R.js b/2452/react/assets/ComboBox.stories-DO8UER5R.js new file mode 100644 index 00000000000..cd902eac0cf --- /dev/null +++ b/2452/react/assets/ComboBox.stories-DO8UER5R.js @@ -0,0 +1 @@ +import{r as v,B as m,c as h,V as S,j as a,R as u}from"./index-BiF_XSVc.js";import{S as C}from"./Camera-D3YZdoPa.js";import{C as i,I as M,S as I}from"./InputGrid-Cube8CDs.js";import{L as A}from"./Label-BaBdAter.js";import{M as T}from"./MenuItem-CgPM3DgF.js";import{F as y}from"./Flex-CseMmOEw.js";import{D as G}from"./Divider-CUQ1C7OA.js";import{C as x}from"./Checkbox-CSBhyz7i.js";import"./Input-D1FcPXKL.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./Tag-CMh1PPwp.js";import"./LinkAction-UeJMbSnl.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";import"./ListItem-BGCU0KzW.js";import"./focusable-DHgriT9F.js";import"./ProgressRadial-BJPx7fqR.js";const B=v.forwardRef((l,e)=>{let{hasSublabel:n,hasIcon:t,contentWidth:r,translatedStrings:o={loading:"Loading…"},className:d,style:c,...b}=l;return v.createElement(m,{className:h("iui-menu-item-skeleton",d),"data-iui-size":n&&"large",style:{"--iui-menu-item-content-skeleton-max-width":r,...c},ref:e,...b},t&&v.createElement(m,{className:"iui-icon iui-skeleton","aria-hidden":!0}),v.createElement(m,{as:"span",className:"iui-content"},v.createElement(m,{className:"iui-menu-label iui-skeleton","aria-hidden":!0}),n&&v.createElement(m,{className:"iui-menu-description iui-skeleton","aria-hidden":!0}),v.createElement(S,null,o.loading)))}),le={decorators:[l=>a.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)",minHeight:380},children:a.jsx(l,{})})],title:"ComboBox"},s=[{label:"Afghanistan",value:"AF"},{label:"Åland Islands",value:"AX"},{label:"Albania",value:"AL"},{label:"Algeria",value:"DZ"},{label:"American Samoa",value:"AS"},{label:"Andorra",value:"AD"},{label:"Angola",value:"AO"},{label:"Anguilla",value:"AI"},{label:"Antarctica",value:"AQ"},{label:"Antigua and Barbuda",value:"AG"},{label:"Argentina",value:"AR"},{label:"Armenia",value:"AM"},{label:"Aruba",value:"AW"},{label:"Australia",value:"AU"},{label:"Austria",value:"AT"},{label:"Azerbaijan",value:"AZ"},{label:"Bahamas",value:"BS"},{label:"Bahrain",value:"BH"},{label:"Bangladesh",value:"BD"},{label:"Barbados",value:"BB"},{label:"Belarus",value:"BY"},{label:"Belgium",value:"BE"},{label:"Belize",value:"BZ"},{label:"Benin",value:"BJ"},{label:"Bermuda",value:"BM"},{label:"Bhutan",value:"BT"},{label:"Bolivia",value:"BO"},{label:"Bosnia and Herzegovina",value:"BA"},{label:"Botswana",value:"BW"},{label:"Bouvet Island",value:"BV"},{label:"Brazil",value:"BR"},{label:"British Indian Ocean Territory",value:"IO"},{label:"Brunei Darussalam",value:"BN"},{label:"Bulgaria",value:"BG"},{label:"Burkina Faso",value:"BF"},{label:"Burundi",value:"BI"},{label:"Cambodia",value:"KH"},{label:"Cameroon",value:"CM"},{label:"Canada",value:"CA"},{label:"Cape Verde",value:"CV"},{label:"Cayman Islands",value:"KY"},{label:"Central African Republic",value:"CF"},{label:"Chad",value:"TD"},{label:"Chile",value:"CL"},{label:"China",value:"CN"},{label:"Christmas Island",value:"CX"},{label:"Cocos (Keeling) Islands",value:"CC"},{label:"Colombia",value:"CO"},{label:"Comoros",value:"KM"},{label:"Congo",value:"CG"},{label:"Congo, The Democratic Republic of the",value:"CD"},{label:"Cook Islands",value:"CK"},{label:"Costa Rica",value:"CR"},{label:"Cote D'Ivoire",value:"CI"},{label:"Croatia",value:"HR"},{label:"Cuba",value:"CU"},{label:"Cyprus",value:"CY"},{label:"Czech Republic",value:"CZ"},{label:"Denmark",value:"DK"},{label:"Djibouti",value:"DJ"},{label:"Dominica",value:"DM"},{label:"Dominican Republic",value:"DO"},{label:"Ecuador",value:"EC"},{label:"Egypt",value:"EG"},{label:"El Salvador",value:"SV"},{label:"Equatorial Guinea",value:"GQ"},{label:"Eritrea",value:"ER"},{label:"Estonia",value:"EE"},{label:"Ethiopia",value:"ET"},{label:"Falkland Islands (Malvinas)",value:"FK"},{label:"Faroe Islands",value:"FO"},{label:"Fiji",value:"FJ"},{label:"Finland",value:"FI"},{label:"France",value:"FR"},{label:"French Guiana",value:"GF"},{label:"French Polynesia",value:"PF"},{label:"French Southern Territories",value:"TF"},{label:"Gabon",value:"GA"},{label:"Gambia",value:"GM"},{label:"Georgia",value:"GE"},{label:"Germany",value:"DE"},{label:"Ghana",value:"GH"},{label:"Gibraltar",value:"GI"},{label:"Greece",value:"GR"},{label:"Greenland",value:"GL"},{label:"Grenada",value:"GD"},{label:"Guadeloupe",value:"GP"},{label:"Guam",value:"GU"},{label:"Guatemala",value:"GT"},{label:"Guernsey",value:"GG"},{label:"Guinea",value:"GN"},{label:"Guinea-Bissau",value:"GW"},{label:"Guyana",value:"GY"},{label:"Haiti",value:"HT"},{label:"Heard Island and Mcdonald Islands",value:"HM"},{label:"Holy See (Vatican City State)",value:"VA"},{label:"Honduras",value:"HN"},{label:"Hong Kong",value:"HK"},{label:"Hungary",value:"HU"},{label:"Iceland",value:"IS"},{label:"India",value:"IN"},{label:"Indonesia",value:"ID"},{label:"Iran, Islamic Republic Of",value:"IR"},{label:"Iraq",value:"IQ"},{label:"Ireland",value:"IE"},{label:"Isle of Man",value:"IM"},{label:"Israel",value:"IL"},{label:"Italy",value:"IT"},{label:"Jamaica",value:"JM"},{label:"Japan",value:"JP"},{label:"Jersey",value:"JE"},{label:"Jordan",value:"JO"},{label:"Kazakhstan",value:"KZ"},{label:"Kenya",value:"KE"},{label:"Kiribati",value:"KI"},{label:"Korea, Democratic People'S Republic of",value:"KP"},{label:"Korea, Republic of",value:"KR"},{label:"Kuwait",value:"KW"},{label:"Kyrgyzstan",value:"KG"},{label:"Lao People'S Democratic Republic",value:"LA"},{label:"Latvia",value:"LV"},{label:"Lebanon",value:"LB"},{label:"Lesotho",value:"LS"},{label:"Liberia",value:"LR"},{label:"Libyan Arab Jamahiriya",value:"LY"},{label:"Liechtenstein",value:"LI"},{label:"Lithuania",value:"LT"},{label:"Luxembourg",value:"LU"},{label:"Macao",value:"MO"},{label:"Macedonia, The Former Yugoslav Republic of",value:"MK"},{label:"Madagascar",value:"MG"},{label:"Malawi",value:"MW"},{label:"Malaysia",value:"MY"},{label:"Maldives",value:"MV"},{label:"Mali",value:"ML"},{label:"Malta",value:"MT"},{label:"Marshall Islands",value:"MH"},{label:"Martinique",value:"MQ"},{label:"Mauritania",value:"MR"},{label:"Mauritius",value:"MU"},{label:"Mayotte",value:"YT"},{label:"Mexico",value:"MX"},{label:"Micronesia, Federated States of",value:"FM"},{label:"Moldova, Republic of",value:"MD"},{label:"Monaco",value:"MC"},{label:"Mongolia",value:"MN"},{label:"Montserrat",value:"MS"},{label:"Morocco",value:"MA"},{label:"Mozambique",value:"MZ"},{label:"Myanmar",value:"MM"},{label:"Namibia",value:"NA"},{label:"Nauru",value:"NR"},{label:"Nepal",value:"NP"},{label:"Netherlands",value:"NL"},{label:"Netherlands Antilles",value:"AN"},{label:"New Caledonia",value:"NC"},{label:"New Zealand",value:"NZ"},{label:"Nicaragua",value:"NI"},{label:"Niger",value:"NE"},{label:"Nigeria",value:"NG"},{label:"Niue",value:"NU"},{label:"Norfolk Island",value:"NF"},{label:"Northern Mariana Islands",value:"MP"},{label:"Norway",value:"NO"},{label:"Oman",value:"OM"},{label:"Pakistan",value:"PK"},{label:"Palau",value:"PW"},{label:"Palestinian Territory, Occupied",value:"PS"},{label:"Panama",value:"PA"},{label:"Papua New Guinea",value:"PG"},{label:"Paraguay",value:"PY"},{label:"Peru",value:"PE"},{label:"Philippines",value:"PH"},{label:"Pitcairn",value:"PN"},{label:"Poland",value:"PL"},{label:"Portugal",value:"PT"},{label:"Puerto Rico",value:"PR"},{label:"Qatar",value:"QA"},{label:"Reunion",value:"RE"},{label:"Romania",value:"RO"},{label:"Russian Federation",value:"RU"},{label:"RWANDA",value:"RW"},{label:"Saint Helena",value:"SH"},{label:"Saint Kitts and Nevis",value:"KN"},{label:"Saint Lucia",value:"LC"},{label:"Saint Pierre and Miquelon",value:"PM"},{label:"Saint Vincent and the Grenadines",value:"VC"},{label:"Samoa",value:"WS"},{label:"San Marino",value:"SM"},{label:"Sao Tome and Principe",value:"ST"},{label:"Saudi Arabia",value:"SA"},{label:"Senegal",value:"SN"},{label:"Serbia and Montenegro",value:"CS"},{label:"Seychelles",value:"SC"},{label:"Sierra Leone",value:"SL"},{label:"Singapore",value:"SG"},{label:"Slovakia",value:"SK"},{label:"Slovenia",value:"SI"},{label:"Solomon Islands",value:"SB"},{label:"Somalia",value:"SO"},{label:"South Africa",value:"ZA"},{label:"South Georgia and the South Sandwich Islands",value:"GS"},{label:"Spain",value:"ES"},{label:"Sri Lanka",value:"LK"},{label:"Sudan",value:"SD"},{label:"Surilabel",value:"SR"},{label:"Svalbard and Jan Mayen",value:"SJ"},{label:"Swaziland",value:"SZ"},{label:"Sweden",value:"SE"},{label:"Switzerland",value:"CH"},{label:"Syrian Arab Republic",value:"SY"},{label:"Taiwan, Province of China",value:"TW"},{label:"Tajikistan",value:"TJ"},{label:"Tanzania, United Republic of",value:"TZ"},{label:"Thailand",value:"TH"},{label:"Timor-Leste",value:"TL"},{label:"Togo",value:"TG"},{label:"Tokelau",value:"TK"},{label:"Tonga",value:"TO"},{label:"Trinidad and Tobago",value:"TT"},{label:"Tunisia",value:"TN"},{label:"Turkey",value:"TR"},{label:"Turkmenistan",value:"TM"},{label:"Turks and Caicos Islands",value:"TC"},{label:"Tuvalu",value:"TV"},{label:"Uganda",value:"UG"},{label:"Ukraine",value:"UA"},{label:"United Arab Emirates",value:"AE"},{label:"United Kingdom",value:"GB"},{label:"United States",value:"US"},{label:"United States Minor Outlying Islands",value:"UM"},{label:"Uruguay",value:"UY"},{label:"Uzbekistan",value:"UZ"},{label:"Vanuatu",value:"VU"},{label:"Venezuela",value:"VE"},{label:"Viet Nam",value:"VN"},{label:"Virgin Islands, British",value:"VG"},{label:"Virgin Islands, U.S.",value:"VI"},{label:"Wallis and Futuna",value:"WF"},{label:"Western Sahara",value:"EH"},{label:"Yemen",value:"YE"},{label:"Zambia",value:"ZM"},{label:"Zimbabwe",value:"ZW"}],P=async()=>new Promise(l=>{setTimeout(()=>{l(s.map(e=>({...e,sublabel:e.value,icon:a.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${e.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${e.value.toLowerCase()}.png 2x`,alt:""})})))},2e3)}),ue=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},ne=()=>{const l=u.useMemo(()=>s,[]),[e,n]=u.useState("CA");return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},value:e,onChange:t=>{console.log(t),n(t)}})},te=()=>{const l=u.useMemo(()=>s.map((e,n)=>({...e,sublabel:`${e.value}${n%2?" -- disabled":""}`,disabled:n%2!==0,startIcon:a.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${e.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${e.value.toLowerCase()}.png 2x`,alt:""})})),[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},oe=()=>{const l=u.useMemo(()=>s,[]);return a.jsxs(M,{children:[a.jsx(A,{children:"Country"}),a.jsx(i,{options:l,onChange:e=>console.log(e??""),inputProps:{placeholder:"Select a country"}})]})},ie=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??""),status:"negative"})},se=()=>{const l=u.useMemo(()=>s,[]),[e,n]=u.useState("AF"),t=u.useCallback(o=>{console.log(o??""),n(o)},[]),r=u.useCallback(({value:o,label:d},{isSelected:c,id:b})=>a.jsx(T,{id:b,isSelected:c,value:o,children:a.jsx("em",{style:{textTransform:"uppercase",fontWeight:c?"bold":void 0},children:d})},b),[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},value:e,onChange:t,itemRenderer:r})},re=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,message:"This is a message",inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},be=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,message:a.jsx(I,{startIcon:a.jsx(C,{}),children:"This is a message"}),inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??"")})},ve=()=>{const[l,e]=u.useState([]),[n,t]=u.useState(),[r,o]=u.useState(!0),d=u.useCallback(b=>{console.log(b??""),t(b)},[]),c=u.useMemo(()=>r?a.jsx(a.Fragment,{children:new Array(6).fill(null).map((b,g)=>a.jsx(B,{hasIcon:!0,hasSublabel:!0,contentWidth:`${Math.min(Math.max(Math.random()*100,25),60)}%`},g))}):"No options found",[r]);return a.jsx(i,{inputProps:{placeholder:"Select a country"},value:n,onChange:d,emptyStateMessage:c,options:l,onShow:u.useCallback(async()=>{r&&(e(await P()),o(!1))},[r])})},ce=()=>{const l=u.useMemo(()=>s,[]);return a.jsx(i,{options:l,inputProps:{placeholder:"Select a country"},onChange:e=>console.log(e??""),enableVirtualization:!0})},N=()=>{const{clearFilterOnOptionToggle:l}=u.useContext(p),e=u.useMemo(()=>s,[]),[n,t]=u.useState(["CA","AX"]);return a.jsx(i,{options:e,inputProps:{placeholder:"Select a country"},multiple:!0,value:n,onChange:(r,o)=>{console.log(o.value+" "+o.type),t(r)},clearFilterOnOptionToggle:l})};N.decorators=[l=>{const[e,n]=u.useState(!0);return a.jsx(a.Fragment,{children:a.jsx(p.Provider,{value:{clearFilterOnOptionToggle:e},children:a.jsxs(y,{id:"main-story-container",flexDirection:"column",alignItems:"stretch",children:[a.jsx(l,{}),a.jsx(G,{}),a.jsx(x,{checked:e,onChange:t=>n(t.target.checked),label:"clearFilterOnOptionToggle"})]})})})}];const p=u.createContext({clearFilterOnOptionToggle:!0});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ue as Basic,ne as Controlled,se as CustomRenderer,te as DisabledItems,ve as Loading,N as MultipleSelect,ce as Virtualized,be as WithCustomMessageIcon,oe as WithLabel,re as WithMessage,ie as WithStatus,le as default}; diff --git a/2452/react/assets/DatePicker-Dlu_Yuas.js b/2452/react/assets/DatePicker-Dlu_Yuas.js new file mode 100644 index 00000000000..87e177cec21 --- /dev/null +++ b/2452/react/assets/DatePicker-Dlu_Yuas.js @@ -0,0 +1 @@ +import{r as n,o as _,W as Ee,d as ke,l as Te,B as v,c as b,I as y}from"./index-BiF_XSVc.js";import{T as Re}from"./TimePicker-DbBEAzYH.js";import{S as Ie}from"./SvgChevronLeft-DK676GzB.js";import{S as Ne}from"./SvgChevronRight-B29fjzPj.js";const X=(m,u)=>{if(!m||!u)return!1;let s=new Date(m),r=new Date(u);return s&&s.setHours(0,0,0,0),r&&r.setHours(0,0,0,0),sn.createElement(_,m,n.createElement("path",{d:"m14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z"})),He=m=>n.createElement(_,m,n.createElement("path",{d:"m1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z"}));let p=(m,u)=>m&&u&&m.getFullYear()===u.getFullYear()&&m.getMonth()===u.getMonth()&&m.getDate()===u.getDate(),ye=(m,u,s)=>{if(!m||!u||!s)return!1;let r=new Date(u),c=new Date(s),d=new Date(m);return d&&d.setHours(0,0,0,0),r&&r.setHours(0,0,0,0),c&&c.setHours(0,0,0,0),d>r&&d!u,Ce=["January","February","March","April","May","June","July","August","September","October","November","December"],Ae=["Su","Mo","Tu","We","Th","Fr","Sa"],Le=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const Je=m=>{let u=new Intl.DateTimeFormat(m,{weekday:"short"}),s=new Intl.DateTimeFormat(m,{weekday:"long"}),r=new Intl.DateTimeFormat(m,{month:"long"}),c=[r.format(new Date(2020,0,1)),r.format(new Date(2020,1,1)),r.format(new Date(2020,2,1)),r.format(new Date(2020,3,1)),r.format(new Date(2020,4,1)),r.format(new Date(2020,5,1)),r.format(new Date(2020,6,1)),r.format(new Date(2020,7,1)),r.format(new Date(2020,8,1)),r.format(new Date(2020,9,1)),r.format(new Date(2020,10,1)),r.format(new Date(2020,11,1))],d=[s.format(new Date(2020,10,1)),s.format(new Date(2020,10,2)),s.format(new Date(2020,10,3)),s.format(new Date(2020,10,4)),s.format(new Date(2020,10,5)),s.format(new Date(2020,10,6)),s.format(new Date(2020,10,7))],E=[u.format(new Date(2020,10,1)).slice(0,2),u.format(new Date(2020,10,2)).slice(0,2),u.format(new Date(2020,10,3)).slice(0,2),u.format(new Date(2020,10,4)).slice(0,2),u.format(new Date(2020,10,5)).slice(0,2),u.format(new Date(2020,10,6)).slice(0,2),u.format(new Date(2020,10,7)).slice(0,2)];return{months:c,shortDays:E,days:d}},Ke=n.forwardRef((m,u)=>{let{date:s,onChange:r,localizedNames:c,className:d,setFocus:E=!1,showTime:ee=!1,use12Hours:te=!1,precision:re,hourStep:ae,minuteStep:ne,secondStep:le,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ue,minuteRenderer:ie,secondRenderer:me,meridiemRenderer:ce,showYearSelection:K=!1,enableRangeSelect:k=!1,startDate:w,endDate:C,monthYearProps:R,calendarProps:ge,monthProps:I,weekDayProps:N,dayProps:S,weekProps:x,isDateDisabled:Y,applyBackground:fe=!0,showDatesOutsideMonth:A=!0,...De}=m,j=(c==null?void 0:c.months)??Ce,he=(c==null?void 0:c.shortDays)??Ae,we=(c==null?void 0:c.days)??Le,[g,P]=n.useState(s),[l,L]=n.useState(w),[i,$]=n.useState(C),[D,f]=n.useState(l??g??new Date),[o,Me]=n.useState((l==null?void 0:l.getMonth())??(g==null?void 0:g.getMonth())??new Date().getMonth()),[h,de]=n.useState((l==null?void 0:l.getFullYear())??(g==null?void 0:g.getFullYear())??new Date().getFullYear()),[pe,U]=n.useState(!0),F=n.useRef(E);n.useEffect(()=>{F.current&&(F.current=!1)});let M=n.useCallback((e,t)=>{Me(e),de(t)},[]);n.useEffect(()=>{let e=new Date;P(s),L(w),$(C),k||f(s??e),M((w==null?void 0:w.getMonth())??(s==null?void 0:s.getMonth())??e.getMonth(),(w==null?void 0:w.getFullYear())??(s==null?void 0:s.getFullYear())??e.getFullYear())},[s,M,w,C,k]);let B=n.useContext(Ee);ke(()=>{E&&B&&B.setInitialFocus(-1)},[B,E]);let O=n.useMemo(()=>{let e=new Date(h,o,1).getDay();e===0&&A&&(e=7);let t=[];for(let a=1;a<=42;a++){let T=a-e;t.push(new Date(h,o,T))}return t},[o,h,A]),Se=n.useMemo(()=>{let e=[],t=Math.ceil(O.length/7);for(let a=0;a{let a=l??g??new Date;return new Date(e,t,a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds())},Fe=()=>{let e=h-1;M(o,e),f(H(e,o))},ve=()=>{let e=h+1;M(o,e),f(H(e,o))},W=()=>{let e=o!==0?o-1:11,t=o!==0?h:h-1;M(e,t),f(H(t,e))},z=()=>{let e=o!==11?o+1:0,t=o!==11?h:h+1;M(e,t),f(H(t,e))},V=e=>{if(k)if(pe){e.getMonth()!==(l==null?void 0:l.getMonth())&&M(e.getMonth(),e.getFullYear());let t=l??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());L(a),f(a),X(a,i)?i&&(r==null||r(a,i)):($(a),r==null||r(a,a)),U(!1)}else{e.getMonth()!==(i==null?void 0:i.getMonth())&&M(e.getMonth(),e.getFullYear());let t=i??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());f(a),X(a,l)?(L(a),i&&(r==null||r(a,i))):($(a),l&&(r==null||r(l,a)),U(!0))}else{e.getMonth()!==(g==null?void 0:g.getMonth())&&M(e.getMonth(),e.getFullYear());let t=g??new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),t.getHours(),t.getMinutes(),t.getSeconds());P(a),f(a),Z(r,k)&&(r==null||r(a))}},be=e=>{if(e.altKey||!D)return;let t=new Date(D);switch(e.key){case"ArrowDown":t.setDate(D.getDate()+7),t.getMonth()!==o&&z(),f(t),F.current=!0,e.preventDefault();break;case"ArrowUp":t.setDate(D.getDate()-7),t.getMonth()!==o&&W(),f(t),F.current=!0,e.preventDefault();break;case"ArrowLeft":t.setDate(D.getDate()-1),t.getMonth()!==o&&W(),f(t),F.current=!0,e.preventDefault();break;case"ArrowRight":t.setDate(D.getDate()+1),t.getMonth()!==o&&z(),f(t),F.current=!0,e.preventDefault();break;case"Enter":case" ":case"Spacebar":Y!=null&&Y(D)||V(D),e.preventDefault();break}},q=e=>{if(e.getMonth()!==o)return"iui-calendar-day-outside-month";let t="iui-calendar-day";return p(e,g)||p(e,l)&&p(e,i)?t+="-selected":p(e,l)?t+="-range-start":p(e,i)&&(t+="-range-end"),l&&i&&ye(e,l,i)&&(t+="-range"),p(e,new Date)&&(t+="-today"),t},G=Te();return n.createElement(v,{className:b("iui-date-picker",{"iui-popover-surface":fe},d),ref:u,...De},n.createElement("div",null,n.createElement(v,{as:"div",...R,className:b("iui-calendar-month-year",R==null?void 0:R.className)},K&&n.createElement(y,{styleType:"borderless",onClick:Fe,"aria-label":"Previous year",size:"small"},n.createElement(xe,null)),n.createElement(y,{styleType:"borderless",onClick:W,"aria-label":"Previous month",size:"small"},n.createElement(Ie,null)),n.createElement("span",{"aria-live":"polite"},n.createElement(v,{as:"span",id:G,title:j[o],...I,className:b("iui-calendar-month",I==null?void 0:I.className)},j[o])," ",h),n.createElement(y,{styleType:"borderless",onClick:z,"aria-label":"Next month",size:"small"},n.createElement(Ne,null)),K&&n.createElement(y,{styleType:"borderless",onClick:ve,"aria-label":"Next year",size:"small"},n.createElement(He,null))),n.createElement(v,{as:"div",...N,className:b("iui-calendar-weekdays",N==null?void 0:N.className)},he.map((e,t)=>n.createElement("div",{key:e,title:we[t]},e))),n.createElement("div",{onKeyDown:be,role:"listbox","aria-labelledby":G,...ge},Se.map((e,t)=>n.createElement(v,{as:"div",key:`week-${o}-${t}`,...x,className:b("iui-calendar-week",x==null?void 0:x.className)},e.map((a,T)=>{let Ye=a.getDate(),Q=Y==null?void 0:Y(a);return a.getMonth()!==o&&!A?n.createElement(v,{key:`day-${o}-${T}`,className:b(q(a),S==null?void 0:S.className),"aria-hidden":!0}):n.createElement(v,{as:"div",key:`day-${o}-${T}`,onClick:()=>!Q&&V(a),role:"option",tabIndex:p(a,D)?0:-1,"aria-disabled":Q?"true":void 0,ref:J=>{p(a,D)&&F.current&&setTimeout(()=>{J==null||J.focus()})},...S,className:b(q(a),S==null?void 0:S.className)},Ye)}))))),ee&&n.createElement(Re,{date:l??g,use12Hours:te,precision:re,hourStep:ae,minuteStep:ne,secondStep:le,useCombinedRenderer:se,combinedRenderer:oe,hourRenderer:ue,minuteRenderer:ie,secondRenderer:me,meridiemRenderer:ce,onChange:e=>Z(r,k)?r==null?void 0:r(e):r==null?void 0:r(new Date((l==null?void 0:l.getFullYear())??e.getFullYear(),(l==null?void 0:l.getMonth())??e.getMonth(),(l==null?void 0:l.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()),new Date((i==null?void 0:i.getFullYear())??e.getFullYear(),(i==null?void 0:i.getMonth())??e.getMonth(),(i==null?void 0:i.getDate())??e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()))}))});export{Ke as D,Je as g,X as i}; diff --git a/2452/react/assets/DatePicker.stories-C6vZkCpV.js b/2452/react/assets/DatePicker.stories-C6vZkCpV.js new file mode 100644 index 00000000000..2913122a5c8 --- /dev/null +++ b/2452/react/assets/DatePicker.stories-C6vZkCpV.js @@ -0,0 +1 @@ +import{r as o,j as e,P as c,I as l}from"./index-BiF_XSVc.js";import{S as i}from"./Calendar-ohgNFd3C.js";import{D as u,g as x}from"./DatePicker-Dlu_Yuas.js";import"./TimePicker-DbBEAzYH.js";import"./SvgChevronLeft-DK676GzB.js";import"./SvgChevronRight-B29fjzPj.js";const f={title:"DatePicker"},b=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},C=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showTime:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},F=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,30,0)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,setFocus:!0,showTime:!0,useCombinedRenderer:!0,minuteStep:30,use12Hours:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},y=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{date:t,onChange:s,localizedNames:x("ja"),setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},L=()=>{const[t,r]=o.useState(new Date(2021,4,11,14,55,22)),s=n=>{r(n),console.log(`New date value: ${n}`)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{showYearSelection:!0,date:t,onChange:s,setFocus:!0}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},T=()=>{const[t,r]=o.useState(new Date(2022,6,13,14,55,22)),[s,n]=o.useState(new Date(2022,6,27,14,55,22)),g=(d,a)=>{r(d),a&&n(a),console.log(`New start date value: ${d}`,{clearOnStoryChange:!1}),a&&console.log(`New end date value: ${a}`,{clearOnStoryChange:!1})};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:g,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsxs("span",{style:{marginLeft:16},children:["Start Date: ",t.toString()]}),e.jsxs("span",{style:{marginLeft:16},children:["End Date: ",s.toString()]})]})},k=()=>{const[t,r]=o.useState(new Date(2022,6,13,14,55,22)),[s,n]=o.useState(new Date(2022,6,17,14,55,22)),g=a=>a.getMonth()!==6||a.getDate()<11||a.getDate()>22,d=(a,h)=>{r(a),h&&n(h)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(u,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:d,setFocus:!0,isDateDisabled:g,showDatesOutsideMonth:!1}),children:e.jsx(l,{id:"picker-button",label:"Toggle calendar",children:e.jsx(i,{})})}),e.jsxs("span",{style:{marginLeft:16},children:["Start Date: ",t.toLocaleDateString()]}),e.jsxs("span",{style:{marginLeft:16},children:["End Date: ",s.toLocaleDateString()]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{b as Basic,y as Localized,T as Range,k as SomeDatesDisabled,F as WithCombinedTime,C as WithTime,L as WithYear,f as default}; diff --git a/2452/react/assets/Dialog-CJqvBzaB.js b/2452/react/assets/Dialog-CJqvBzaB.js new file mode 100644 index 00000000000..3c4c22c0a81 --- /dev/null +++ b/2452/react/assets/Dialog-CJqvBzaB.js @@ -0,0 +1,32 @@ +import{r as e,X as N,k as A,o as re,B as L,c as R,p as I,m as le,I as ne,e as M,i as ie,g as W,d as G,K as se,G as ae}from"./index-BiF_XSVc.js";import{u as oe}from"./useEventListener-BWDd9VON.js";import{g as ue}from"./focusable-DHgriT9F.js";const ce=l=>e.createElement("div",{style:{position:"absolute",inset:-6,display:"grid",pointerEvents:"none"}},e.createElement(fe,null),e.createElement(de,l));let de=l=>{let{elementRef:t,containerRef:r,onResizeStart:a,onResizeEnd:m}=l,b=e.useRef(!1),i=n=>{if(!t.current||n.button!==0)return;let o=n.clientX,v=n.clientY,[p,C]=N(t.current),{width:h,height:c}=t.current.getBoundingClientRect(),d=`${h}px`,E=`${c}px`,s=p,f=C,D=parseFloat(getComputedStyle(t.current).minWidth);Number.isNaN(D)&&(D=380);let z=parseFloat(getComputedStyle(t.current).minHeight),g=n.currentTarget.dataset.iuiResizer,x=t.current.ownerDocument||document,S=x.body.style.userSelect;x.body.style.userSelect="none";let F=B=>{var O;if(!t.current)return;b.current||(b.current=!0,a==null||a());let y=(O=r==null?void 0:r.current)==null?void 0:O.getBoundingClientRect(),H=A(B.clientX,(y==null?void 0:y.left)??0,(y==null?void 0:y.right)??x.documentElement.clientWidth??0),X=A(B.clientY,(y==null?void 0:y.top)??0,(y==null?void 0:y.bottom)??x.documentElement.clientHeight??0),k=o-H,P=v-X;switch(g){case"top-left":{let w=c+P;w>=z&&(E=t.current.style.height=`${w}px`,f=C-P);let T=h+k;T>=D&&(d=t.current.style.width=`${T}px`,s=p-k),t.current.style.transform=`translate(${s}px, ${f}px)`;break}case"top":{let w=c+P;if(w=z&&(E=t.current.style.height=`${w}px`,f=C-P),d=t.current.style.width=`${h-k}px`,t.current.style.transform=`translate(${s}px, ${f}px)`;break}case"right":d=t.current.style.width=`${h-k}px`,E=t.current.style.height=`${c}px`,t.current.style.transform=`translate(${s}px, ${f}px)`;break;case"bottom-right":d=t.current.style.width=`${h-k}px`,E=t.current.style.height=`${c-P}px`,t.current.style.transform=`translate(${s}px, ${f}px)`;break;case"bottom":E=t.current.style.height=`${c-P}px`,t.current.style.transform=`translate(${s}px, ${f}px)`;break;case"bottom-left":{let w=h+k;w>=D&&(d=t.current.style.width=`${w}px`,s=p-k),E=t.current.style.height=`${c-P}px`,t.current.style.transform=`translate(${s}px, ${f}px)`;break}case"left":{let w=h+k;if(w{x.removeEventListener("pointermove",F),t.current&&(x.body.style.userSelect=S,b.current=!1,m==null||m({width:d,height:E,transform:`translate(${s}px, ${f}px)`}))},{once:!0})};return e.createElement(e.Fragment,null,e.createElement("div",{"data-iui-resizer":"top-left",onPointerDown:i,style:{cursor:"nw-resize"}}),e.createElement("div",{"data-iui-resizer":"top",onPointerDown:i,style:{cursor:"n-resize"}}),e.createElement("div",{"data-iui-resizer":"top-right",onPointerDown:i,style:{cursor:"ne-resize"}}),e.createElement("div",{"data-iui-resizer":"right",onPointerDown:i,style:{cursor:"e-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-right",onPointerDown:i,style:{cursor:"se-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom",onPointerDown:i,style:{cursor:"s-resize"}}),e.createElement("div",{"data-iui-resizer":"bottom-left",onPointerDown:i,style:{cursor:"sw-resize"}}),e.createElement("div",{"data-iui-resizer":"left",onPointerDown:i,style:{cursor:"w-resize"}}))},fe=e.memo(()=>e.createElement("style",null,me)),me=` +[data-iui-resizer] { + pointer-events: auto; + grid-area: 1 / 1 / -1 / -1; + width: 12px; + height: 12px; + z-index: 1; +} +[data-iui-resizer='top'], +[data-iui-resizer='bottom'] { + height: 8px; + width: auto; + z-index: 0; +} +[data-iui-resizer='left'], +[data-iui-resizer='right'] { + height: auto; + width: 8px; + z-index: 0; +} +[data-iui-resizer^='top'] { + align-self: start; +} +[data-iui-resizer^='bottom'] { + align-self: end; +} +[data-iui-resizer$='left'] { + justify-self: start; +} +[data-iui-resizer$='right'] { + justify-self: end; +}`;const pe=l=>{let{children:t}=l,r=e.useRef(null),a=e.useCallback(()=>{var p;let i=(p=r.current)==null?void 0:p.nextElementSibling,n=ue(i),o=n[0],v=n[(n.length||1)-1];return[o,v]},[]),m=e.useCallback(i=>{let[n,o]=a();i.relatedTarget===n?o==null||o.focus():n==null||n.focus()},[a]),b=e.useCallback(i=>{let[n,o]=a();i.relatedTarget===o?n==null||n.focus():o==null||o.focus()},[a]);return e.createElement(e.Fragment,null,e.createElement("div",{ref:r,tabIndex:0,onFocus:m,"aria-hidden":!0}),t,e.createElement("div",{tabIndex:0,onFocus:b,"aria-hidden":!0}))},ge=l=>e.createElement(re,l,e.createElement("path",{d:"m14 0-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6"})),be=e.forwardRef((l,t)=>{let{isVisible:r=!0,className:a,...m}=l;return e.createElement(L,{className:R("iui-backdrop",{"iui-backdrop-visible":r},a),ref:t,...m})}),Q=e.createContext(void 0),j=()=>e.useContext(Q)||{},Z=e.createContext(null),_=()=>e.useContext(Z),q=I.div("iui-dialog-title"),ee=e.createContext(void 0),he=()=>({...e.useContext(ee)}),xe=Object.assign(e.forwardRef((l,t)=>{let r=j(),a=_(),{children:m,titleText:b,isDismissible:i=r.isDismissible,onClose:n=r.onClose,isDraggable:o=r.isDraggable,className:v,onPointerDown:p,...C}=l,{onPointerDown:h}=he(),c=e.useCallback(d=>{a==null||a.beforeClose(),n==null||n(d)},[a,n]);return e.createElement(L,{className:R("iui-dialog-title-bar",v,{"iui-dialog-title-bar-filled":o}),ref:t,onPointerDown:le(p,h),...C},m||e.createElement(e.Fragment,null,e.createElement(q,null,b),i&&e.createElement(ne,{size:"small",styleType:"borderless",onClick:c,"aria-label":"Close","data-iui-shift":"right"},e.createElement(ge,null))))}),{Title:q}),ye=I.div("iui-dialog-content"),we=e.forwardRef((l,t)=>{let r=j(),a=_(),{isVisible:m=r.isOpen,isDismissible:b=r.isDismissible,onClose:i=r.onClose,closeOnExternalClick:n=r.closeOnExternalClick,relativeTo:o=r.relativeTo,onMouseDown:v,className:p,style:C,...h}=l,c=e.useRef(null),d=M(c,t),E=s=>{s.persist(),s.target===c.current&&(b&&n&&i&&(a==null||a.beforeClose(),i(s)),v==null||v(s))};return e.createElement(be,{isVisible:m,className:R({"iui-backdrop-fixed":o==="viewport"},p),ref:d,onMouseDown:E,style:{pointerEvents:"auto",...C},...h})}),Ee=I.div("iui-dialog-button-bar");let J=l=>{var r,a,m;let t=(r=l==null?void 0:l.current)==null?void 0:r.getBoundingClientRect();return{top:(t==null?void 0:t.top)??0,right:(t==null?void 0:t.right)??((a=W())==null?void 0:a.innerWidth)??0,bottom:(t==null?void 0:t.bottom)??((m=W())==null?void 0:m.innerHeight)??0,left:(t==null?void 0:t.left)??0}};const De=(l,t,r=!0)=>{let a=e.useRef(0),m=e.useRef(0),b=e.useRef(void 0),i=e.useRef(void 0),n=e.useRef(J(t)),o=e.useCallback(()=>{var S;if(!l.current||!r)return;let{top:s,right:f,bottom:D,left:z}=(S=l.current)==null?void 0:S.getBoundingClientRect(),[g,x]=N(l.current);n.current=J(t),D>n.current.bottom&&(x-=D-n.current.bottom),sn.current.right&&(g-=f-n.current.right),z()=>{p==null||p.disconnect()},[p]),oe("resize",()=>{o(),b.current!=null&&i.current!=null&&h(`translate(${b.current}px, ${i.current}px)`)},W());let[C,h]=e.useState(""),c=e.useRef(s=>{if(!l.current)return;let f=s.clientX-a.current,D=s.clientY-m.current;l.current.style.transform=`translate(${f}px, ${D}px)`,o()}),d=e.useRef("");return{onPointerDown:e.useCallback(s=>{if(!l.current||s.button!==0||!r)return;let[f,D]=N(l.current);a.current=s.clientX-f,m.current=s.clientY-D,d.current=l.current.style.userSelect,l.current.style.userSelect="none";let z=l.current.ownerDocument||document;z.addEventListener("pointermove",c.current),z.addEventListener("pointerup",()=>{h(`translate(${b.current}px, ${i.current}px)`),z.removeEventListener("pointermove",c.current),l.current&&(l.current.style.userSelect=d.current)},{once:!0})},[l,r]),transform:C}},ve=e.forwardRef((l,t)=>{let r=j(),{className:a,children:m,styleType:b="default",isOpen:i=r.isOpen,isDismissible:n=r.isDismissible,onClose:o=r.onClose,closeOnEsc:v=r.closeOnEsc,trapFocus:p=r.trapFocus,setFocus:C=r.setFocus,preventDocumentScroll:h=r.preventDocumentScroll,onKeyDown:c,isDraggable:d=r.isDraggable,isResizable:E=r.isResizable,style:s,placement:f=r.placement,...D}=l,{dialogRootRef:z}=r,g=e.useRef(null),x=e.useRef(null),[S,F]=e.useState(),B=e.useRef(!1),y=e.useRef("");G(()=>{i&&(y.current=document.body.style.overflow)},[i]),e.useEffect(()=>{var $;let u=($=g.current)==null?void 0:$.ownerDocument;if(!(!u||!h||y.current==="hidden"))return i?u.body.style.overflow="hidden":u.body.style.overflow=y.current,()=>{u.body.style.overflow=y.current}},[g,i,h]);let H=u=>{u.altKey||(u.persist(),n&&v&&u.key==="Escape"&&o&&(T(),o(u)),c==null||c(u))},{onPointerDown:X,transform:k}=De(g,z,d),P=e.useCallback(u=>{d&&X(u)},[d,X]);G(()=>{if(!d||!i)return;let[u,$]=N(g.current);F(Y=>{var K,U;return{...Y,insetInlineStart:(K=g.current)==null?void 0:K.offsetLeft,insetBlockStart:(U=g.current)==null?void 0:U.offsetTop,transform:`translate(${u}px,${$}px)`}})},[g,d,i]);let O=e.useCallback(u=>{F($=>({...$,...u}))},[]),w=e.useCallback(()=>{var u,$;x.current=(u=g.current)==null?void 0:u.ownerDocument.activeElement,C&&(($=g.current)==null||$.focus({preventScroll:!0}))},[C]),T=e.useCallback(()=>{var u,$,Y;($=g.current)!=null&&$.contains((u=g.current)==null?void 0:u.ownerDocument.activeElement)&&((Y=x.current)==null||Y.focus())},[g,x]),te=e.useCallback(u=>{u&&w()},[w]),V=e.createElement(L,{className:R("iui-dialog",{"iui-dialog-default":b==="default","iui-dialog-full-page":b==="fullPage","iui-dialog-visible":i,"iui-dialog-draggable":d},a),role:"dialog",ref:M(g,te,t),onKeyDown:H,tabIndex:-1,"data-iui-placement":f,style:{transform:k,...S,...s},...D},e.createElement(se,null,e.createElement("slot",null),E&&e.createElement(ce,{elementRef:g,containerRef:z,onResizeStart:()=>{B.current||(B.current=!0,O({maxInlineSize:"100%"}))},onResizeEnd:O})),m);return e.createElement(Z.Provider,{value:e.useMemo(()=>({beforeClose:T}),[T])},e.createElement(ee.Provider,{value:{onPointerDown:P}},p&&e.createElement(pe,null,V),!p&&V))});let Ce=e.forwardRef((l,t)=>{let{trapFocus:r=!1,setFocus:a=r,preventDocumentScroll:m=!1,isOpen:b=!1,isDismissible:i=!0,closeOnEsc:n=!0,closeOnExternalClick:o=!1,onClose:v,isDraggable:p=!1,isResizable:C=!1,relativeTo:h="viewport",placement:c,className:d,portal:E=!1,...s}=l,f=e.useRef(null),D=M(t,f);return b?e.createElement(Q.Provider,{value:{isOpen:b,onClose:v,closeOnEsc:n,closeOnExternalClick:o,isDismissible:i,preventDocumentScroll:m,trapFocus:r,setFocus:a,isDraggable:p,isResizable:C,relativeTo:h,placement:c}},e.createElement(ae,{portal:E},e.createElement(L,{className:R("iui-dialog-wrapper",d),"data-iui-relative":h==="container",ref:D,...s}))):null});const Pe=Object.assign(Ce,{Backdrop:we,Main:ve,TitleBar:xe,Content:ye,ButtonBar:Ee});export{Pe as D,ye as a,Ee as b}; diff --git a/2452/react/assets/Dialog.stories-_09UuN72.js b/2452/react/assets/Dialog.stories-_09UuN72.js new file mode 100644 index 00000000000..5c5367c6d5a --- /dev/null +++ b/2452/react/assets/Dialog.stories-_09UuN72.js @@ -0,0 +1 @@ +import{r as c,j as e}from"./index-BiF_XSVc.js";import{B as o}from"./Button-DJoTb4xb.js";import{D as i}from"./Dialog-CJqvBzaB.js";import{C as u}from"./Code-DlPhvT1d.js";import"./ProgressRadial-BJPx7fqR.js";import"./useEventListener-BWDd9VON.js";import"./focusable-DHgriT9F.js";const j={title:"Dialog"},b=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},v=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsxs(i,{isOpen:s,onClose:l,closeOnEsc:!0,closeOnExternalClick:!0,preventDocumentScroll:!0,trapFocus:!0,setFocus:!0,isDismissible:!0,children:[e.jsx(i.Backdrop,{onKeyDown:()=>console.log("onKeyDown")}),e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})]})]})},B=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,isDraggable:!0,isResizable:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},C=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs("div",{style:{position:"relative",width:"70vw",height:"70vh",border:"1px solid red",padding:12},children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsxs("div",{style:{marginTop:12},children:["When ",e.jsx(u,{children:"Dialog"})," prop is ",e.jsx(u,{children:"relativeTo='container'"})," ","then container element must have ",e.jsx(u,{children:"position: 'relative'"})," ","set."]}),e.jsx(i,{isOpen:s,onClose:l,closeOnEsc:!0,isDismissible:!0,isDraggable:!0,isResizable:!0,relativeTo:"container",children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})},D=()=>{const[s,n]=c.useState(!1),t=()=>{n(!1)},l=()=>{console.log("onClose"),t()},r=()=>{console.log("Primary button"),t()},a=()=>{console.log("Secondary button"),t()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{styleType:"high-visibility",onClick:()=>n(!0),children:"Open Dialog"}),e.jsx(i,{isOpen:s,placement:"top-left",onClose:l,closeOnEsc:!0,isDismissible:!0,children:e.jsxs(i.Main,{children:[e.jsx(i.TitleBar,{titleText:"Best dialog ever"}),e.jsx(i.Content,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(i.ButtonBar,{children:[e.jsx(o,{styleType:"high-visibility",onClick:r,children:"Primary"}),e.jsx(o,{onClick:a,children:"Secondary"})]})]})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{b as Basic,B as DraggableAndResizable,C as DraggableRelativeToContainer,v as Modal,D as Placement,j as default}; diff --git a/2452/react/assets/Divider-CUQ1C7OA.js b/2452/react/assets/Divider-CUQ1C7OA.js new file mode 100644 index 00000000000..b0708dfbac8 --- /dev/null +++ b/2452/react/assets/Divider-CUQ1C7OA.js @@ -0,0 +1 @@ +import{r,B as s,c as n}from"./index-BiF_XSVc.js";const l=r.forwardRef((e,a)=>{let{className:t,orientation:i="horizontal",...o}=e;return r.createElement(s,{as:"hr",className:n("iui-divider",t),"aria-orientation":i==="vertical"?"vertical":void 0,ref:a,...o})});export{l as D}; diff --git a/2452/react/assets/DropdownButton-DP7RhVmc.js b/2452/react/assets/DropdownButton-DP7RhVmc.js new file mode 100644 index 00000000000..82f07de5e51 --- /dev/null +++ b/2452/react/assets/DropdownButton-DP7RhVmc.js @@ -0,0 +1 @@ +import{r as t,c as h}from"./index-BiF_XSVc.js";import{B as S}from"./Button-DJoTb4xb.js";import{D as d}from"./DropdownMenu-B9DfH_cx.js";import{S as D}from"./SvgCaretUpSmall-Jehs4qRe.js";import{S as E}from"./SvgCaretDownSmall-Bqg-enXi.js";const v=t.forwardRef((m,i)=>{let{menuItems:n,className:l,size:o,styleType:c,children:u,dropdownMenuProps:e,...f}=m,[a,p]=t.useState(!1);return t.createElement(d,{menuItems:n,matchWidth:!0,visible:a,...e,onVisibleChange:r=>{var s;p(r),(s=e==null?void 0:e.onVisibleChange)==null||s.call(e,r)}},t.createElement(S,{className:h("iui-button-dropdown",l),size:o,styleType:c,endIcon:a?t.createElement(D,{"aria-hidden":!0}):t.createElement(E,{"aria-hidden":!0}),ref:i,...f},u))});export{v as D}; diff --git a/2452/react/assets/DropdownButton.stories-D3CbIG1O.js b/2452/react/assets/DropdownButton.stories-D3CbIG1O.js new file mode 100644 index 00000000000..d6fe556d76f --- /dev/null +++ b/2452/react/assets/DropdownButton.stories-D3CbIG1O.js @@ -0,0 +1 @@ +import{j as o}from"./index-BiF_XSVc.js";import{D as r}from"./DropdownButton-DP7RhVmc.js";import{M as n}from"./MenuItem-CgPM3DgF.js";import"./Button-DJoTb4xb.js";import"./ProgressRadial-BJPx7fqR.js";import"./DropdownMenu-B9DfH_cx.js";import"./SvgCaretUpSmall-Jehs4qRe.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";const j={title:"DropdownButton"},k=()=>{const e=(t,m)=>()=>{console.log(`Item #${t} clicked!`),m()},i=t=>[o.jsx(n,{onClick:e(1,t),children:"Item #1"},1),o.jsx(n,{onClick:e(2,t),children:"Item #2"},2),o.jsx(n,{onClick:e(3,t),children:"Item #3"},3)];return o.jsx(r,{menuItems:i,children:"Default"})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{k as Basic,j as default}; diff --git a/2452/react/assets/DropdownMenu-B9DfH_cx.js b/2452/react/assets/DropdownMenu-B9DfH_cx.js new file mode 100644 index 00000000000..07c5338a94f --- /dev/null +++ b/2452/react/assets/DropdownMenu-B9DfH_cx.js @@ -0,0 +1 @@ +import{r as e,F as g,t as v,m as h}from"./index-BiF_XSVc.js";import{a as C}from"./MenuItem-CgPM3DgF.js";const y=e.forwardRef((r,o)=>e.createElement(g,null,e.createElement(D,{ref:o,...r})));let D=e.forwardRef((r,o)=>{let{menuItems:n,children:f,role:u="menu",visible:d,placement:l="bottom-start",matchWidth:a=!1,onVisibleChange:p,portal:c=!0,middleware:s,...b}=r,[i,t]=v(!1,d,p),w=e.useMemo(()=>typeof n=="function"?n(()=>t(!1)):n,[n,t]);return e.createElement(C,{trigger:f,onKeyDown:h(r.onKeyDown,m=>{m.defaultPrevented||m.key==="Tab"&&t(!1)}),role:u,ref:o,portal:c,popoverProps:e.useMemo(()=>({placement:l,matchWidth:a,visible:i,onVisibleChange:t,middleware:s}),[a,s,l,t,i]),...b},w)});export{y as D}; diff --git a/2452/react/assets/DropdownMenu.stories-Bc8CmdzN.js b/2452/react/assets/DropdownMenu.stories-Bc8CmdzN.js new file mode 100644 index 00000000000..38dc3278074 --- /dev/null +++ b/2452/react/assets/DropdownMenu.stories-Bc8CmdzN.js @@ -0,0 +1 @@ +import{r as s,j as e,I as l,R as v}from"./index-BiF_XSVc.js";import{S as c}from"./More-ppUkgz_u.js";import{S as a}from"./Placeholder-BLpsNn0N.js";import{D as d}from"./DropdownMenu-B9DfH_cx.js";import{M as o}from"./MenuItem-CgPM3DgF.js";import{M as j}from"./MenuDivider-Y4A55qWs.js";import{M as C}from"./MenuExtraContent-D0GLP-Ew.js";import{T as x}from"./Text-JFgXX77W.js";import{S as k}from"./Select-C5sRZq7A.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./Icon-DaWu1iQD.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";const u=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M11.1 1.5v-.2c0-.1 0-.1-.1-.1H9.4V0h-3v1.2H4.8c-.1 0-.1 0-.1.1v.2H2V16h12V1.5zM13 15H3V2h1.7v.6c0 .1 0 .1.1.1H11c.1 0 .1 0 .1-.1V2H13z"})),I=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M2 2V0h2v12h12v2h-2v2h-2v-2H2V4H0V2z"}),s.createElement("path",{d:"M14 11V2H5v2h7v7z"})),p=n=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},s.createElement("path",{d:"M16 8l-3-3v2H9V3h2L8 0 5 3h2v4H3V5L0 8l3 3V9h4v4H5l3 3 3-3H9V9h4v2z"})),G={title:"DropdownMenu"},M=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(o,{onClick:n(3,t),disabled:!0,children:"Item #3"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};M.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const g=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n("Crop",t),startIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(o,{onClick:n("Paste",t),startIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(o,{onClick:n("Move",t),startIcon:e.jsx(p,{}),children:"Move"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};g.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const b=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n("Crop",t),endIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(o,{onClick:n("Paste",t),endIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(o,{onClick:n("Move",t),endIcon:e.jsx(p,{}),children:"Move"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};b.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const w=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #1",children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #2",children:"Item #2"},2),e.jsx(o,{onClick:n(3,t),startIcon:e.jsx(a,{}),sublabel:"Sublabel #3",children:"Item #3"},3)];return e.jsx("div",{style:{minHeight:200},children:e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})})};w.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const H=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(o,{subMenuItems:[e.jsx(o,{subMenuItems:[e.jsx(o,{onClick:n(7,t),children:"Item #7"},7),e.jsx(o,{onClick:n(8,t),children:"Item #8"},8)],children:"Item #4"},4),e.jsx(o,{onClick:n(5,t),children:"Item #5"},5),e.jsx(o,{subMenuItems:[e.jsx(o,{onClick:n(9,t),children:"Item #9"},9),e.jsx(o,{onClick:n(10,t),children:"Item #10"},10)],children:"Item #6"},6)],children:"Item #3"},3)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};H.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const S=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},r=t=>[e.jsx(o,{onClick:n(1,t),children:"Item #1"},1),e.jsx(o,{onClick:n(2,t),children:"Item #2"},2),e.jsx(j,{},3),e.jsx(o,{onClick:n(3,t),disabled:!0,children:"Item #3"},4),e.jsx(o,{onClick:n(4,t),children:"Item #4"},5)];return e.jsx(d,{menuItems:r,children:e.jsx(l,{label:"More options",children:e.jsx(c,{})})})};S.decorators=[n=>e.jsx("div",{style:{minHeight:200},children:e.jsx(n,{})})];const f=()=>{const n=(m,h)=>()=>{console.log(`'${m}' clicked!`),h()},[r,t]=v.useState("User"),i=m=>[e.jsx(C,{children:e.jsxs(e.Fragment,{children:[e.jsx(x,{variant:"leading",children:"Terry Rivers"}),e.jsx(x,{isMuted:!0,style:{marginBottom:8},children:"terry.rivers@email.com"}),e.jsx(k,{options:[{value:"User",label:"User"},{value:"Moderator",label:"Moderator"},{value:"Administrator",label:"Administrator"}],value:r,onChange:h=>t(h)})]})},0),e.jsx(j,{},1),e.jsx(o,{onClick:n("View profile",m),children:"View profile"},2),e.jsx(o,{onClick:n("Sign out",m),children:"Sign out"},3)];return e.jsx(d,{menuItems:i,children:e.jsx(l,{label:"Toggle user info",children:e.jsx(c,{})})})};f.decorators=[n=>e.jsx("div",{style:{minHeight:250},children:e.jsx(n,{})})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{M as Basic,H as Submenu,f as WithContent,b as WithEndIcons,S as WithSeparator,g as WithStartIcons,w as WithSublabels,G as default}; diff --git a/2452/react/assets/Edit-BhhUZmRT.js b/2452/react/assets/Edit-BhhUZmRT.js new file mode 100644 index 00000000000..2b0a2e4426e --- /dev/null +++ b/2452/react/assets/Edit-BhhUZmRT.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const c=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M8.8 2.8l4.4 4.4L4.4 16H0v-4.4zm-5 11.8l1-1-2.5-2.5-1 1v1.1h1.4v1.4zm5.6-9.8c0-.2-.1-.2-.2-.2s-.1 0-.2.1l-5.7 5.7s-.1.1-.1.2c0 .2.1.2.2.2s.1 0 .2-.1L9.3 5s.1-.1.1-.2m6.6-1c0 .4-.1.7-.4 1l-1.8 1.8-4.3-4.5L11.3.4c.3-.3.6-.4 1-.4s.7.1 1 .4l2.5 2.5c.1.2.2.6.2.9"}));export{c as S}; diff --git a/2452/react/assets/ExpandableBlock.stories-DXMZqZNV.js b/2452/react/assets/ExpandableBlock.stories-DXMZqZNV.js new file mode 100644 index 00000000000..7853d9f6220 --- /dev/null +++ b/2452/react/assets/ExpandableBlock.stories-DXMZqZNV.js @@ -0,0 +1 @@ +import{r as n,p as T,B as E,c as x,u as f,a as w,l as N,h as y,m as W,j as t}from"./index-BiF_XSVc.js";import{I as h}from"./Icon-DaWu1iQD.js";import{L as R}from"./LinkAction-UeJMbSnl.js";import{S}from"./SvgChevronRight-B29fjzPj.js";let m=n.createContext(void 0),A=n.forwardRef((a,l)=>{let{children:r,title:i,caption:c,endIcon:s,...d}=a;return n.createElement(e.Wrapper,{...d,ref:l},n.createElement(e.Trigger,{label:i,caption:c,endIcon:s}),n.createElement(e.Content,null,r))}),v=n.forwardRef((a,l)=>{let{children:r,className:i,onToggle:c,style:s,isExpanded:d,status:u,size:p="default",styleType:o="default",disabled:b=!1,...B}=a,[j,C]=n.useState(d??!1),k=d??j,[g,I]=n.useState(void 0);return n.createElement(m.Provider,{value:{status:u,isExpanded:k,onToggle:c,size:p,styleType:o,disabled:b,setExpanded:C,children:r,descriptionId:g,setDescriptionId:I}},n.createElement(E,{className:x("iui-expandable-block",i),"data-iui-expanded":k,"data-iui-size":p,"data-iui-variant":o!=="default"?o:void 0,style:s,ref:l,...B},r))}),L=n.forwardRef((a,l)=>{let{className:r,children:i,label:c,caption:s,expandIcon:d,endIcon:u,...p}=a,{disabled:o,status:b}=f(m);return n.createElement(R,{className:x("iui-expandable-header",r),"data-iui-disabled":o?"true":void 0,ref:l,...p},i??n.createElement(n.Fragment,null,d??n.createElement(e.ExpandIcon,null),n.createElement(e.LabelArea,null,n.createElement(e.Title,null,c),s&&n.createElement(e.Caption,null,s)),u||b?n.createElement(e.EndIcon,null,u):null))}),D=n.forwardRef((a,l)=>{let{className:r,children:i,...c}=a;return n.createElement(h,{className:x("iui-expandable-block-icon",r),ref:l,...c},i??n.createElement(S,{"aria-hidden":!0}))}),z=T.span("iui-expandable-block-label"),P=n.forwardRef((a,l)=>{let{className:r,children:i,onClick:c,...s}=a,{isExpanded:d,setExpanded:u,disabled:p,onToggle:o,descriptionId:b}=f(m);return n.createElement(y,{className:x("iui-expandable-block-title","iui-link-action",r),"aria-expanded":d,"aria-disabled":p,onClick:W(c,()=>{p||(u(!d),o==null||o(!d))}),ref:l,"aria-describedby":b,...s},i)}),F=n.forwardRef((a,l)=>{let r=N(),{setDescriptionId:i}=f(m);return n.useEffect(()=>(i(a.id||r),()=>i(void 0)),[a.id,r,i]),n.createElement(E,{ref:l,id:r,...a,className:x("iui-expandable-block-caption",a==null?void 0:a.className)})}),_=n.forwardRef((a,l)=>{let{children:r,...i}=a,{status:c}=f(m),s=r??(c&&w[c]());return n.createElement(h,{fill:c,ref:l,...i},s)}),H=n.forwardRef((a,l)=>{let{className:r,children:i,innerProps:c,...s}=a;return n.createElement(E,{className:x("iui-expandable-content",r),ref:l,...s},n.createElement(E,c,i))});const e=Object.assign(A,{Wrapper:v,Trigger:L,ExpandIcon:D,LabelArea:z,Title:P,Caption:F,EndIcon:_,Content:H}),G={title:"ExpandableBlock"},J=()=>t.jsx(e,{title:"Basic Block",children:"Content in block!"}),K=()=>t.jsxs(e.Wrapper,{children:[t.jsxs(e.Trigger,{children:[t.jsx(e.ExpandIcon,{}),t.jsxs(e.LabelArea,{children:[t.jsx(e.Title,{children:"Basic Block"}),t.jsx(e.Caption,{children:"basic caption"})]})]}),t.jsx(e.Content,{children:"Content in block!"})]}),Q=()=>t.jsx(t.Fragment,{children:[...Array(3).fill(null)].map((a,l)=>t.jsxs(e.Wrapper,{children:[t.jsx(e.Trigger,{label:`Basic Block #${l+1}`}),t.jsx(e.Content,{children:"Content in block!"})]},l))}),U=()=>t.jsxs(e.Wrapper,{status:"positive",children:[t.jsxs(e.Trigger,{children:[t.jsx(e.ExpandIcon,{}),t.jsx(e.LabelArea,{children:t.jsx(e.Title,{children:"Basic Block With Status"})}),t.jsx(e.EndIcon,{})]}),t.jsx(e.Content,{children:"Content in block!"})]}),V=()=>t.jsxs(e.Wrapper,{size:"small",children:[t.jsx(e.Trigger,{label:"Basic Block"}),t.jsx(e.Content,{children:"Content in block!"})]}),X=()=>t.jsxs(e.Wrapper,{styleType:"borderless",children:[t.jsx(e.Trigger,{label:"Basic Block"}),t.jsx(e.Content,{children:"Content in block!"})]}),Y=()=>t.jsxs(e.Wrapper,{disabled:!0,children:[t.jsx(e.Trigger,{label:"Disabled Block"}),t.jsx(e.Content,{children:"Content in block!"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Q as Accordion,J as Basic,X as Borderless,Y as Disabled,V as Small,U as StatusIcon,K as WithCaption,G as default}; diff --git a/2452/react/assets/Fieldset.stories-D1akHXc1.js b/2452/react/assets/Fieldset.stories-D1akHXc1.js new file mode 100644 index 00000000000..83bb5899c5b --- /dev/null +++ b/2452/react/assets/Fieldset.stories-D1akHXc1.js @@ -0,0 +1 @@ +import{r as l,c as b,j as e}from"./index-BiF_XSVc.js";import{F as h}from"./FieldsetBase-nNHnGkHf.js";import{L as m}from"./LabeledSelect-G-eqtlzb.js";import{I as n}from"./InputGroup-CQ4MapAZ.js";import{R as a}from"./Radio-DuWHn8oM.js";import{T as i}from"./ToggleSwitch-u1t84S3V.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./Icon-DaWu1iQD.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./InputGrid-Cube8CDs.js";import"./Label-BaBdAter.js";import"./Input-D1FcPXKL.js";import"./Textarea-C0SdQr5i.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const p=l.forwardRef((s,o)=>{let{children:t,className:u,disabled:d,legend:c,...x}=s;return l.createElement(h,{className:b("iui-fieldset",u),disabled:d,ref:o,...x},c&&l.createElement("legend",null,c),d?l.Children.map(t,r=>l.isValidElement(r)?l.cloneElement(r,{disabled:!0}):r):t)}),J={title:"Fieldset"},K=()=>{const[s,o]=l.useState(void 0);return e.jsxs(p,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},children:[e.jsx(m,{label:"Resolution",options:[{value:1,label:"1200 x 1000"},{value:2,label:"1600 x 1200"},{value:3,label:"2560 x 1600"}],displayStyle:"inline",value:s,onChange:t=>o(t),placeholder:"Select"}),e.jsxs(n,{label:"Color Theme",displayStyle:"inline",children:[e.jsx(a,{name:"choice",value:"option1",label:"Light"}),e.jsx(a,{name:"choice",value:"option2",label:"Dark"}),e.jsx(a,{name:"choice",value:"option3",label:"Match device"})]}),e.jsxs(n,{children:[e.jsx(i,{label:"Share usage statistics"}),e.jsx(i,{label:"Share crash logs"}),e.jsx(i,{disabled:!0,label:"Advanced settings"})]})]})},O=()=>{const[s,o]=l.useState(void 0);return e.jsxs(p,{legend:"General Settings",style:{display:"flex",flexDirection:"column",gap:11},disabled:!0,children:[e.jsx(m,{label:"Resolution",options:[{value:1,label:"1200 x 1000"},{value:2,label:"1600 x 1200"},{value:3,label:"2560 x 1600"}],displayStyle:"inline",value:s,onChange:t=>o(t),placeholder:"Select"}),e.jsxs(n,{label:"Color Theme",displayStyle:"inline",children:[e.jsx(a,{name:"choice",value:"option1",label:"Light"}),e.jsx(a,{name:"choice",value:"option2",label:"Dark"}),e.jsx(a,{name:"choice",value:"option3",label:"Match device"})]}),e.jsxs(n,{children:[e.jsx(i,{label:"Share usage statistics"}),e.jsx(i,{label:"Share crash logs"}),e.jsx(i,{label:"Advanced settings"})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{K as Basic,O as Disabled,J as default}; diff --git a/2452/react/assets/FieldsetBase-nNHnGkHf.js b/2452/react/assets/FieldsetBase-nNHnGkHf.js new file mode 100644 index 00000000000..4a72949f06b --- /dev/null +++ b/2452/react/assets/FieldsetBase-nNHnGkHf.js @@ -0,0 +1 @@ +import{p as e}from"./index-BiF_XSVc.js";const i=e.fieldset("iui-fieldset-base");export{i as F}; diff --git a/2452/react/assets/FileUpload.stories-ChypoDsq.js b/2452/react/assets/FileUpload.stories-ChypoDsq.js new file mode 100644 index 00000000000..96c2208aeae --- /dev/null +++ b/2452/react/assets/FileUpload.stories-ChypoDsq.js @@ -0,0 +1 @@ +import{r as e,o as T,B as h,m as D,c as g,p as I,l as S,u as w,g as N,e as U,V as R,j as o,I as z}from"./index-BiF_XSVc.js";import{L}from"./LabeledInput-Cnpstz9_.js";import{A as b}from"./Anchor-9gwhe0n0.js";import"./Input-D1FcPXKL.js";import"./InputGrid-Cube8CDs.js";import"./Label-BaBdAter.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const B=t=>e.createElement(T,t,e.createElement("path",{d:"m2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z"})),H=t=>e.createElement(T,t,e.createElement("path",{d:"M10 0H2v16h12V4h-4zm1 0v3h3z"})),A=e.forwardRef((t,a)=>{let{dragContent:l,children:d,onFileDropped:i,contentProps:r,...m}=t,[u,p]=e.useState(!1),f=n=>{n.preventDefault(),n.stopPropagation()},E=n=>{var s,F,j;n.preventDefault(),n.stopPropagation(),!u&&((j=(F=(s=n.dataTransfer)==null?void 0:s.items)==null?void 0:F[0])==null?void 0:j.kind)==="file"&&p(!0)},x=n=>{var s;n.preventDefault(),n.stopPropagation(),u&&!((s=n.currentTarget)!=null&&s.contains(n.relatedTarget))&&p(!1)},C=n=>{var s;n.preventDefault(),n.stopPropagation(),u&&(p(!1),i((s=n.dataTransfer)==null?void 0:s.files,n))};return e.createElement(h,{...m,className:g("iui-file-upload",{"iui-drag":u},t==null?void 0:t.className),ref:a,onDragEnter:D(t.onDragEnter,E),onDragOver:D(t.onDragOver,f),onDragLeave:D(t.onDragLeave,x),onDrop:D(t.onDrop,C)},l?d:e.createElement(h,{as:"div",...r,className:g("iui-content",r==null?void 0:r.className)},d),l&&e.createElement(h,{as:"div",...r,className:g("iui-content",r==null?void 0:r.className)},l))});let M=I.span("iui-file-card-empty-icon",{children:e.createElement(B,null)}),O=I.span("iui-file-card-empty-action"),V=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t;return e.createElement(h,{className:g("iui-file-card-empty",d),ref:a,...i},l??e.createElement(e.Fragment,null,e.createElement(v.Icon,null),e.createElement(v.Text,null,e.createElement(c.InputLabel,null,"Choose a file"),e.createElement("div",null,"to upload."))))});const v=Object.assign(V,{Icon:M,Text:O});let $=t=>{let a=[" bytes","KB","MB","GB","TB"],l=0;for(;t>=1024&&++l;)t/=1024;return t.toFixed(t<10&&l>0?2:0)+a[l]},k=t=>{let a=new Date(t);return a.toDateString()+" "+a.toLocaleTimeString()},P=I.span("iui-file-card-icon",{children:e.createElement(H,null)}),W=I.span("iui-file-card-text"),_=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t,{files:r}=w(y),m=r.length>1?r.length+" files selected":r[0].name;return e.createElement(h,{as:"span",className:g("iui-file-card-title",d),ref:a,...i},l??m)}),G=e.forwardRef((t,a)=>{let{children:l,className:d,...i}=t,{files:r}=w(y),m=r.length>1?r[0].name+", "+r[1].name:$(r[0].size)+" "+k(r[0].lastModified);return r.length>2&&(m+=", and "+(r.length-2)+" others"),e.createElement(h,{as:"span",className:g("iui-file-card-description",d),ref:a,...i},l??m)}),K=I.div("iui-file-card-action"),q=e.forwardRef((t,a)=>{let{children:l,...d}=t,{inputId:i}=w(y);return e.createElement(b,{as:"label",ref:a,htmlFor:i,...d},l)}),J=e.forwardRef((t,a)=>{let{children:l,onChange:d,id:i,...r}=t,{files:m,onFilesChange:u,setInternalFiles:p,inputId:f,setInputId:E}=w(y),x=e.useCallback(n=>{var F;if(!n||!((F=N())!=null&&F.DataTransfer))return;let s=new DataTransfer;s.items.clear(),Array.from(m).forEach(j=>s.items.add(j)),n.files=s.files},[m]),C=U(a,x);return e.useEffect(()=>{i&&i!==f&&E(i)},[i,f,E]),e.createElement(e.Fragment,null,e.createElement(R,{as:"input",type:"file",unhideOnFocus:!1,onChange:D(d,n=>{let s=Array.from(n.currentTarget.files||[]);u==null||u(s),p(s)}),ref:C,id:i??f,...r}),l)}),Q=e.forwardRef((t,a)=>{let{className:l,children:d,files:i,onFilesChange:r,emptyCard:m=e.createElement(v,null),input:u,...p}=t,[f,E]=e.useState(),x=S(),[C,n]=e.useState(x),s=i??f??[];return e.createElement(y.Provider,{value:{files:s,onFilesChange:r,setInternalFiles:E,inputId:C,setInputId:n}},s!=null&&s.length?e.createElement(h,{className:g("iui-file-card",l),ref:a,...p},d??e.createElement(e.Fragment,null,e.createElement(c.Icon,null),e.createElement(c.Info,null,e.createElement(c.Title,null),e.createElement(c.Description,null)),e.createElement(c.Action,null,e.createElement(c.InputLabel,null,"Replace")))):m,u??e.createElement(c.Input,null))});const c=Object.assign(Q,{Icon:P,Info:W,Title:_,Description:G,Action:K,InputLabel:q,Input:J}),y=e.createContext(void 0),X=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M14 0L8 6 2 0 0 2l6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6"})),Y=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zm3 5a1.147 1.147 0 011 1.25 1.147 1.147 0 01-1 1.25 1.147 1.147 0 01-1-1.25A1.147 1.147 0 0111 5zM5 5a1.147 1.147 0 011 1.25A1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 015 5zm3 8.5A4.774 4.774 0 013 9a.5.5 0 011 0 3.772 3.772 0 004 3.5A3.772 3.772 0 0012 9a.5.5 0 011 0 4.774 4.774 0 01-5 4.5z"})),Z=t=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},e.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zm2.46 5.23l1.5.75a2.512 2.512 0 01.04.27 1.147 1.147 0 01-1 1.25 1.147 1.147 0 01-1-1.25 1.29 1.29 0 01.46-1.02zm-6.42.75l1.5-.75A1.29 1.29 0 016 6.25 1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25 2.512 2.512 0 01.04-.27zm8.4 6.49a.453.453 0 01-.16.03.508.508 0 01-.48-.34A3.934 3.934 0 008 9.5a3.934 3.934 0 00-3.8 2.66.495.495 0 01-.63.31.485.485 0 01-.32-.63A4.947 4.947 0 018 8.5h.07a4.943 4.943 0 014.68 3.34.487.487 0 01-.31.63z"})),Ie={title:"FileUpload"},ye=()=>{const[t,a]=e.useState([]);return o.jsx(A,{dragContent:"Drop file to upload",onFileDropped:l=>{a(Array.from(l)),console.log(`${l.length} files uploaded`)},children:o.jsx(L,{placeholder:"Type a message",style:{width:"100%"},message:t.length?`Attached: ${t.map(l=>l.name)}`:"Drag files to attach"})})},je=()=>{const[t,a]=e.useState([]);return o.jsx(A,{onFileDropped:l=>{a(Array.from(l)),console.log(`${l.length} files uploaded`)},children:o.jsx(c,{files:t,onFilesChange:l=>a(l)})})},we=()=>{const t=e.useRef(null),[a,l]=e.useState([]),d=o.jsxs(v,{children:[o.jsx(v.Icon,{children:o.jsx(Z,{})}),o.jsxs(v.Text,{children:[o.jsx(c.InputLabel,{children:"Custom Label Text"}),o.jsx("div",{children:"Custom Description Text"})]})]});return o.jsx(A,{onFileDropped:i=>{l(Array.from(i)),console.log(`${i.length} files uploaded`)},children:o.jsxs(c,{files:a,onFilesChange:i=>l(i),emptyCard:d,input:o.jsx(c.Input,{name:"my-file",ref:t}),children:[o.jsx(c.Icon,{children:o.jsx(Y,{})}),o.jsxs(c.Info,{children:[o.jsx(c.Title,{children:"Custom File Name"}),o.jsx(c.Description,{children:"Custom File Description"})]}),o.jsx(c.Action,{children:o.jsx(z,{label:"Remove file",onClick:()=>{l([])},styleType:"borderless",children:o.jsx(X,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{we as CustomFileUploadCard,je as DefaultFileUploadCard,ye as WrappingInput,Ie as default}; diff --git a/2452/react/assets/Flex-CseMmOEw.js b/2452/react/assets/Flex-CseMmOEw.js new file mode 100644 index 00000000000..b2e3aa968fa --- /dev/null +++ b/2452/react/assets/Flex-CseMmOEw.js @@ -0,0 +1 @@ +import{r as t,B as o,c}from"./index-BiF_XSVc.js";let g=["3xs","2xs","xs","s","m","l","xl","2xl","3xl"],m=e=>g.includes(e)?`var(--iui-size-${e})`:e,d=t.forwardRef((e,a)=>{let{display:l,flexDirection:i,justifyContent:r,alignItems:s,gap:f,flexWrap:x,className:u,style:n,...p}=e;return t.createElement(o,{className:c("iui-flex",u),style:{"--iui-flex-display":l,"--iui-flex-direction":i,"--iui-flex-justify":r,"--iui-flex-align":s,"--iui-flex-gap":m(f),"--iui-flex-wrap":x,...n},ref:a,...p})}),y=t.forwardRef((e,a)=>{let{flex:l,className:i,style:r,...s}=e;return t.createElement(o,{className:c("iui-flex-spacer",i),style:{"--iui-flex-spacer-flex":l,...r},ref:a,...s})}),F=t.forwardRef((e,a)=>{let{gapBefore:l,gapAfter:i,flex:r,alignSelf:s,className:f,style:x,...u}=e,n={"--iui-flex-item-flex":r,"--iui-flex-item-align":s,"--iui-flex-item-gap-before":m(l),"--iui-flex-item-gap-after":m(i),...l!==void 0&&{"--iui-flex-item-gap-before-toggle":"var(--iui-on)"},...i!==void 0&&{"--iui-flex-item-gap-after-toggle":"var(--iui-on)"},...x};return t.createElement(o,{className:c("iui-flex-item",f),ref:a,style:n,...u})});const w=Object.assign(d,{Item:F,Spacer:y});export{w as F}; diff --git a/2452/react/assets/Flex.stories-kUKedMCA.js b/2452/react/assets/Flex.stories-kUKedMCA.js new file mode 100644 index 00000000000..5462fc361d1 --- /dev/null +++ b/2452/react/assets/Flex.stories-kUKedMCA.js @@ -0,0 +1,11 @@ +import{j as e}from"./index-BiF_XSVc.js";import{F as i}from"./Flex-CseMmOEw.js";const n={title:"Flex",decorators:[r=>e.jsxs("div",{className:"demo-flex-wrapper",children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:` + :where(.demo-flex-wrapper > *) { + outline: 1px solid var(--iui-color-border); + min-height: 100px; + } + :where(.demo-flex-wrapper > * div:not([class])) { + font-family: var(--iui-font-sans); + color: var(--iui-color-text); + padding: 1rem; + border: 1px solid; + }`}}),e.jsx(r,{})]})]},l=()=>e.jsxs(i,{children:[e.jsx("div",{children:"1"}),e.jsx("div",{children:"2"}),e.jsx("div",{children:"3"})]}),t=()=>e.jsxs(i,{children:[e.jsx("div",{children:"1"}),e.jsx("div",{children:"2"}),e.jsx(i.Spacer,{}),e.jsx("div",{children:"3"}),e.jsx("div",{children:"4"}),e.jsx("div",{children:"5"})]}),x=()=>e.jsxs(i,{children:[e.jsx(i.Item,{flex:"1",children:e.jsx("div",{children:"1"})}),e.jsx(i.Item,{flex:"3",children:e.jsx("div",{children:"2"})}),e.jsx(i.Item,{flex:"1",children:e.jsx("div",{children:"3"})})]}),c=()=>e.jsx(e.Fragment,{children:e.jsxs(i,{gap:"2xl",children:[e.jsx(i.Item,{children:e.jsx("div",{children:"1"})}),e.jsx(i.Item,{children:e.jsx("div",{children:"2"})}),e.jsx(i.Item,{gapAfter:"s",children:e.jsx("div",{children:"3"})}),e.jsx(i.Item,{children:e.jsx("div",{children:"4"})}),e.jsx(i.Item,{gapBefore:"3xs",children:e.jsx("div",{children:"5"})}),e.jsx(i.Item,{children:e.jsx("div",{children:"6"})})]})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{l as Basic,c as IndividualGaps,x as WithFlexItem,t as WithSpacer,n as default}; diff --git a/2452/react/assets/Folder-BZr-j4ck.js b/2452/react/assets/Folder-BZr-j4ck.js new file mode 100644 index 00000000000..40e15b55ad2 --- /dev/null +++ b/2452/react/assets/Folder-BZr-j4ck.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M1 13a1 1 0 001 1h12a1 1 0 001-1V5a1 1 0 00-1-1H7V3a1 1 0 00-1-1H2a1 1 0 00-1 1z"}));export{a as S}; diff --git a/2452/react/assets/Footer.stories-DkI_Uii3.js b/2452/react/assets/Footer.stories-DkI_Uii3.js new file mode 100644 index 00000000000..a6ba4943336 --- /dev/null +++ b/2452/react/assets/Footer.stories-DkI_Uii3.js @@ -0,0 +1 @@ +import{p as y,r,B as x,c as k,j as e}from"./index-BiF_XSVc.js";import{A as v}from"./Anchor-9gwhe0n0.js";import"./Text-JFgXX77W.js";const f=y.li("iui-legal-footer-item"),h=y.li("iui-legal-footer-separator",{"aria-hidden":!0}),g=y.ul("iui-legal-footer-list");let c={cookies:"Cookies",legalNotices:"Legal notices",privacy:"Privacy",termsOfService:"Terms of service",termsOfUse:"Terms of use"};const E=[{key:"copyright",title:`© ${new Date().getFullYear()} Bentley Systems, Incorporated`},{key:"termsOfService",title:c.termsOfService,url:"https://connect-agreementportal.bentley.com/AgreementApp/Home/Eula/view/readonly/BentleyConnect"},{key:"privacy",title:c.privacy,url:"https://www.bentley.com/en/privacy-policy"},{key:"termsOfUse",title:c.termsOfUse,url:"https://www.bentley.com/en/terms-of-use-and-select-online-agreement"},{key:"cookies",title:c.cookies,url:"https://www.bentley.com/en/cookie-policy"},{key:"legalNotices",title:c.legalNotices,url:"https://connect.bentley.com/Legal"}],o=Object.assign(i=>{let{children:t,customElements:l,translatedTitles:p,className:d,...w}=i,n={...c,...p},a=E.map(s=>{if(s.key&&n.hasOwnProperty(s.key)){let u=s.key;return{...s,title:n[u]}}return s}),m=a;return l&&(m=typeof l=="function"?l(a):[...a,...l]),r.createElement(x,{as:"footer",className:k("iui-legal-footer",d),...w},t||r.createElement(g,null,m.map((s,u)=>r.createElement(r.Fragment,{key:s.key||`${s.title}-${u}`},u>0&&r.createElement(h,null),r.createElement(f,null,s.url?r.createElement(v,{href:s.url,target:"_blank",rel:"noreferrer"},s.title):s.title)))))},{List:g,Item:f,Separator:h}),j=i=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...i},r.createElement("path",{d:"M8 12.5a5.19 5.19 0 01-3.872-1.666.5.5 0 11.744-.668A4.191 4.191 0 008 11.5a4.191 4.191 0 003.128-1.334.5.5 0 11.744.668A5.19 5.19 0 018 12.5zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-4a7 7 0 11-7 7 7.008 7.008 0 017-7m0-1a8 8 0 108 8 8 8 0 00-8-8z"})),F={title:"Footer"},O=()=>e.jsx(o,{translatedTitles:{cookies:"Cookies translated"}}),S=()=>e.jsx(o,{customElements:[{title:"Custom",url:"https://www.bentley.com/"}]}),T=()=>e.jsx(o,{customElements:()=>[{title:"Custom Element 1",url:"https://www.bentley.com/"},{title:"Custom Element 2"},{title:"Custom Element 3"},{title:"Custom Element 4"}]}),z=()=>{const i=t=>{const l={privacy:"https://www.bentley.com/",cookies:"https://www.bentley.com/",legalNotices:"https://www.bentley.com/"},p={termsOfService:"Terms of service translated",privacy:"Privacy translated",termsOfUse:"Terms of use translated",cookies:"Cookies translated",legalNotices:"Legal notices translated"},d=[{title:"Custom Element 1",url:"https://www.bentley.com/"},{title:"Custom Element 2"}];return[...t.map(({key:n,title:a,url:m})=>({key:n,title:n?p[n]??a:a,url:n?l[n]??m:m})),...d]};return e.jsx(o,{customElements:i})},B=()=>e.jsx("div",{children:e.jsx(o,{style:{position:"fixed",bottom:0}})}),N=()=>{const i=e.jsxs(o.Item,{children:[e.jsx(j,{style:{width:12,height:12,marginRight:4}}),e.jsxs("span",{children:["Powered by Happiness © ",new Date().getFullYear()]})]},"copyright");return e.jsx(o,{children:e.jsx(o.List,{children:[i,...E.filter(t=>t.key!=="copyright").flatMap((t,l)=>e.jsxs(r.Fragment,{children:[e.jsx(o.Separator,{}),e.jsx(o.Item,{children:t.url?e.jsx("a",{href:t.url,target:"_blank",rel:"noreferrer",children:t.title}):t.title})]},t.key||`${t.title}-${l}`)),,]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{S as AppendedCustomElements,O as Basic,B as BottomFixed,N as CustomContent,z as CustomizedDefaultAndCustomElements,T as OnlyCustomElements,F as default}; diff --git a/2452/react/assets/Header.stories-DHPsFBCF.js b/2452/react/assets/Header.stories-DHPsFBCF.js new file mode 100644 index 00000000000..04cd7714d3e --- /dev/null +++ b/2452/react/assets/Header.stories-DHPsFBCF.js @@ -0,0 +1 @@ +import{r as t,o as P,B as n,c as j,I as w,h as B,e as H,j as e}from"./index-BiF_XSVc.js";import{S as C}from"./Network-8ErFVsXx.js";import{S as U}from"./Notification-CZ3OBLId.js";import{D as f}from"./DropdownMenu-B9DfH_cx.js";import{A as I}from"./Avatar-CDlqyec4.js";import{S as L}from"./SvgChevronRight-B29fjzPj.js";import{S as R}from"./SvgCaretUpSmall-Jehs4qRe.js";import{S as A}from"./SvgCaretDownSmall-Bqg-enXi.js";import{M as x}from"./MenuItem-CgPM3DgF.js";import{M as F}from"./MenuExtraContent-D0GLP-Ew.js";import{T as z}from"./Text-JFgXX77W.js";import{S as D}from"./Select-C5sRZq7A.js";import{M as O}from"./MenuDivider-Y4A55qWs.js";import{I as W}from"./Input-D1FcPXKL.js";import{g as E}from"./colors-ymlpSE_k.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./Icon-DaWu1iQD.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";const J=r=>t.createElement(P,r,t.createElement("path",{d:"m8 4a2 2 0 1 1 2-2 2 2 0 0 1 -2 2zm2 4a2 2 0 1 0 -2 2 2 2 0 0 0 2-2zm0 6a2 2 0 1 0 -2 2 2 2 0 0 0 2-2z"}));let Y={moreOptions:"More options"};const M=t.forwardRef((r,a)=>{let{appLogo:s,breadcrumbs:i,isSlim:o=!1,actions:c,menuItems:l,translatedStrings:m,className:u,children:h,...b}=r,g={...Y,...m};return t.createElement(n,{as:"header",className:j("iui-page-header",u),"data-iui-size":o?"slim":void 0,ref:a,...b},t.createElement(n,{className:"iui-page-header-left"},s,i&&t.createElement(n,{className:"iui-page-header-divider"}),i),h&&t.createElement(n,{className:"iui-page-header-center"},h),t.createElement(n,{className:"iui-page-header-right"},c,l&&t.createElement(f,{menuItems:l},t.createElement(w,{styleType:"borderless","aria-label":g.moreOptions},t.createElement(J,{"aria-hidden":!0})))))}),k=t.forwardRef((r,a)=>{let{className:s,items:i,...o}=r;return t.createElement(n,{as:"nav","aria-label":"breadcrumbs",className:j("iui-breadcrumbs","iui-header-breadcrumbs",s),ref:a,...o},t.createElement(n,{as:"ol",className:j("iui-breadcrumbs-list","iui-header-breadcrumbs-list")},i.reduce((c,l,m)=>[...c,l,m!==i.length-1&&t.createElement(n,{as:"li",className:"iui-breadcrumbs-separator",key:m},t.createElement(L,{key:`chevron${m}`,"aria-hidden":!0,className:"iui-chevron"}))],[])))}),T=t.forwardRef((r,a)=>{let{className:s,children:i,startIcon:o,endIcon:c,styleType:l,size:m,...u}=r;return t.createElement(B,{className:j("iui-header-breadcrumb-button",s),ref:a,...u},o,i,c)}),$=t.forwardRef((r,a)=>{let{menuItems:s,className:i,menuPlacement:o="bottom-end",children:c,disabled:l,...m}=r,[u,h]=t.useState(!1),[b,g]=t.useState(0),N=t.useRef(null);return t.useEffect(()=>{N.current&&g(N.current.offsetWidth)},[c]),t.createElement(n,{className:j("iui-header-breadcrumb-button-wrapper",i),ref:N},t.createElement(T,{ref:a,disabled:l,...m},c),t.createElement(f,{placement:o,menuItems:s,style:{minInlineSize:b},onVisibleChange:V=>h(V)},t.createElement(B,{"aria-label":"More",className:"iui-header-breadcrumb-button iui-header-breadcrumb-button-split",disabled:l},u?t.createElement(R,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}))))}),_=t.forwardRef((r,a)=>{let{menuItems:s,children:i,...o}=r,[c,l]=t.useState(!1),[m,u]=t.useState(0),h=t.useRef(null),b=H(a,h);return t.useEffect(()=>{h.current&&u(h.current.offsetWidth)},[i]),t.createElement(f,{menuItems:s,style:{minInlineSize:m},onVisibleChange:g=>l(g)},t.createElement(T,{ref:b,"aria-label":"Dropdown",endIcon:c?t.createElement(R,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}):t.createElement(A,{className:"iui-header-breadcrumb-button-dropdown-icon","aria-hidden":!0}),...o},i))}),d=t.forwardRef((r,a)=>{let{name:s,description:i,htmlName:o,isActive:c=!1,startIcon:l,menuItems:m,disabled:u,...h}=r,b={startIcon:l?t.createElement(n,{as:"span",className:"iui-header-breadcrumb-button-icon","aria-hidden":!0},l):null,children:t.createElement(n,{as:"span",className:"iui-header-breadcrumb-button-text"},t.createElement(n,{as:"span",className:"iui-header-breadcrumb-button-text-label"},s),i&&t.createElement(n,{as:"span",className:"iui-header-breadcrumb-button-text-sublabel"},i)),ref:a,disabled:u,name:o,...!!m&&{menuItems:m},...h},g=r.menuItems&&r.onClick?t.createElement($,b):r.menuItems?t.createElement(_,b):t.createElement(T,b);return t.createElement(n,{as:"li",className:"iui-header-breadcrumb-item","aria-current":c?"location":void 0,"aria-disabled":u?"true":void 0},g)}),S=t.forwardRef((r,a)=>{let{className:s,children:i,logo:o,onClick:c,as:l=c?"button":"div",...m}=r;return t.createElement(n,{className:j("iui-header-brand",s),as:l,type:l==="button"?"button":void 0,onClick:c,ref:a,...m},o?t.createElement(n,{as:"span",className:"iui-header-brand-icon","aria-hidden":!0},o):null,i&&t.createElement(n,{as:"span",className:"iui-header-brand-label"},i))}),q=r=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},t.createElement("path",{d:"M10.015 6.346a2.52 2.52 0 01-.93 1.79 1.991 1.991 0 00-.79 1.5h-1.11a2.921 2.921 0 011.12-2.29c.787-.677.621-1.96-.38-1.96-.633.022-.74.696-.74 1.28h-1.2a2.868 2.868 0 01.68-2.09 2.041 2.041 0 013.35 1.77zm-1.52 4.805a.745.745 0 11-.745-.745.745.745 0 01.745.745zM8 1.501A6.499 6.499 0 111.501 8 6.506 6.506 0 018 1.501m0-1.5A7.999 7.999 0 1015.999 8 7.999 7.999 0 008 .001z"})),G=r=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},t.createElement("path",{d:"M14.025 3.253l-5-2.974a2.023 2.023 0 00-2.05 0l-5 2.974A1.994 1.994 0 001 4.963v6.073a2.025 2.025 0 00.975 1.71l5 2.975a2.023 2.023 0 002.05 0l5-2.974a1.994 1.994 0 00.975-1.71V4.938a1.953 1.953 0 00-.975-1.686zM8 3.25a1.063 1.063 0 11-1.063 1.063A1.063 1.063 0 018 3.25zm3 9.19a.25.25 0 01-.122.214l-2.725 1.623a.25.25 0 01-.255 0L5.123 12.64A.25.25 0 015 12.424v-1.441a.25.25 0 01.378-.215L7 11.667v-3.43l-.878-.56A.25.25 0 016 7.462V6.016a.25.25 0 01.378-.214l2.5 1.383A.25.25 0 019 7.399v4.268l1.622-.899a.25.25 0 01.378.215z"})),y=r=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},t.createElement("path",{d:"M10.5 0a3.905 3.905 0 00-1.466 3.051c0 .097.007.192.014.287L6.8 5.586a4.806 4.806 0 00-4.773 1.601l2.942 2.941L0 15.097V16h.903l4.969-4.969 2.94 2.941A4.806 4.806 0 0010.415 9.2l2.248-2.248c.095.007.19.014.287.014A3.905 3.905 0 0016 5.501z"})),xe={title:"Header"},v=(r,a)=>s=>{console.log(`Menu '${r}', ${s} clicked!`),a()},p=r=>a=>[e.jsxs(x,{value:"Item #1",onClick:v(r,a),children:[r," item #1"]},1),e.jsxs(x,{value:"Item #2",onClick:v(r,a),children:[r," item #2"]},2),e.jsxs(x,{value:"Item #3",onClick:v(r,a),children:[r," item #3"]},3)],ve=()=>{const[r,a]=t.useState("User"),s=i=>[e.jsx(F,{children:e.jsxs(e.Fragment,{children:[e.jsx(z,{variant:"leading",children:"Terry Rivers"}),e.jsx(z,{isMuted:!0,style:{marginBottom:8},children:"terry.rivers@email.com"}),e.jsx(D,{options:[{value:"User",label:"User"},{value:"Moderator",label:"Moderator"},{value:"Administrator",label:"Administrator"}],value:r,onChange:o=>a(o)})]})},0),e.jsx(O,{},1),e.jsx(x,{value:"View profile",onClick:v("Avatar",i),children:"View profile"},2),e.jsx(x,{value:"Sign out",onClick:v("Avatar",i),children:"Sign out"},3)];return e.jsx(M,{appLogo:e.jsx(S,{logo:e.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"m12.6 13.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7 3.9-4.6 4.2-5.7 2.4l-1.2 5.7h-2.2l3.5-14.1 1.8-.4c-.1.5-1.4 6.2.6 7 2 .7 4.6-8.5 4.6-8.5l2.2.4c-1.6 3.7-1.6 7.6 1.1 10.9l-2.3 2.1"})}),onClick:()=>console.log("Clicked on the title"),children:"Microstation"}),breadcrumbs:e.jsx(k,{items:[e.jsx(d,{onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project"),name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(C,{}),disabled:!0},"project"),e.jsx(d,{onClick:()=>console.log("Clicked on the iModel"),menuItems:p("iModel"),name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),isActive:!0},"iModel"),e.jsx(d,{name:"Version C",onClick:()=>console.log("Clicked on the Version"),startIcon:e.jsx(y,{})},"version")]}),actions:[e.jsx(w,{onClick:()=>console.log("Clicked on the notification bell"),styleType:"borderless","aria-label":"Notifications",children:e.jsx(U,{})},"notif"),e.jsx(f,{menuItems:p("Help"),children:e.jsx(w,{styleType:"borderless","aria-label":"Help",children:e.jsx(q,{})})},"help"),e.jsx(f,{menuItems:s,children:e.jsx(w,{styleType:"borderless","aria-label":"User",children:e.jsx(I,{size:"medium",abbreviation:"TR",backgroundColor:E("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"})})},"avatar")],menuItems:p("More")})},fe=()=>e.jsx(M,{appLogo:e.jsx(S,{logo:e.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"m12.6 13.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7 3.9-4.6 4.2-5.7 2.4l-1.2 5.7h-2.2l3.5-14.1 1.8-.4c-.1.5-1.4 6.2.6 7 2 .7 4.6-8.5 4.6-8.5l2.2.4c-1.6 3.7-1.6 7.6 1.1 10.9l-2.3 2.1"})})}),breadcrumbs:e.jsx(k,{items:[e.jsx(d,{name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(C,{}),onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project")},"project"),e.jsx(d,{name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),onClick:()=>console.log("Clicked on the iModel")},"iModel"),e.jsx(d,{name:"Version C",menuItems:p("Version"),startIcon:e.jsx(y,{}),isActive:!0},"version")]}),actions:[e.jsx(I,{size:"medium",abbreviation:"TR",backgroundColor:E("Terry Rivers"),title:"Terry Rivers"},"avatar")]}),we=()=>e.jsx(M,{isSlim:!0,appLogo:e.jsx(S,{logo:e.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"m12.6 13.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7 3.9-4.6 4.2-5.7 2.4l-1.2 5.7h-2.2l3.5-14.1 1.8-.4c-.1.5-1.4 6.2.6 7 2 .7 4.6-8.5 4.6-8.5l2.2.4c-1.6 3.7-1.6 7.6 1.1 10.9l-2.3 2.1"})})}),breadcrumbs:e.jsx(k,{items:[e.jsx(d,{name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(C,{}),onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project")},"project"),e.jsx(d,{name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),onClick:()=>console.log("Clicked on the iModel")},"iModel"),e.jsx(d,{name:"Version C",menuItems:p("Version"),startIcon:e.jsx(y,{}),isActive:!0},"version")]}),actions:[e.jsx(I,{size:"medium",abbreviation:"TR",backgroundColor:E("Terry Rivers"),title:"Terry Rivers"},"avatar")]}),Ce=()=>{const r=e.jsxs(e.Fragment,{children:[e.jsxs("style",{children:[".center-input { border-radius: 22px; width: 20vw; transition: all 0.2s ease }",".iui-slim .iui-center { align-items: unset }",".iui-slim .center-input { min-height: unset }","@media (max-width: 768px) { .center-input { display: none; } }"]}),e.jsx(W,{className:"center-input",placeholder:"Search within Model B..."})]});return e.jsx(M,{appLogo:e.jsx(S,{logo:e.jsx(G,{})}),breadcrumbs:e.jsx(k,{items:[e.jsx(d,{name:"Project A",description:"YJC-2249",startIcon:e.jsx(C,{}),onClick:()=>console.log("Clicked on the Project"),menuItems:p("Project")},"project"),e.jsx(d,{name:"iModel B",startIcon:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png",style:{objectFit:"cover"}}),onClick:()=>console.log("Clicked on the iModel")},"iModel"),e.jsx(d,{name:"Version C",onClick:()=>console.log("Clicked on the Version"),startIcon:e.jsx(y,{}),isActive:!0},"version")]}),actions:[e.jsx(I,{size:"medium",abbreviation:"TR",backgroundColor:E("Terry Rivers"),title:"Terry Rivers"},"avatar")],menuItems:p("More"),children:r})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{fe as Basic,Ce as CenterContent,ve as Full,we as Slim,xe as default}; diff --git a/2452/react/assets/Icon-DaWu1iQD.js b/2452/react/assets/Icon-DaWu1iQD.js new file mode 100644 index 00000000000..a13548e4ea2 --- /dev/null +++ b/2452/react/assets/Icon-DaWu1iQD.js @@ -0,0 +1 @@ +import{r as a,B as l,c as u}from"./index-BiF_XSVc.js";let n=e=>{switch(e){case"small":return"s";case"medium":return"m";case"large":return"l";default:return e}};const m=a.forwardRef((e,r)=>{let{size:t="medium",fill:s="default",className:i,padded:c=!1,...d}=e;return a.createElement(l,{as:"span",className:u("iui-svg-icon",i),"data-iui-icon-size":n(t),"data-iui-icon-color":s,"data-iui-padded":c?"true":void 0,ref:r,...d})});export{m as I}; diff --git a/2452/react/assets/Icon.stories-xi8yMb6Y.js b/2452/react/assets/Icon.stories-xi8yMb6Y.js new file mode 100644 index 00000000000..3940c978357 --- /dev/null +++ b/2452/react/assets/Icon.stories-xi8yMb6Y.js @@ -0,0 +1 @@ +import{r as l,j as e,R as d}from"./index-BiF_XSVc.js";import{S as r}from"./Placeholder-BLpsNn0N.js";import{S as c,a as x,b as m}from"./StatusWarning-vacJUxoU.js";import{I as t}from"./Icon-DaWu1iQD.js";import{F as j}from"./Flex-CseMmOEw.js";import{S as u}from"./Slider-D2u2dpme.js";import"./useEventListener-BWDd9VON.js";const h=s=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},l.createElement("path",{d:"M8 0a8 8 0 108 8 8 8 0 00-8-8zm1.2 3.2a.923.923 0 01.997.843l.003.057a1.31 1.31 0 01-1.3 1.2.945.945 0 01-1-1 1.228 1.228 0 011.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 013.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 001.1-.6l.3.4a5.769 5.769 0 01-3 1.6z"})),I={title:"Icon"},A=()=>e.jsx(t,{children:e.jsx(r,{})}),F=()=>e.jsx(j,{style:{border:"1px solid red",width:"fit-content"},children:e.jsx(t,{padded:!0,children:e.jsx(r,{})})}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{fill:"informational",children:e.jsx(h,{})}),e.jsx(t,{fill:"negative",children:e.jsx(c,{})}),e.jsx(t,{fill:"positive",children:e.jsx(x,{})}),e.jsx(t,{fill:"warning",children:e.jsx(m,{})})]});n.decorators=[s=>e.jsx("div",{style:{display:"flex",gap:4},children:e.jsx(s,{})})];const p=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{size:"small",children:e.jsx(r,{})}),e.jsx(t,{size:"medium",children:e.jsx(r,{})}),e.jsx(t,{size:"large",children:e.jsx(r,{})})]});p.decorators=n.decorators;const f=()=>e.jsx(t,{size:"auto",children:e.jsx(r,{})});f.decorators=[s=>e.jsx(g,{children:e.jsx(s,{})})];const g=({children:s})=>{const[i,a]=d.useState(()=>.875);return e.jsxs("div",{style:{display:"flex",gap:16,alignItems:"start"},children:[e.jsxs("p",{style:{width:"min(400px, 90%)",fontSize:`${i}rem`,lineHeight:1.3},children:[e.jsx("span",{style:{marginRight:4,verticalAlign:"middle"},children:s}),"This icon will scale with text. Try adjusting the slider."]}),e.jsx(u,{orientation:"vertical",values:[i],onUpdate:([o])=>a(o),min:.5,max:2.5,step:.05,minLabel:"",maxLabel:"",tooltipProps:()=>({visible:!1}),style:{height:"min(150px, 90vh)"},thumbProps:()=>({"aria-label":"Adjust font size"})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{f as Autoscale,A as Default,F as Padded,p as Sizes,n as Statuses,I as default}; diff --git a/2452/react/assets/IconButton.stories-D06HKVVU.js b/2452/react/assets/IconButton.stories-D06HKVVU.js new file mode 100644 index 00000000000..917c3f60dfd --- /dev/null +++ b/2452/react/assets/IconButton.stories-D06HKVVU.js @@ -0,0 +1 @@ +import{j as e,I as o}from"./index-BiF_XSVc.js";import{S as t}from"./Add-DRm23ihK.js";const n={title:"IconButton"},s=()=>e.jsx(o,{label:"Add",onClick:()=>console.log("clicked"),children:e.jsx(t,{})}),i=()=>e.jsx(o,{label:"Add",onClick:()=>console.log("clicked"),isActive:!0,size:"small",children:e.jsx(t,{})}),c=()=>e.jsx(o,{label:"Add",onClick:()=>console.log("clicked"),styleType:"high-visibility",children:e.jsx(t,{})}),r=()=>e.jsx(o,{label:"Add",styleType:"borderless",onClick:()=>console.log("clicked"),children:e.jsx(t,{})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{s as Add,r as Borderless,c as HighVisibilityAdd,i as SmallActiveAdd,n as default}; diff --git a/2452/react/assets/IdeasButton.stories-C1VU_6yz.js b/2452/react/assets/IdeasButton.stories-C1VU_6yz.js new file mode 100644 index 00000000000..91e10131003 --- /dev/null +++ b/2452/react/assets/IdeasButton.stories-C1VU_6yz.js @@ -0,0 +1 @@ +import{r as e,o as r,c as l,j as a}from"./index-BiF_XSVc.js";import{B as m}from"./Button-DJoTb4xb.js";import"./ProgressRadial-BJPx7fqR.js";const u=t=>e.createElement(r,t,e.createElement("path",{d:"M8 12.5a5.19 5.19 0 0 1-3.872-1.666.5.5 0 1 1 .744-.668A4.191 4.191 0 0 0 8 11.5a4.191 4.191 0 0 0 3.128-1.334.5.5 0 1 1 .744.668A5.19 5.19 0 0 1 8 12.5zM11 5a1.146 1.146 0 0 1 1 1.25 1.146 1.146 0 0 1-1 1.25 1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 11 5zM5 5a1.146 1.146 0 0 1 1 1.25A1.146 1.146 0 0 1 5 7.5a1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 5 5zm3-5a8 8 0 1 0 8 8 8 8 0 0 0-8-8z"})),o=e.forwardRef((t,n)=>{let{feedbackLabel:c="Feedback",className:s,onClick:i,...d}=t;return e.createElement(m,{ref:n,className:l("iui-button-idea",s),"data-iui-variant":"high-visibility",onClick:i,startIcon:e.createElement(u,{"aria-hidden":!0}),...d},c)}),b={title:"IdeasButton"},E=()=>a.jsx(o,{onClick:()=>console.log("clicked")}),w=()=>a.jsx(o,{feedbackLabel:"Localized feedback",onClick:()=>console.log("clicked")});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{E as Ideas,w as LocalizedIdeas,b as default}; diff --git a/2452/react/assets/InformationPanel.stories-Ve0IUZof.js b/2452/react/assets/InformationPanel.stories-Ve0IUZof.js new file mode 100644 index 00000000000..07dfe30b250 --- /dev/null +++ b/2452/react/assets/InformationPanel.stories-Ve0IUZof.js @@ -0,0 +1 @@ +import{r as o,e as T,B as f,c as I,p as N,I as P,S as V,R as u,j as e}from"./index-BiF_XSVc.js";import{S as k}from"./Edit-BhhUZmRT.js";import{B as w}from"./Button-DJoTb4xb.js";import{T as D}from"./Table-KMjhtGOb.js";import{T as x}from"./Text-JFgXX77W.js";import{L as c}from"./Label-BaBdAter.js";import{I as p}from"./Input-D1FcPXKL.js";import{T as A}from"./Textarea-C0SdQr5i.js";import"./ProgressRadial-BJPx7fqR.js";import"./SvgChevronRight-B29fjzPj.js";import"./Checkbox-CSBhyz7i.js";import"./useVirtualScroll-nz8uIm5j.js";import"./useIntersection-W6S9tRXv.js";const v=o.forwardRef((t,n)=>{let{className:s,isOpen:a=!1,orientation:i="vertical",resizable:l=!0,children:j,...g}=t,[b,d]=o.useState({width:void 0,height:void 0}),r=o.useRef(null),m=T(n,r),O=h=>{r.current&&(h.button!=null&&h.button!==0||(h.preventDefault(),h.stopPropagation(),r.current.ownerDocument.addEventListener("pointermove",E),r.current.ownerDocument.addEventListener("pointerup",()=>{var y;return(y=r.current)==null?void 0:y.ownerDocument.removeEventListener("pointermove",E)},{once:!0})))},E=o.useCallback(h=>{if(h.preventDefault(),!r.current)return;let{right:y,bottom:F}=r.current.getBoundingClientRect();d(i==="vertical"?{width:y-h.clientX,height:void 0}:{height:F-h.clientY,width:void 0})},[i]);return o.createElement(f,{className:I("iui-information-panel",{"iui-right":i==="vertical","iui-bottom":i==="horizontal","iui-visible":a},s),ref:m,...g,style:{width:i==="vertical"?b.width:void 0,height:i==="horizontal"?b.height:void 0,...t.style}},l&&o.createElement(f,{className:"iui-resizer",onPointerDown:O},o.createElement(f,{className:"iui-resizer-bar"})),j)}),q=N.div("iui-information-panel-wrapper"),C=o.forwardRef((t,n)=>{let{children:s,onClose:a,actions:i,className:l,...j}=t;return o.createElement(f,{className:I("iui-information-header",l),ref:n,...j},o.createElement(f,{as:"span",className:"iui-information-header-label"},s),o.createElement(f,{className:"iui-information-header-actions"},i,a&&o.createElement(P,{styleType:"borderless",onClick:a,"aria-label":"Close"},o.createElement(V,{"aria-hidden":!0}))))}),R=N.div("iui-information-body"),S=o.forwardRef((t,n)=>{let{className:s,displayStyle:a="default",children:i,...l}=t;return o.createElement(f,{className:I("iui-information-body-content",{"iui-inline":a==="inline"},s),ref:n,...l},i)}),te={title:"InformationPanel"},z=()=>{const[t,n]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(w,{onClick:()=>n(i),children:"Details"})}],[]),a=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:a,emptyTableContent:"No data."}),e.jsxs(v,{isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{n(-1),console.log("Panel closed")},children:e.jsxs(x,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(S,{displayStyle:"inline",children:[e.jsx(c,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(c,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(c,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(c,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};z.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(x,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Click on Details to open InformationalPanel"})}),e.jsx(t,{})]})];const B=()=>{const[t,n]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(w,{onClick:()=>n(i),children:"Details"})}],[]),a=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:a,emptyTableContent:"No data."}),e.jsxs(v,{orientation:"horizontal",isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{n(-1),console.log("Panel closed")},children:e.jsxs(x,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(S,{displayStyle:"inline",children:[e.jsx(c,{htmlFor:"name-input",children:"File name"}),e.jsx(p,{size:"small",id:"name-input",defaultValue:`Row ${t??0}`,readOnly:!0}),e.jsx(c,{htmlFor:"author-input",children:"Author"}),e.jsx(p,{size:"small",id:"author-input",defaultValue:"DJ Terry",readOnly:!0}),e.jsx(c,{htmlFor:"year-input",children:"Year"}),e.jsx(p,{size:"small",id:"year-input",defaultValue:"2021",readOnly:!0}),e.jsx(c,{htmlFor:"path-input",children:"Path"}),e.jsx(p,{size:"small",id:"path-input",defaultValue:"/Shared/Music/",readOnly:!0})]})})]})]})};B.decorators=[...z.decorators];const M=()=>{var g,b;const[t,n]=u.useState(),[s,a]=u.useState(!1),i=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:d})=>e.jsx(w,{onClick:()=>n(d.index),children:"Details"})}],[]),[l,j]=u.useState(()=>[...Array(10).fill(null)].map((d,r)=>({name:`Row${r}`,info:`Row${r} description: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus veniam dicta error doloremque libero sit est. Voluptatum nam modi, ex illum veritatis nobis omnis porro quod harum optio minus magnam tenetur quia dolor quis natus, eius, suscipit hic? Nobis deleniti obcaecati, sequi mollitia vero magnam error quidem, voluptatem asperiores repudiandae, molestias sit et voluptatibus magni. Sequi delectus, sunt eaque corrupti architecto modi suscipit? Quos in itaque dolore voluptas saepe natus repellat ad qui dolores. Incidunt temporibus ut, unde maxime nam explicabo saepe aspernatur molestiae iste libero neque, alias corporis laboriosam fugiat ad. Dicta neque quos fuga odit quae sequi dolore!`})));return e.jsxs(q,{children:[e.jsx(D,{columns:i,data:l,emptyTableContent:"No data."}),e.jsxs(v,{isOpen:t!=null,children:[e.jsx(C,{onClose:()=>{n(void 0),a(!1),console.log("Panel closed")},actions:e.jsx(P,{styleType:"borderless",isActive:s,onClick:()=>a(d=>!d),"aria-label":"Edit",children:e.jsx(k,{})}),children:e.jsx(x,{variant:"subheading",children:"Row details"})}),e.jsx(R,{children:t!=null&&e.jsxs(S,{children:[e.jsx(c,{htmlFor:"name-input",children:"Name"}),e.jsx(p,{id:"name-input",defaultValue:(g=l[t])==null?void 0:g.name,disabled:!s,onChange:({target:{value:d}})=>{j(r=>{const m=[...r];return m[t]={...m[t],name:d},m})}}),e.jsx(c,{htmlFor:"description-input",children:"Description"}),e.jsx(A,{id:"description-input",defaultValue:(b=l[t])==null?void 0:b.info,disabled:!s,onChange:({target:{value:d}})=>{j(r=>{const m=[...r];return m[t]={...m[t],info:d},m})},rows:15})]})})]})]})};M.decorators=[...z.decorators];const H=()=>{const[t,n]=u.useState(!1);return e.jsxs(q,{style:{height:"80vh",width:"90%"},children:[e.jsx("div",{style:{backgroundColor:"var(--iui-color-background-disabled)",padding:16,height:"100%",boxSizing:"border-box"},children:e.jsx(w,{onClick:()=>n(a=>!a),children:"Toggle"})}),e.jsxs(v,{style:{width:"40%",maxWidth:"70%"},isOpen:t,orientation:"vertical",children:[e.jsx(C,{onClose:()=>{n(!1),console.log("Panel closed")},children:e.jsx(x,{variant:"subheading",children:"Details"})}),e.jsx(R,{children:e.jsx(x,{children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus veniam dicta error doloremque libero sit est. Voluptatum nam modi, ex illum veritatis nobis omnis porro quod harum optio minus magnam tenetur quia dolor quis natus, eius, suscipit hic? Nobis deleniti obcaecati, sequi mollitia vero magnam error quidem, voluptatem asperiores repudiandae, molestias sit et voluptatibus magni. Sequi delectus, sunt eaque corrupti architecto modi suscipit? Quos in itaque dolore voluptas saepe natus repellat ad qui dolores. Incidunt temporibus ut, unde maxime nam explicabo saepe aspernatur molestiae iste libero neque, alias corporis laboriosam fugiat ad. Dicta neque quos fuga odit quae sequi dolore!"})})]})]})};H.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(x,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Notice that the panel has an initial width of 40% and can only be resized upto 70% of the container width."})}),e.jsx(t,{})]})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{z as Basic,M as CustomActions,H as CustomWidth,B as Horizontal,te as default}; diff --git a/2452/react/assets/Input-D1FcPXKL.js b/2452/react/assets/Input-D1FcPXKL.js new file mode 100644 index 00000000000..bd990abb445 --- /dev/null +++ b/2452/react/assets/Input-D1FcPXKL.js @@ -0,0 +1 @@ +import{r as e,e as c,B as o,c as p}from"./index-BiF_XSVc.js";const d=e.forwardRef((s,t)=>{let{size:a,htmlSize:i,status:r,className:u,...l}=s,f=e.useRef(null),n=c(f,t);return e.createElement(o,{as:"input",className:p("iui-input","iui-field",u),"data-iui-size":a,"data-iui-status":r,size:i,ref:n,...l})});export{d as I}; diff --git a/2452/react/assets/Input.stories-C6CNjqoN.js b/2452/react/assets/Input.stories-C6CNjqoN.js new file mode 100644 index 00000000000..88fee64957c --- /dev/null +++ b/2452/react/assets/Input.stories-C6CNjqoN.js @@ -0,0 +1 @@ +import{j as t}from"./index-BiF_XSVc.js";import{I as e}from"./Input-D1FcPXKL.js";const o={title:"Input"},r=()=>t.jsx(e,{placeholder:"Basic Input"}),a=()=>t.jsx(e,{placeholder:"Disabled Input",disabled:!0}),l=()=>t.jsx(e,{placeholder:"Small Input",size:"small"}),u=()=>t.jsx(e,{placeholder:"Positive Input",status:"positive"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{r as Basic,a as Disabled,l as Small,u as Status,o as default}; diff --git a/2452/react/assets/InputFlexContainer-BCUPBwKB.js b/2452/react/assets/InputFlexContainer-BCUPBwKB.js new file mode 100644 index 00000000000..f99abad8036 --- /dev/null +++ b/2452/react/assets/InputFlexContainer-BCUPBwKB.js @@ -0,0 +1 @@ +import{r as e,c as n,B as d,I as f}from"./index-BiF_XSVc.js";import{I as m}from"./Icon-DaWu1iQD.js";const I=e.forwardRef((t,a)=>{let{isDisabled:s,status:r,children:i,className:o,size:l,style:c,...u}=t;return e.createElement(d,{className:n("iui-input-flex-container",o),"data-iui-status":r,"data-iui-size":l,"data-iui-disabled":s?"true":void 0,ref:a,style:c,...u},i)}),N=e.forwardRef((t,a)=>{let{className:s,...r}=t;return e.createElement(f,{ref:a,className:n("iui-input-flex-container-icon",s),styleType:"borderless",...r})}),b=e.forwardRef((t,a)=>{let{className:s,...r}=t;return e.createElement(m,{ref:a,className:n("iui-input-flex-container-icon",s),padded:!0,...r})});export{b as I,I as a,N as b}; diff --git a/2452/react/assets/InputGrid-Cube8CDs.js b/2452/react/assets/InputGrid-Cube8CDs.js new file mode 100644 index 00000000000..9b3a1107dd0 --- /dev/null +++ b/2452/react/assets/InputGrid-Cube8CDs.js @@ -0,0 +1 @@ +import{r as e,a as Pe,B as re,c as ae,u as L,e as Se,n as j,m as Ce,G as qe,d as xe,K as We,l as $e,t as He,E as Ke,y as je,D as G}from"./index-BiF_XSVc.js";import{L as ke}from"./Label-BaBdAter.js";import{I as Fe}from"./Input-D1FcPXKL.js";import{T as Ge}from"./Textarea-C0SdQr5i.js";import{I as Ne}from"./Icon-DaWu1iQD.js";import{I as de}from"./InputWithDecorations-BD26TqGD.js";import{M as Ue}from"./MenuExtraContent-D0GLP-Ew.js";import{a as Ye,I as ce,b as Je,A as Qe,S as ne}from"./Select-C5sRZq7A.js";import{T as Xe}from"./Text-JFgXX77W.js";import{S as Ze}from"./SvgCaretDownSmall-Bqg-enXi.js";import{u as _e}from"./useContainerWidth-BN4XcDTv.js";import{L as et}from"./List-9GtQ4mx3.js";import{u as tt}from"./useVirtualScroll-nz8uIm5j.js";import{L as te}from"./ListItem-BGCU0KzW.js";import{S as rt}from"./SvgCheckmark-BUStwd7A.js";const fe=e.forwardRef((n,u)=>{let{children:c,startIcon:i,status:t,className:s,iconProps:l,contentProps:o,...r}=n,f=i??(t&&Pe[t]()),y=i!==null&&!!f;return e.createElement(re,{className:ae("iui-status-message",s),"data-iui-status":t,ref:u,...r},y?e.createElement(Ne,{"aria-hidden":!0,...l},f):null,e.createElement(re,o,c))}),nt=e.forwardRef((n,u)=>{let{label:c,disabled:i,required:t,status:s,message:l,icon:o,isLabelInline:r,children:f,className:y,style:k,statusMessage:b,inputId:I,labelId:C,...m}=n;return e.createElement(re,{className:ae("iui-input-grid",y),"data-iui-status":s,"data-iui-label-placement":r?"inline":void 0,style:k,ref:u,...m},c&&e.createElement(ke,{as:I&&n.as!=="label"?"label":"div",required:t,disabled:i,htmlFor:I,id:C},c),f,b||l&&e.createElement(fe,{startIcon:o,status:s},l))}),me=e.createContext(void 0),U=e.createContext(void 0),at=e.forwardRef((n,u)=>{let{className:c,children:i,disabled:t,isOpen:s,...l}=n;return e.createElement(Ne,{as:"span",ref:u,className:ae("iui-end-icon",{"iui-disabled":t,"iui-open":s},c),...l},i??e.createElement(Ze,{"aria-hidden":!0}))}),lt=e.forwardRef((n,u)=>{let{selectedItems:c=[],...i}=n;return e.createElement(Ye,{ref:u,tags:c,...i})}),it=e.forwardRef((n,u)=>{let{selectTags:c,size:i,style:t,...s}=n,{isOpen:l,id:o,focusedIndex:r,setFocusedIndex:f,enableVirtualization:y,multiple:k,onClickHandler:b,popover:I,show:C,hide:m}=L(U),{inputRef:le,menuRef:R,optionsExtraInfo:w}=L(me),pe=Se(le,I.refs.setReference,u),v=j(r??-1),be=V=>{var d,h;return((h=(d=R.current)==null?void 0:d.querySelector(`[data-iui-index="${V}"]`))==null?void 0:h.id)??""},Y=e.useCallback(V=>{var h,X,F,Z,N,B,T,A,P,q;let d=Object.keys(w).length??0;if(!V.altKey)switch(V.key){case"ArrowDown":{if(V.preventDefault(),!l)return C();if(d===0)return;if(v.current===-1){let x=(h=R.current)==null?void 0:h.querySelector("[data-iui-index]");return f(Number((x==null?void 0:x.getAttribute("data-iui-index"))??0))}if(y&&!((F=(X=R.current)==null?void 0:X.querySelector(`[data-iui-index="${v.current}"]`))!=null&&F.nextElementSibling))return;let M=v.current;do{let x=(Z=R.current)==null?void 0:Z.querySelector(`[data-iui-index="${M}"]`),S=(x==null?void 0:x.nextElementSibling)??((N=R.current)==null?void 0:N.querySelector("[data-iui-index]"));if(M=Number(S==null?void 0:S.getAttribute("data-iui-index")),S)return f(M)}while(M!==v.current);break}case"ArrowUp":{if(V.preventDefault(),!l)return C();if(d===0||y&&!((T=(B=R.current)==null?void 0:B.querySelector(`[data-iui-index="${v.current}"]`))!=null&&T.previousElementSibling))return;if(v.current===-1)return f(((A=Object.values(w))==null?void 0:A[d-1].__originalIndex)??-1);let M=v.current;do{let x=(P=R.current)==null?void 0:P.querySelector(`[data-iui-index="${M}"]`),S=(x==null?void 0:x.previousElementSibling)??((q=R.current)==null?void 0:q.querySelector("[data-iui-index]:last-of-type"));if(M=Number(S==null?void 0:S.getAttribute("data-iui-index")),S)return f(M)}while(M!==v.current);break}case"Enter":V.preventDefault(),l?v.current>-1&&(b==null||b(v.current)):C();break;case"Escape":V.preventDefault(),m();break;case"Tab":m();break}},[f,y,v,l,R,b,w,C,m]),J=e.useRef(!1),$=e.useCallback(()=>{J.current=l},[l]),O=e.useCallback(()=>{J.current?m():C(),J.current=!1},[m,C]),[H,Q]=_e();return e.createElement(e.Fragment,null,e.createElement(Fe,{ref:pe,"aria-expanded":l,"aria-activedescendant":l&&r!=null&&r>-1?be(r):void 0,role:"combobox","aria-controls":l?`${o}-list`:void 0,"aria-autocomplete":"list",spellCheck:!1,autoCapitalize:"none",autoCorrect:"off",style:{...k&&{paddingInlineStart:Q+18},...t},"aria-describedby":k?`${o}-selected-live`:void 0,size:i,...I.getReferenceProps({...s,onPointerDown:Ce(n.onPointerDown,$),onClick:Ce(n.onClick,O),onKeyDown:Ce(n.onKeyDown,Y)})}),k&&c?e.createElement(lt,{ref:H,selectedItems:c,id:`${o}-selected-live`}):null)}),st=e.forwardRef((n,u)=>{let{className:c,status:i,message:t,children:s,...l}=n,{id:o}=L(U);return e.createElement(nt,{className:c,status:i,statusMessage:typeof t=="string"?e.createElement(fe,{status:i},t):e.isValidElement(t)&&e.cloneElement(t,{status:i}),ref:u,...l,id:o},e.createElement(ce,null,s))});let ut=n=>{let{children:u,...c}=n,{filteredOptions:i,getMenuItem:t,focusedIndex:s}=L(U),{menuRef:l}=L(me),o=e.useMemo(()=>{let b=0;for(let I=0;I=Math.min(3,i.length)},[i]),r=e.useMemo(()=>{var I;let b=(I=l.current)==null?void 0:I.querySelector(`[data-iui-index="${s}"]`);return b?Number(b.getAttribute("data-iui-filtered-index")??s):s},[s,l]),{virtualizer:f,css:y}=tt({count:i.length||1,getScrollElement:()=>l.current,estimateSize:()=>o?48:36,gap:-1});xe(()=>{f.scrollToIndex(r)},[f,r]);let k=e.useCallback(b=>{let I=i.length>0?t(i[b.index],b.index):u;return e.cloneElement(I,{key:b.key,ref:f.measureElement,"data-iui-virtualizer":"item",style:{width:"100%",transform:`translateY(${b.start}px)`}})},[i,t,u,f.measureElement]);return e.createElement(e.Fragment,null,e.createElement(We,{css:y},e.createElement(re,{as:"div","data-iui-virtualizer":"root",...c,style:{minBlockSize:f.getTotalSize(),...n.style}},e.createElement("slot",null))),e.createElement(e.Fragment,null,f.getVirtualItems().map(b=>k(b))))};const ot=e.forwardRef((n,u)=>{let{className:c,children:i,style:t,portal:s=!0,...l}=n,{id:o,enableVirtualization:r,popover:f}=L(U),{menuRef:y}=L(me),k=Se(f.refs.setFloating,u,y);return f.open&&e.createElement(qe,{portal:s},e.createElement(et,{as:"div",className:ae("iui-menu",c),id:`${o}-list`,role:"listbox",ref:k,...f.getFloatingProps({style:r?{maxInlineSize:0,...t}:t,...l})},r?e.createElement(ut,null,i):i))}),dt=e.memo(e.forwardRef((n,u)=>{let{children:c,isSelected:i,disabled:t,value:s,onClick:l,sublabel:o,size:r=o?"large":"default",startIcon:f,endIcon:y,role:k="option",index:b,...I}=n,{focusedIndex:C,enableVirtualization:m}=L(U),R=Se(u,w=>{!m&&C===b&&(w==null||w.scrollIntoView({block:"nearest"}))});return e.createElement(te,{as:"div",actionable:!0,size:r,active:i,disabled:t,focused:C===b,ref:R,onClick:()=>l==null?void 0:l(s),role:k,tabIndex:k==="presentation"?void 0:-1,"aria-selected":i,"aria-disabled":t,"data-iui-index":b,...I},f&&e.createElement(te.Icon,{as:"span","aria-hidden":!0},f),e.createElement(te.Content,null,c,o&&e.createElement(te.Description,null,o)),y||i&&e.createElement(te.Icon,{as:"span","aria-hidden":!0},y??e.createElement(rt,null)))}));let D=(n,u)=>u&&(Array.isArray(n)||n==null),ct=(n,u)=>!u,ze=(n,u)=>n.id??`${u}-option-${n.label.replace(/\s/g,"-")}`;const ve=e.forwardRef((n,u)=>{var Me;let c=$e(),i=e.useCallback((a,p)=>a.filter(g=>g.label.toLowerCase().includes(p.toLowerCase())),[]),{options:t,value:s,onChange:l,filterFunction:o=i,inputProps:r,endIconProps:f,dropdownMenuProps:{middleware:y,...k}={},emptyStateMessage:b="No options found",itemRenderer:I,enableVirtualization:C=!1,multiple:m=!1,onShow:le,onHide:R,id:w=r!=null&&r.id?`iui-${r.id}-cb`:c,defaultValue:pe,clearFilterOnOptionToggle:v=!0,...be}=n,Y=e.useRef(null),J=e.useRef(null),$=j(l),O=j(t),H=j(o),Q=e.useMemo(()=>{let a={};return t.forEach((p,g)=>{a[ze(p,w)]={__originalIndex:g}}),a},[w,t]),V=e.useCallback(a=>{if(a!==void 0){if(D(a,m)){let p=[];return a==null||a.forEach(g=>{let E=t.findIndex(z=>z.value===g);E>-1&&p.push(E)}),p}return t.findIndex(p=>p.value===a)}},[m,t]),[d,h]=He(V(pe)??(m?[]:-1),V(s)),X=e.useRef(s);xe(()=>{s!==X.current&&(X.current=s,s===void 0&&(D(d,m)?h([]):h(-1)))},[m,d,h,s]);let[F,Z]=e.useState(!1),[N,B]=e.useState(-1),T=j(le),A=j(R),P=e.useCallback(()=>{var a;Z(!0),(a=T.current)==null||a.call(T)},[T]),q=e.useCallback(()=>{var a;Z(!1),(a=A.current)==null||a.call(A)},[A]);xe(()=>{var a,p;F?((a=Y.current)==null||a.focus(),D(d,m)||B(d??-1)):(B(-1),D(d,m)?S(""):S(d>=0?((p=O.current[d])==null?void 0:p.label)??"":""),ge(!1))},[F,m,O,d]);let M=e.useRef(t);e.useEffect(()=>{t!==M.current&&(M.current=t,a());function a(){var p;D(d,m)?B(-1):B(d),!D(d,m)&&!F&&S(d>=0?(p=t[d])==null?void 0:p.label:"")}},[t,F,m,d]);let[x,S]=e.useState(((Me=r==null?void 0:r.value)==null?void 0:Me.toString())??""),[Re,ge]=e.useState(!1),Ie=e.useMemo(()=>{var a;return Re?(a=H.current)==null?void 0:a.call(H,t,x):t},[H,x,t,Re]),[Be,De]=e.useState(""),Le=e.useCallback(a=>{var g;let{value:p}=a.currentTarget;S(p),P(),ge(!0),N!=-1&&B(-1),(g=r==null?void 0:r.onChange)==null||g.call(r,a)},[N,r,P]),_=e.useCallback(a=>D(d,m)?d.includes(a):d===a,[m,d]),we=e.useCallback((a,p)=>{if(D(d,m))return p==="added"?[...d,a]:d==null?void 0:d.filter(g=>g!==a)},[d,m]),Ee=e.useCallback((a,p,g)=>{var E,z,K,W;ct($.current,m)?(z=$.current)==null||z.call($,(E=O.current[a])==null?void 0:E.value):p&&g&&((W=$.current)==null||W.call($,g==null?void 0:g.map(ye=>{var se;return(se=O.current[ye])==null?void 0:se.value}),{value:(K=O.current[a])==null?void 0:K.value,type:p}))},[m,$,O]),ie=e.useCallback(a=>{var p,g;if((p=Y.current)==null||p.focus({preventScroll:!0}),!((g=O.current[a])!=null&&g.disabled))if(m){let E=_(a)?"removed":"added",z=we(a,E);if(z==null)return;h(z),Ee(a,E,z),De(z.map(K=>{var W;return(W=O.current[K])==null?void 0:W.label}).filter(Boolean).join(", ")),v&&(S(""),ge(!1))}else h(a),q(),Ee(a)},[O,m,_,we,h,Ee,v,q]),he=e.useCallback((a,p)=>{let g=ze(a,w),{__originalIndex:E}=Q[g],{icon:z,startIcon:K,label:W,...ye}=a,se=K??z,ue=I?I(a,{isFocused:N===E,isSelected:_(E),index:E,id:g}):null;return ue?e.cloneElement(ue,{onClick:ee=>{var Oe,Ve;ie(E),(Ve=(Oe=ue.props).onClick)==null||Ve.call(Oe,ee)},focused:N===E,"data-iui-index":E,"data-iui-filtered-index":p,ref:Ke(ue.props.ref,ee=>{!C&&N===E&&(ee==null||ee.scrollIntoView({block:"nearest"}))})}):e.createElement(dt,{key:g,id:g,startIcon:se,...ye,isSelected:_(E),onClick:()=>{ie(E)},index:E,"data-iui-filtered-index":p},W)},[C,N,w,_,I,ie,Q]),Te=e.useMemo(()=>e.createElement(e.Fragment,null,e.isValidElement(b)?b:e.createElement(Ue,null,e.createElement(Xe,{isMuted:!0},b))),[b]),Ae=je({visible:F,onVisibleChange:a=>a?P():q(),matchWidth:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"},...y},closeOnOutsideClick:!0,interactions:{click:!1,focus:!0}});return e.createElement(me.Provider,{value:{inputRef:Y,menuRef:J,optionsExtraInfo:Q}},e.createElement(U.Provider,{value:{id:w,isOpen:F,focusedIndex:N,setFocusedIndex:B,onClickHandler:ie,enableVirtualization:C,filteredOptions:Ie,getMenuItem:he,multiple:m,popover:Ae,show:P,hide:q}},e.createElement(st,{ref:u,disabled:r==null?void 0:r.disabled,...be},e.createElement(e.Fragment,null,e.createElement(it,{value:x,disabled:r==null?void 0:r.disabled,...r,onChange:Le,selectTags:D(d,m)?d==null?void 0:d.map(a=>{let p=t[a];return e.createElement(Je,{key:p.label,label:p.label})}).filter(Boolean):void 0})),e.createElement(at,{...f,disabled:r==null?void 0:r.disabled,isOpen:F}),m?e.createElement(Qe,{text:Be}):null),e.createElement(ot,{as:"div",...k},Ie.length>0&&!C?Ie.map(he):Te)))}),Vt=e.forwardRef((n,u)=>{let{children:c,className:i,labelPlacement:t,...s}=n,l=ft(c);return e.createElement(re,{className:ae("iui-input-grid",i),"data-iui-label-placement":t,ref:u,...s},l)});let ft=n=>{let{labelId:u,inputId:c,messageId:i}=mt(n);return e.useMemo(()=>e.Children.map(n,t=>e.isValidElement(t)?t.type===ke||t.type==="label"?G(t,s=>({...s.props,htmlFor:s.props.htmlFor||c,id:s.props.id||u})):t.type===fe?G(t,s=>({...s.props,id:s.props.id||i})):oe(t)||t.type===de||t.type===ce?pt(t,{labelId:u,inputId:c,messageId:i}):t:t),[n,c,u,i])},mt=n=>{let u=$e(),c,i,t,s=!1,l=!1,o=r=>{var f;if(e.isValidElement(r)){if(r.type===ve)return((f=r.props.inputProps)==null?void 0:f.id)||`${u}--input`;if(r.type!==ne)return r.props.id||`${u}--input`}};return e.Children.forEach(n,r=>{e.isValidElement(r)&&((r.type===ke||r.type==="label")&&(s=!0,c||(c=r.props.id||`${u}--label`)),r.type===fe&&(t||(t=r.props.id||`${u}--message`)),r.type===de||r.type===ce?e.Children.forEach(r.props.children,f=>{oe(f)&&(i||(i=o(f)))}):oe(r)&&(i||(i=o(r))),r.type===ne&&(l=!0))}),{labelId:l?c:void 0,inputId:s&&!l?i:void 0,messageId:t}},pt=(n,{labelId:u,inputId:c,messageId:i})=>{let t=(l={})=>{let o=[l["aria-describedby"],i].filter(Boolean).join(" ");return{...l,...n.type!==ne&&{id:l.id||c},"aria-describedby":(o==null?void 0:o.trim())||void 0}},s=l=>l.type===ve?G(l,o=>({inputProps:t(o.props.inputProps)})):l.type===ne?G(l,o=>({triggerProps:{"aria-labelledby":u,...t(o.props.triggerProps)}})):G(l,o=>t(o.props));return n.type===de||n.type===ce?G(n,l=>({children:e.Children.map(l.props.children,o=>e.isValidElement(o)&&oe(o)?s(o):o)})):s(n)},oe=n=>e.isValidElement(n)&&(n.type==="input"||n.type==="textarea"||n.type==="select"||n.type===Fe||n.type===Ge||n.type===de.Input||n.type===ne||n.type===ve);export{ve as C,Vt as I,fe as S}; diff --git a/2452/react/assets/InputGrid.stories-Dc8cHcIf.js b/2452/react/assets/InputGrid.stories-Dc8cHcIf.js new file mode 100644 index 00000000000..d7cb43714e1 --- /dev/null +++ b/2452/react/assets/InputGrid.stories-Dc8cHcIf.js @@ -0,0 +1 @@ +import{j as i,r as d}from"./index-BiF_XSVc.js";import{S as m}from"./Add-DRm23ihK.js";import{S as p}from"./Airplane-DohovcMN.js";import{I as e,S as s}from"./InputGrid-Cube8CDs.js";import{L as r}from"./Label-BaBdAter.js";import{I as c}from"./Input-D1FcPXKL.js";import{I as t}from"./InputWithDecorations-BD26TqGD.js";import{S as h}from"./Select-C5sRZq7A.js";import{S as u}from"./SearchBox-CT2pIpXM.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Text-JFgXX77W.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./useContainerWidth-BN4XcDTv.js";import"./List-9GtQ4mx3.js";import"./useVirtualScroll-nz8uIm5j.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./SvgCheckmark-BUStwd7A.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./Tag-CMh1PPwp.js";const V={title:"InputGrid"},_=()=>i.jsxs(e,{children:[i.jsx(r,{children:"This is label"}),i.jsx(c,{}),i.jsx(s,{children:"This is message"})]}),k=()=>i.jsxs(e,{children:[i.jsx(r,{htmlFor:"input-id",children:"This is label"}),i.jsxs(t,{children:[i.jsx(t.Icon,{children:i.jsx(p,{})}),i.jsx(t.Input,{placeholder:"Add destination...",id:"input-id"}),i.jsx(t.Button,{label:"Add new flight",children:i.jsx(m,{})})]}),i.jsx(s,{children:"This is message"})]}),q=()=>{const o=[{value:1,label:"Bali"},{value:2,label:"Hawaii"},{value:3,label:"Madagascar"}],[n,a]=d.useState(void 0);return i.jsxs(e,{children:[i.jsx(r,{children:"This is label"}),i.jsx(h,{options:o,placeholder:"Select destination",value:n,onChange:l=>a(l)}),i.jsx(s,{children:"This is message"})]})},z=()=>i.jsxs(e,{labelPlacement:"inline",children:[i.jsx(r,{htmlFor:"input-id",children:"This is label"}),i.jsx(u,{inputProps:{id:"input-id"}}),i.jsx(s,{children:"This is message"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{_ as WithInput,k as WithInputWithDecorations,z as WithSearch,q as WithSelect,V as default}; diff --git a/2452/react/assets/InputGroup-CQ4MapAZ.js b/2452/react/assets/InputGroup-CQ4MapAZ.js new file mode 100644 index 00000000000..5202cf447ff --- /dev/null +++ b/2452/react/assets/InputGroup-CQ4MapAZ.js @@ -0,0 +1 @@ +import{r as s,c as m,B as b}from"./index-BiF_XSVc.js";import{I as y,S as E}from"./InputGrid-Cube8CDs.js";import{L as v}from"./Label-BaBdAter.js";const B=s.forwardRef((i,e)=>{let{className:a,children:t,disabled:o=!1,displayStyle:r="default",label:u,status:n,required:p=!1,labelProps:c,innerProps:l,message:d,svgIcon:g,messageProps:f,...I}=i;return s.createElement(y,{ref:e,as:"div",labelPlacement:r,className:m("iui-input-group-wrapper",a),"data-iui-status":n,...I},u&&s.createElement(v,{as:"label",required:p,disabled:o,...c},u),s.createElement(b,{as:"div",...l,className:m("iui-input-group",l==null?void 0:l.className)},t),s.createElement(P,{message:d,status:n,svgIcon:g,displayStyle:r,messageProps:f}))});let P=i=>{let{message:e,status:a,svgIcon:t,displayStyle:o,messageProps:r}=i;return e&&typeof e!="string"?e:e||a||t?s.createElement(E,{iconProps:{"aria-hidden":!0},startIcon:t,status:a,...r},o!=="inline"&&e):null};export{B as I}; diff --git a/2452/react/assets/InputGroup.stories-DYVPaah0.js b/2452/react/assets/InputGroup.stories-DYVPaah0.js new file mode 100644 index 00000000000..3541aa1ee7a --- /dev/null +++ b/2452/react/assets/InputGroup.stories-DYVPaah0.js @@ -0,0 +1 @@ +import{q as j,s as O,j as i,r as m}from"./index-BiF_XSVc.js";import{I as b}from"./InputGroup-CQ4MapAZ.js";import{R as y}from"./Radio-DuWHn8oM.js";import{C as S}from"./Checkbox-CSBhyz7i.js";import{T as h}from"./ToggleSwitch-u1t84S3V.js";import"./InputGrid-Cube8CDs.js";import"./Label-BaBdAter.js";import"./Input-D1FcPXKL.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";import"./ProgressRadial-BJPx7fqR.js";var p={},v;function w(){return v||(v=1,function(n){var c=p&&p.__createBinding||(Object.create?function(e,t,r,o){o===void 0&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){o===void 0&&(o=r),e[o]=t[r]}),u=p&&p.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),f=p&&p.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&c(t,e,r);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileyHappy=void 0;const l=f(j()),g=e=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},l.createElement("path",{d:"M8 12.5a5.19 5.19 0 01-3.872-1.666.5.5 0 11.744-.668A4.191 4.191 0 008 11.5a4.191 4.191 0 003.128-1.334.5.5 0 11.744.668A5.19 5.19 0 018 12.5zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));n.SvgSmileyHappy=g,n.default=n.SvgSmileyHappy}(p)),p}var x=w();const C=O(x);var d={},_;function M(){return _||(_=1,function(n){var c=d&&d.__createBinding||(Object.create?function(e,t,r,o){o===void 0&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){o===void 0&&(o=r),e[o]=t[r]}),u=d&&d.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),f=d&&d.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&c(t,e,r);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileySad=void 0;const l=f(j()),g=e=>l.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},l.createElement("path",{d:"M11.5 12.5a.498.498 0 01-.372-.166A4.188 4.188 0 008 11a4.188 4.188 0 00-3.128 1.334.5.5 0 11-.748-.664l.004-.004A5.19 5.19 0 018 10a5.19 5.19 0 013.872 1.666.5.5 0 01-.372.834zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));n.SvgSmileySad=g,n.default=n.SvgSmileySad}(d)),d}var A=M();const E=O(A),re={title:"InputGroup"},oe=()=>{const n=i.jsx(C,{}),c=i.jsx(E,{});return i.jsx(i.Fragment,{children:i.jsxs(b,{label:"Radio group",message:"Tell me how happy you are",children:[i.jsx(y,{name:"choice",value:"option1",onChange:()=>console.log("Clicked option 1!"),label:n}),i.jsx(y,{name:"choice",value:"option2",onChange:()=>console.log("Clicked option 2!"),label:c})]})})},ne=()=>{const n="Football",c="Hockey",[u,f]=m.useState(!0),[l,g]=m.useState(!1),[e,t]=m.useState(!1),[r,o]=m.useState(!0);m.useEffect(()=>{if(u&&l){t(!0),o(!1);return}u||l?(t(!1),o(!0)):(t(!1),o(!1))},[u,l]);const a=s=>{t(s),o(!1),f(s),g(s)};return i.jsxs(b,{label:"Select your hobbies",message:"Choose some hobbies",children:[i.jsx(S,{onChange:s=>a(s.target.checked),label:"Select all",indeterminate:r,checked:e}),i.jsx(S,{onChange:s=>f(s.target.checked),label:n,checked:u}),i.jsx(S,{onChange:s=>g(s.target.checked),label:c,checked:l})]})},ae=()=>{const[n,c]=m.useState(!0),[u,f]=m.useState(!1);return i.jsxs(b,{label:"Toggle group",children:[i.jsx(h,{onChange:l=>c(l.target.checked),checked:n,label:"Toggle feature No.1"}),i.jsx(h,{checked:!0,disabled:!0,label:"This you cannot change"}),i.jsx(h,{onChange:l=>f(l.target.checked),label:"Toggle feature No.2",checked:u})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ne as CheckboxGroup,oe as RadioGroup,ae as ToggleGroup,re as default}; diff --git a/2452/react/assets/InputWithDecoration.stories-k425JsRz.js b/2452/react/assets/InputWithDecoration.stories-k425JsRz.js new file mode 100644 index 00000000000..267b3e4b305 --- /dev/null +++ b/2452/react/assets/InputWithDecoration.stories-k425JsRz.js @@ -0,0 +1 @@ +import{j as t}from"./index-BiF_XSVc.js";import{S as e}from"./Add-DRm23ihK.js";import{S as n}from"./Airplane-DohovcMN.js";import{I as s}from"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./Icon-DaWu1iQD.js";const d={title:"InputWithDecorations"},a=()=>t.jsxs(s,{children:[t.jsx(s.Icon,{children:t.jsx(n,{})}),t.jsx(s.Input,{placeholder:"Input.."}),t.jsx(s.Button,{label:"Custom button",children:t.jsx(e,{})})]}),x=()=>t.jsxs(s,{isDisabled:!0,children:[t.jsx(s.Icon,{children:t.jsx(n,{})}),t.jsx(s.Input,{placeholder:"Disabled input"}),t.jsx(s.Button,{label:"Custom button",children:t.jsx(e,{})})]}),j=()=>t.jsxs(s,{size:"small",children:[t.jsx(s.Icon,{size:"s",children:t.jsx(n,{})}),t.jsx(s.Input,{placeholder:"Small input"}),t.jsx(s.Button,{label:"Custom button",children:t.jsx(e,{})})]}),p=()=>t.jsxs(s,{status:"positive",children:[t.jsx(s.Icon,{children:t.jsx(n,{})}),t.jsx(s.Input,{placeholder:"Positive input"}),t.jsx(s.Button,{label:"Custom button",children:t.jsx(e,{})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{a as Basic,x as Disabled,j as Small,p as Status,d as default}; diff --git a/2452/react/assets/InputWithDecorations-BD26TqGD.js b/2452/react/assets/InputWithDecorations-BD26TqGD.js new file mode 100644 index 00000000000..93351f38c91 --- /dev/null +++ b/2452/react/assets/InputWithDecorations-BD26TqGD.js @@ -0,0 +1 @@ +import{r as e,u as c,B as u}from"./index-BiF_XSVc.js";import{I as p,a as I,b as f}from"./InputFlexContainer-BCUPBwKB.js";let d=e.createContext(void 0),b=e.forwardRef((n,r)=>{let{children:a,size:t,isDisabled:i,...s}=n;return e.createElement(d.Provider,{value:{size:t,isDisabled:i}},e.createElement(I,{isDisabled:i,size:t,ref:r,...s},a))}),D=e.forwardRef((n,r)=>{let{id:a,size:t,disabled:i,...s}=n,{size:o,isDisabled:l}=c(d);return e.createElement(u,{as:"input",ref:r,"data-iui-size":t??o,disabled:i??l,id:a,...s})}),x=e.forwardRef((n,r)=>{let{children:a,size:t,disabled:i,...s}=n,{size:o,isDisabled:l}=c(d);return e.createElement(f,{ref:r,size:t??o,disabled:i??l,...s},a)}),z=p;const C=Object.assign(b,{Input:D,Button:x,Icon:z});export{C as I}; diff --git a/2452/react/assets/Kbd-DWEemHEf.js b/2452/react/assets/Kbd-DWEemHEf.js new file mode 100644 index 00000000000..93f9b37bf78 --- /dev/null +++ b/2452/react/assets/Kbd-DWEemHEf.js @@ -0,0 +1 @@ +import{r as e,B as o,c as n}from"./index-BiF_XSVc.js";const b={Enter:"↵ Enter"},l=e.forwardRef((r,a)=>{let{className:s,children:t,...c}=r;return e.createElement(o,{as:"kbd",className:n("iui-keyboard",s),ref:a,...c},t)});export{l as K,b as a}; diff --git a/2452/react/assets/Kbd.stories-DtsxbUE3.js b/2452/react/assets/Kbd.stories-DtsxbUE3.js new file mode 100644 index 00000000000..9548f0fa1c4 --- /dev/null +++ b/2452/react/assets/Kbd.stories-DtsxbUE3.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{K as t,a as d}from"./Kbd-DWEemHEf.js";const r={title:"Keyboard Key"},s=()=>e.jsx(t,{children:"A"}),i=()=>e.jsx(t,{children:d.Enter});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{s as Basic,i as PredefinedKey,r as default}; diff --git a/2452/react/assets/Label-BaBdAter.js b/2452/react/assets/Label-BaBdAter.js new file mode 100644 index 00000000000..82299622dfd --- /dev/null +++ b/2452/react/assets/Label-BaBdAter.js @@ -0,0 +1 @@ +import{r as e,B as u,c}from"./index-BiF_XSVc.js";const b=e.forwardRef((i,a)=>{let{displayStyle:r="block",required:l,disabled:s,className:t,children:d,...n}=i;return e.createElement(u,{as:"label",className:c("iui-input-label",{"iui-inline":r==="inline","iui-required":l},t),"data-iui-disabled":s?!0:void 0,ref:a,...n},d)});export{b as L}; diff --git a/2452/react/assets/Label.stories-BbGMy7sX.js b/2452/react/assets/Label.stories-BbGMy7sX.js new file mode 100644 index 00000000000..30520527162 --- /dev/null +++ b/2452/react/assets/Label.stories-BbGMy7sX.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{L as t}from"./Label-BaBdAter.js";import{I as i}from"./Input-D1FcPXKL.js";import{I as o}from"./InputGrid-Cube8CDs.js";import{T as r}from"./Text-JFgXX77W.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const q={title:"Label",decorators:[n=>e.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)"},children:e.jsx(n,{})})]},v=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{htmlFor:"text-input",children:"Name"}),e.jsx(i,{id:"text-input",placeholder:"Enter name"})]}),F=()=>e.jsxs(o,{labelPlacement:"inline",children:[e.jsx(t,{displayStyle:"inline",required:!0,children:"Name"}),e.jsx(i,{defaultValue:"James Bond",required:!0})]}),J=()=>e.jsxs(o,{labelPlacement:"inline",children:[e.jsx(t,{displayStyle:"inline",as:"div",children:e.jsx(r,{isMuted:!0,children:"Name:"})}),e.jsx(r,{children:"James Bond"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{v as Basic,F as Inline,J as Polymorphic,q as default}; diff --git a/2452/react/assets/LabeledInput-Cnpstz9_.js b/2452/react/assets/LabeledInput-Cnpstz9_.js new file mode 100644 index 00000000000..b0cae69e18c --- /dev/null +++ b/2452/react/assets/LabeledInput-Cnpstz9_.js @@ -0,0 +1 @@ +import{r as e,a as P,c as g}from"./index-BiF_XSVc.js";import{I as S}from"./Input-D1FcPXKL.js";import{I as L,S as h}from"./InputGrid-Cube8CDs.js";import{L as q}from"./Label-BaBdAter.js";import{I as w}from"./Icon-DaWu1iQD.js";import{I as x}from"./Select-C5sRZq7A.js";const G=e.forwardRef((p,i)=>{let{disabled:l=!1,label:o,message:s,status:t,svgIcon:r,wrapperProps:m,labelProps:c,messageContentProps:u,iconProps:a,inputWrapperProps:d,displayStyle:f="default",required:n=!1,...I}=p,b=r??(t&&P[t]()),E=r!==null&&(r||t&&!s);return e.createElement(L,{labelPlacement:f,"data-iui-status":t,...m},o&&e.createElement(q,{as:"label",required:n,disabled:l,...c},o),e.createElement(x,d,e.createElement(S,{disabled:l,required:n,ref:i,...I}),E&&e.createElement(w,{fill:t,...a,className:g("iui-end-icon",a==null?void 0:a.className)},b)),typeof s=="string"?e.createElement(h,{status:t,iconProps:a,contentProps:u},s):s)});export{G as L}; diff --git a/2452/react/assets/LabeledInput.stories-DQM26v6r.js b/2452/react/assets/LabeledInput.stories-DQM26v6r.js new file mode 100644 index 00000000000..946d60cbe69 --- /dev/null +++ b/2452/react/assets/LabeledInput.stories-DQM26v6r.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{S as a}from"./Camera-D3YZdoPa.js";import{S as s}from"./Placeholder-BLpsNn0N.js";import{L as t}from"./LabeledInput-Cnpstz9_.js";import{S as r}from"./InputGrid-Cube8CDs.js";import"./Input-D1FcPXKL.js";import"./Label-BaBdAter.js";import"./Icon-DaWu1iQD.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Textarea-C0SdQr5i.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const B={title:"LabeledInput"},C=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label"}),M=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label"}),P=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label",disabled:!0}),k=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"positive"}),A=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"warning"}),D=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"negative"}),F=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:e.jsx(r,{startIcon:e.jsx(a,{}),children:"⬅ This is a custom icon"})}),H=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(s,{})}),N=()=>e.jsx(t,{placeholder:"Enter text here...",status:"negative",label:"This is a label",displayStyle:"inline"}),R=()=>e.jsx(e.Fragment,{children:e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",svgIcon:e.jsx(s,{}),message:"Block layout with inline icon"})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{C as Basic,P as Disabled,R as HybridLayout,N as Inline,D as Negative,k as Positive,A as Warning,F as WithCustomIcon,M as WithMessage,H as WithSvgIcon,B as default}; diff --git a/2452/react/assets/LabeledSelect-G-eqtlzb.js b/2452/react/assets/LabeledSelect-G-eqtlzb.js new file mode 100644 index 00000000000..4579ad392fb --- /dev/null +++ b/2452/react/assets/LabeledSelect-G-eqtlzb.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";import{S as P}from"./Select-C5sRZq7A.js";import{I as g,S}from"./InputGrid-Cube8CDs.js";import{L as E}from"./Label-BaBdAter.js";const w=e.forwardRef((s,n)=>{let{className:d,disabled:a=!1,label:r,message:t,status:l,svgIcon:i,displayStyle:m="default",style:c,required:o=!1,wrapperProps:p,labelProps:f,messageContentProps:u,messageIconProps:b,...y}=s;return e.createElement(g,{labelPlacement:m,"data-iui-status":l,...p},r&&e.createElement(E,{as:"div",required:o,disabled:a,...f},r),e.createElement(P,{disabled:a,className:d,style:c,required:s.native?o:void 0,...y,ref:n,styleType:"default"}),typeof t=="string"?e.createElement(S,{status:l,startIcon:i,iconProps:b,contentProps:u},t):t)});export{w as L}; diff --git a/2452/react/assets/LabeledSelect.stories-DBQZEoee.js b/2452/react/assets/LabeledSelect.stories-DBQZEoee.js new file mode 100644 index 00000000000..2cfe68e7a08 --- /dev/null +++ b/2452/react/assets/LabeledSelect.stories-DBQZEoee.js @@ -0,0 +1 @@ +import{j as e,R as i}from"./index-BiF_XSVc.js";import{S as o}from"./Camera-D3YZdoPa.js";import{L as s}from"./LabeledSelect-G-eqtlzb.js";import{S as r}from"./InputGrid-Cube8CDs.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./Icon-DaWu1iQD.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Label-BaBdAter.js";import"./Input-D1FcPXKL.js";import"./Textarea-C0SdQr5i.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const R={title:"LabeledSelect",decorators:[t=>e.jsx("div",{style:{minHeight:500},children:e.jsx(t,{})})]},k=()=>e.jsx(s,{label:"This is a label",options:[{value:"1",label:"Item #1"},{value:"2",label:"Item #2"},{value:"3",label:"Item #3"}],message:"This is a message",placeholder:"Placeholder text"}),A=()=>{const[t,a]=i.useState(void 0);return e.jsx(s,{label:"This is a label",options:[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],message:"This is a message",placeholder:"Placeholder text",value:t,onChange:l=>a(l),status:"positive"})},N=()=>{const[t,a]=i.useState(void 0);return e.jsx(s,{label:"This is a label",options:[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],message:"This is a message",placeholder:"Placeholder text",value:t,onChange:l=>a(l),status:"warning"})},W=()=>{const[t,a]=i.useState(void 0);return e.jsx(s,{label:"This is a label",options:[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],message:"This is a message",placeholder:"Placeholder text",value:t,onChange:l=>a(l),status:"negative"})},q=()=>{const[t,a]=i.useState(void 0);return e.jsx(s,{label:"This is a label",options:[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],message:e.jsx(r,{startIcon:e.jsx(o,{}),children:"This is a message"}),placeholder:"Placeholder text",value:t,onChange:l=>a(l)})},B=()=>e.jsx(s,{native:!0,label:"Fruit",options:[{value:"apple",label:"Apple"},{value:"kiwi",label:"Kiwi"},{value:"orange",label:"Orange"}],message:"This uses the native select element",placeholder:"Pick a fruit",required:!0});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{k as Basic,B as Native,W as Negative,A as Positive,N as Warning,q as WithCustomIcon,R as default}; diff --git a/2452/react/assets/LabeledTextarea.stories-D4KFhE3o.js b/2452/react/assets/LabeledTextarea.stories-D4KFhE3o.js new file mode 100644 index 00000000000..bc98975c097 --- /dev/null +++ b/2452/react/assets/LabeledTextarea.stories-D4KFhE3o.js @@ -0,0 +1 @@ +import{r as t,j as e}from"./index-BiF_XSVc.js";import{S as i}from"./Camera-D3YZdoPa.js";import{S as o}from"./Placeholder-BLpsNn0N.js";import{L as l}from"./LabeledInput-Cnpstz9_.js";import{S as n}from"./InputGrid-Cube8CDs.js";import"./Input-D1FcPXKL.js";import"./Label-BaBdAter.js";import"./Icon-DaWu1iQD.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Textarea-C0SdQr5i.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const a=t.forwardRef((s,r)=>t.createElement(l,{as:"textarea",rows:3,ref:r,...s})),R={title:"LabeledTextarea"},A=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea"}),B=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",disabled:!0}),N=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"positive"}),_=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"warning"}),k=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"negative"}),q=()=>e.jsx(a,{placeholder:"This is a textarea",label:"Textarea Label",message:e.jsx(n,{startIcon:e.jsx(i,{}),children:"Display Message"})}),z=()=>e.jsx(a,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(o,{})}),F=()=>e.jsx(a,{placeholder:"This is a textarea",status:"negative",label:"Textarea Label",displayStyle:"inline"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{A as Basic,B as Disabled,F as Inline,k as Negative,N as Positive,_ as Warning,q as WithCustomIcon,z as WithSvgIcon,R as default}; diff --git a/2452/react/assets/LinkAction-UeJMbSnl.js b/2452/react/assets/LinkAction-UeJMbSnl.js new file mode 100644 index 00000000000..8ff80c0d5be --- /dev/null +++ b/2452/react/assets/LinkAction-UeJMbSnl.js @@ -0,0 +1 @@ +import{r as t,p as o,B as s,c as r}from"./index-BiF_XSVc.js";const n=t.forwardRef((a,e)=>{let{as:i=a.href?"a":"button"}=a;return t.createElement(s,{...a,as:i,className:r("iui-link-action",a.className),ref:e})}),l=o.div("iui-link-box");export{l as L,n as a}; diff --git a/2452/react/assets/List-9GtQ4mx3.js b/2452/react/assets/List-9GtQ4mx3.js new file mode 100644 index 00000000000..12c061c9473 --- /dev/null +++ b/2452/react/assets/List-9GtQ4mx3.js @@ -0,0 +1 @@ +import{r as e,L as l,M as o,B as i,c}from"./index-BiF_XSVc.js";const f=e.forwardRef((a,t)=>{let{className:s,...r}=a;return e.createElement(l,{delay:o},e.createElement(i,{as:"div",ref:t,role:"list",...r,className:c("iui-list",s)}))});export{f as L}; diff --git a/2452/react/assets/List.stories-4U1LqMOW.js b/2452/react/assets/List.stories-4U1LqMOW.js new file mode 100644 index 00000000000..69cf2d08582 --- /dev/null +++ b/2452/react/assets/List.stories-4U1LqMOW.js @@ -0,0 +1 @@ +import{r as s,j as e}from"./index-BiF_XSVc.js";import{S as n}from"./Placeholder-BLpsNn0N.js";import{L as i}from"./List-9GtQ4mx3.js";import{L as t}from"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";const d=r=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},s.createElement("path",{d:"M6 14L0 8l2-2 4 4 8-8 2 2L6 14z"})),x={title:"List",decorators:[r=>e.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)"},children:e.jsx(r,{})})]},m=()=>e.jsx(e.Fragment,{children:e.jsxs(i,{children:[e.jsx(t,{children:"Item 1"}),e.jsx(t,{children:"Item 2"}),e.jsx(t,{size:"large",children:e.jsxs(t.Content,{children:[e.jsx("div",{children:"Item 3"}),e.jsx(t.Description,{children:"this is some additional information 👀"})]})})]})}),j=()=>e.jsxs(i,{children:[e.jsxs(t,{children:[e.jsx(t.Icon,{"aria-hidden":!0,children:e.jsx(n,{})}),e.jsx(t.Content,{children:"Item 1"})]}),e.jsxs(t,{children:[e.jsx(t.Icon,{"aria-hidden":!0,children:e.jsx(n,{})}),e.jsx(t.Content,{children:"Item 2"}),e.jsx(t.Icon,{"aria-hidden":!0,children:e.jsx(d,{})})]}),e.jsxs(t,{children:[e.jsx(t.Icon,{"aria-hidden":!0,children:e.jsx(n,{})}),e.jsx(t.Content,{children:"Item 3"})]})]}),u=()=>e.jsxs(i,{children:[e.jsx(t,{actionable:!0,children:"Item 1"}),e.jsxs(t,{actionable:!0,active:!0,children:[e.jsx(t.Content,{children:"Item 2"}),e.jsx(t.Icon,{"aria-hidden":!0,children:e.jsx(d,{})})]}),e.jsx(t,{actionable:!0,disabled:!0,children:"Item 3"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{u as Actionable,m as Basic,j as WithIcon,x as default}; diff --git a/2452/react/assets/ListItem-BGCU0KzW.js b/2452/react/assets/ListItem-BGCU0KzW.js new file mode 100644 index 00000000000..0cf95fc1a6c --- /dev/null +++ b/2452/react/assets/ListItem-BGCU0KzW.js @@ -0,0 +1 @@ +import{r as t,p as e,B as u,c as m}from"./index-BiF_XSVc.js";import{a as f}from"./LinkAction-UeJMbSnl.js";let p=t.forwardRef((i,a)=>{let{size:s="default",disabled:n=!1,active:o=!1,actionable:d=!1,focused:l=!1,className:r,...c}=i;return t.createElement(u,{role:"listitem",className:m("iui-list-item",r),"data-iui-active":o?"true":void 0,"data-iui-disabled":n?"true":void 0,"data-iui-size":s==="large"?"large":void 0,"data-iui-actionable":d?"true":void 0,"data-iui-focused":l?"true":void 0,ref:a,...c})}),I=e.div("iui-list-item-icon"),L=e.div("iui-list-item-content"),b=e.div("iui-list-item-description"),v=f;const A=Object.assign(p,{Icon:I,Content:L,Description:b,Action:v});export{A as L}; diff --git a/2452/react/assets/MenuDivider-Y4A55qWs.js b/2452/react/assets/MenuDivider-Y4A55qWs.js new file mode 100644 index 00000000000..eb684cf1934 --- /dev/null +++ b/2452/react/assets/MenuDivider-Y4A55qWs.js @@ -0,0 +1 @@ +import{p as i}from"./index-BiF_XSVc.js";const o=i.div("iui-menu-divider",{role:"separator"});export{o as M}; diff --git a/2452/react/assets/MenuExtraContent-D0GLP-Ew.js b/2452/react/assets/MenuExtraContent-D0GLP-Ew.js new file mode 100644 index 00000000000..36663af0392 --- /dev/null +++ b/2452/react/assets/MenuExtraContent-D0GLP-Ew.js @@ -0,0 +1 @@ +import{p as o}from"./index-BiF_XSVc.js";const n=o.li("iui-menu-content",{role:"presentation"});export{n as M}; diff --git a/2452/react/assets/MenuItem-CgPM3DgF.js b/2452/react/assets/MenuItem-CgPM3DgF.js new file mode 100644 index 00000000000..892f302d0c0 --- /dev/null +++ b/2452/react/assets/MenuItem-CgPM3DgF.js @@ -0,0 +1 @@ +import{r as e,o as X,v as Y,w as Z,x as _,t as $,y as ee,z as te,A as ne,e as J,C as oe,m as q,D as le,E as ae,G as se,B as re,c as K,H as ie,J as ue,l as ce}from"./index-BiF_XSVc.js";import{u as de}from"./focusable-DHgriT9F.js";import{L as p}from"./ListItem-BGCU0KzW.js";const me=g=>e.createElement(X,g,e.createElement("path",{d:"M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z"})),fe=e.forwardRef((g,S)=>{let{className:M,trigger:k,positionReference:d,portal:f=!0,popoverProps:w,children:v,...b}=g,h=e.useContext(R),n=Y(),a=Z(),s=_(),{interactions:E,visible:z,onVisibleChange:r,...x}=w??{},{listNavigation:i,hover:u,...H}=E??{},[P,c]=$(!1,z,r),[L,O]=e.useState(!1),[F,y]=e.useState(null),{focusableElementsRef:N,focusableElements:m}=de(F,{filter:t=>t.filter(o=>!(t!=null&&t.some(I=>I.contains(o.parentElement))))}),[C,V]=e.useState(null),l=ee({nodeId:a,visible:P,onVisibleChange:t=>t?c(!0):G(),interactions:{hover:n==null?u:{enabled:!!u&&!L,...u},...H},...x,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"},...x.middleware}}),{getReferenceProps:U,getFloatingProps:W,getItemProps:A}=te([ne(l.context,{activeIndex:C,focusItemOnHover:!1,listRef:N,onNavigate:V,...i})]);e.useEffect(()=>{d!==void 0&&l.refs.setPositionReference(d)},[l.refs,d]);let j=J(y,S,l.refs.setFloating),D=e.useRef(null),G=e.useCallback(()=>{var t;c(!1),s==null&&((t=D.current)==null||t.focus({preventScroll:!0}))},[s,c]);oe(e.useCallback(()=>{let t=o=>{(s===o.parentId&&a!==o.nodeId||s===o.nodeId)&&(c(!1),O(!1))};return n==null||n.events.on("onNodeFocused",t),()=>{n==null||n.events.off("onNodeFocused",t)}},[a,s,n==null?void 0:n.events,c]),()=>{},()=>{});let T=e.useCallback(({focusableItemIndex:t,userProps:o})=>A({...o,tabIndex:C!=null&&C>=0&&t!=null&&t>=0&&C===t?0:-1,onFocus:q(o==null?void 0:o.onFocus,()=>{queueMicrotask(()=>{O(!0)}),n==null||n.events.emit("onNodeFocused",{nodeId:a,parentId:s})}),onMouseEnter:q(o==null?void 0:o.onMouseEnter,I=>{t!=null&&t>=0&&V(t),I.target===I.currentTarget&&I.currentTarget.focus()})}),[C,A,a,s,n==null?void 0:n.events]),Q=le(k,t=>U(l.getReferenceProps({...t.props,"aria-expanded":l.open,ref:ae(D,l.refs.setReference)}))),B=l.open&&e.createElement(se,{portal:f},e.createElement(re,{as:"div",className:K("iui-menu",M),ref:j,...W(l.getFloatingProps({role:"menu",...b}))},v));return e.createElement(e.Fragment,null,e.createElement(R.Provider,{value:e.useMemo(()=>({popoverGetItemProps:T,focusableElements:m,topmostClose:h!=null?h.topmostClose:G}),[G,m,h,T])},e.createElement(ie.Provider,{value:l.open},Q),n!=null?e.createElement(ue,{id:a},B):B))}),R=e.createContext(void 0),pe=e.createContext(void 0),he=e.forwardRef((g,S)=>{let{className:M,children:k,isSelected:d,disabled:f,value:w,onClick:v,sublabel:b,size:h=b?"large":"default",icon:n,startIcon:a=n,badge:s,endIcon:E=s,role:z="menuitem",subMenuItems:r=[],...x}=g,i=e.useContext(R),u=e.useContext(R),H=e.useContext(pe),P=e.useRef(null),c=ce(),L=e.useMemo(()=>({placement:"right-start",interactions:{click:!0,hover:!0,listNavigation:{nested:r.length>0,openOnArrowKeyDown:!0}}}),[r.length]),F={onClick:()=>{var m;f||(H&&((m=u==null?void 0:u.topmostClose)==null||m.call(u)),v==null||v(w))}},y=i==null?void 0:i.focusableElements.findIndex(m=>m===P.current),N=e.createElement(p,{as:"button",type:"button",className:K("iui-button-base",M),actionable:!0,size:h,active:d,disabled:f,ref:J(P,S),role:z,tabIndex:d?0:-1,"aria-selected":d,"aria-haspopup":r.length>0?"true":void 0,"aria-controls":r.length>0?c:void 0,"aria-disabled":f,...(i==null?void 0:i.popoverGetItemProps)!=null?i.popoverGetItemProps({focusableItemIndex:y,userProps:F}):F,...x},a&&e.createElement(p.Icon,{as:"span","aria-hidden":!0},a),e.createElement(p.Content,null,e.createElement("div",null,k),b&&e.createElement(p.Description,null,b)),!E&&r.length>0&&e.createElement(p.Icon,{as:"span","aria-hidden":!0},e.createElement(me,null)),E&&e.createElement(p.Icon,{as:"span","aria-hidden":!0},E));return e.createElement(e.Fragment,null,r.length>0&&!f?e.createElement(fe,{id:c,trigger:N,popoverProps:L},r):N)});export{he as M,fe as a,pe as b}; diff --git a/2452/react/assets/Modal.stories-D-J08pOR.js b/2452/react/assets/Modal.stories-D-J08pOR.js new file mode 100644 index 00000000000..0cfca503400 --- /dev/null +++ b/2452/react/assets/Modal.stories-D-J08pOR.js @@ -0,0 +1 @@ +import{r,j as e}from"./index-BiF_XSVc.js";import{B as t}from"./Button-DJoTb4xb.js";import{D as c,a as C,b as O}from"./Dialog-CJqvBzaB.js";import"./ProgressRadial-BJPx7fqR.js";import"./useEventListener-BWDd9VON.js";import"./focusable-DHgriT9F.js";const u=r.forwardRef((n,i)=>{let{isOpen:o=!1,isDismissible:s=!0,closeOnEsc:l=!0,closeOnExternalClick:a=!0,onClose:p,title:y,children:h,portal:x=!0,wrapperProps:g,backdropProps:b,titleBarProps:f,...j}=n;return r.createElement(c,{isOpen:o,closeOnEsc:l,closeOnExternalClick:a,isDismissible:s,onClose:p,preventDocumentScroll:!0,trapFocus:!0,setFocus:!0,ref:i,portal:x,...g},r.createElement(c.Backdrop,b),r.createElement(c.Main,{"aria-modal":!0,...j},r.createElement(c.TitleBar,{titleText:y,...f}),h))}),d=Object.assign({},C),m=Object.assign({},O),B={title:"Modal"},w=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},T=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),isDismissible:!1,children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},P=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),closeOnEsc:!1,closeOnExternalClick:!1,children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})},S=()=>{const[n,i]=r.useState(!1),o=()=>{i(!1)},s=()=>{console.log("onClose"),o()},l=()=>{console.log("Primary button"),o()},a=()=>{console.log("Secondary button"),o()};return e.jsxs(e.Fragment,{children:[e.jsx(t,{styleType:"high-visibility",onClick:()=>i(!0),children:"Open Modal"}),e.jsxs(u,{isOpen:n,title:"This is the title",onClose:s,onKeyDown:()=>console.log("onKeyDown"),styleType:"fullPage",children:[e.jsx(d,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),e.jsxs(m,{children:[e.jsx(t,{styleType:"high-visibility",onClick:l,children:"Primary"}),e.jsx(t,{onClick:a,children:"Secondary"})]})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{w as Basic,S as FullPageModal,T as NonDismissibleModal,P as OutsideClickAndEscDoesNotClose,B as default}; diff --git a/2452/react/assets/More-ppUkgz_u.js b/2452/react/assets/More-ppUkgz_u.js new file mode 100644 index 00000000000..9df0fee7f9c --- /dev/null +++ b/2452/react/assets/More-ppUkgz_u.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const o=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M4 8a2 2 0 11-2-2 2 2 0 012 2zm4-2a2 2 0 102 2 2 2 0 00-2-2zm6 0a2 2 0 102 2 2 2 0 00-2-2z"}));export{o as S}; diff --git a/2452/react/assets/Network-8ErFVsXx.js b/2452/react/assets/Network-8ErFVsXx.js new file mode 100644 index 00000000000..26715758da5 --- /dev/null +++ b/2452/react/assets/Network-8ErFVsXx.js @@ -0,0 +1 @@ +import{r as c}from"./index-BiF_XSVc.js";const t=e=>c.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},c.createElement("path",{d:"M7.5 0C3.4 0 0 3.4 0 7.5S3.4 15 7.5 15 15 11.6 15 7.5 11.6 0 7.5 0M1 8h2c0 1 .2 2 .5 3H2c-.6-.9-.9-1.9-1-3m7-5V1.1c.9.4 1.6 1 2 1.9m.4 1c.4 1 .6 2 .6 3H8V4M7 1.1V3H5c.4-.9 1.1-1.6 2-1.9M7 4v3H4c0-1 .2-2 .6-3M3 7H1c.1-1.1.4-2.1 1-3h1.5C3.2 5 3 6 3 7m1 1h3v3H4.6C4.2 10 4 9 4 8m3 4v1.9c-.9-.4-1.6-1-2-1.9m3 1.9V12h2c-.4.9-1.1 1.6-2 1.9M8 11V8h3c0 1-.2 2-.6 3M12 8h2c-.1 1.1-.4 2.1-1 3h-1.5c.3-1 .5-2 .5-3m0-1c0-1-.2-2-.5-3H13c.6.9.9 1.9 1 3m-1.8-4h-1.1c-.2-.5-.5-.9-.8-1.4.7.4 1.3.8 1.9 1.4M4.7 1.6c-.3.5-.6.9-.8 1.4H2.8c.6-.6 1.2-1 1.9-1.4M2.8 12h1.1c.2.5.5.9.8 1.4-.7-.4-1.3-.8-1.9-1.4m7.5 1.4c.3-.4.6-.9.8-1.4h1.1c-.6.6-1.2 1-1.9 1.4"}));export{t as S}; diff --git a/2452/react/assets/NonIdealState.stories-CENY6pkQ.js b/2452/react/assets/NonIdealState.stories-CENY6pkQ.js new file mode 100644 index 00000000000..736bd6d808c --- /dev/null +++ b/2452/react/assets/NonIdealState.stories-CENY6pkQ.js @@ -0,0 +1 @@ +import{r as l,B as c,c as z,j as e}from"./index-BiF_XSVc.js";import{B as a}from"./Button-DJoTb4xb.js";import{A as x}from"./Anchor-9gwhe0n0.js";import"./ProgressRadial-BJPx7fqR.js";import"./Text-JFgXX77W.js";const h=l.forwardRef((t,E)=>{let{className:p,svg:s,heading:v,description:d,actions:M,illustrationProps:m,titleProps:f,descriptionProps:r,actionsProps:i,...o}=t;return l.createElement(c,{className:z("iui-non-ideal-state",p),ref:E,...o},l.createElement(c,{as:"div",...m,className:z("iui-non-ideal-state-illustration",m==null?void 0:m.className)},s),v&&l.createElement(c,{as:"div",...f,className:z("iui-non-ideal-state-title",f==null?void 0:f.className)},v),d&&l.createElement(c,{as:"div",...r,className:z("iui-non-ideal-state-description",r==null?void 0:r.className)},d),M&&l.createElement(c,{as:"div",...i,className:z("iui-non-ideal-state-actions",i==null?void 0:i.className)},M))}),y=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M346.912 46.063v104.31h-51.427v106.474h3.733v-.073l.423.422 23.065-23.065 23.59 23.59.876-.875h2.756v-.298h.717v-.073l.423.422 23.066-23.066 23.59 23.591.876-.875h2.756V46.063zm-24.206 137.358l22.716 22.716-22.716 22.715-22.715-22.715zm-23.488 18.21v-41.699l20.849 20.85zm51.427-104.31V55.623l20.85 20.85zm23.489-18.21l22.716 22.716-22.716 22.716-22.716-22.716zm-23.489 27.222l20.85 20.85-20.85 20.849zm46.977 48.021l-23.488 23.488-23.489-23.488v-.249h46.977zm-46.977 5.279l20.85 20.849-20.85 20.848zm2.939-9.26l20.55-20.551 20.55 20.55zm-7.39 51.258l-20.848-20.85 20.849-20.849zm27.94-18.51l22.716 22.715-22.716 22.717-22.716-22.717zm2.64-2.64l20.848-20.848v41.697zm0-53.298l20.848-20.85v41.699zm20.848-29.862l-20.849-20.849 20.85-20.849zm0-47.525v.548l-23.488 23.489-23.489-23.489v-.548zm-51.427 104.31v.547l-23.489 23.489-23.488-23.489v-.548zm-46.977 98.234v-41.697l20.849 20.849zm46.977-41.697v41.697l-20.85-20.848zm4.45 41.398v-41.699l20.85 20.85zm46.977-41.699v41.7l-20.849-20.85z",fill:"#e6e9eb"}),l.createElement("path",{d:"M299.218 256.847h-3.733V154.105h-8.945v102.742h-3.733V150.372h16.411zM350.645 150.372h-3.733V49.796h-8.945v100.576h-3.733V46.063h16.411z",fill:"#ced3d7"}),l.createElement("path",{d:"M248.774 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65H237.04l-.033-.033-.034.033H224.53l-.033-.034-.033.034H212.02l-.033-.034-.033.034h-12.442l-.033-.034-.034.034h-12.441l-.034-.033-.033.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.033.033.034-.033h12.442l.033.033.033-.033h12.442l.033.033.033-.033h12.443l.033.033.033-.033h12.442l.034.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.84 6.255l-5.546 5.547-5.547-5.547 5.547-5.547zm-5.546-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-6.254 6.254l-5.548 5.547-5.547-5.547 5.547-5.547zm-5.548-6.961l-5.547-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.548 5.547-5.547zm-11.801-.708l-5.547-5.547 5.546-5.547 5.548 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.548 5.548-5.546-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.547 5.547 5.547-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.547 5.547-5.547 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.547 5.547-5.547 5.547zm0-12.508l5.547-5.547 5.548 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.547-5.547 5.547-5.547 5.547 5.547zm-.707.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-11.802-.707l-5.547-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.546 5.547-5.548-5.547 5.547-5.547zm0 12.508l-5.546 5.548-5.548-5.547 5.547-5.548zm0 12.51l-5.546 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.546 5.546-5.547-5.546 5.547-5.547zm.707.707l5.548 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.548 5.548-5.548 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.546 5.547 5.547-5.546 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm2.1-16.022l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.808-2.807zm-7.029 0l3.515 3.514-5.548 5.547-5.547-5.548 3.514-3.513zm-5.48 0l-2.807 2.806-2.807-2.806zm-7.028 0l3.514 3.513-5.547 5.548-5.548-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.806-2.807zm-7.029 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.807-2.807zm-6.321.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.808-2.807 2.807zm0 7.03l3.514-3.515 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.513-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.03 0l-3.515-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm6.321-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.808-2.807 2.808-2.808zm0-7.03l-3.515 3.516-5.547-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.548-5.547 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zM428.617 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65h-11.735l-.033-.033-.033.033h-12.442l-.034-.034-.033.034h-12.443l-.033-.034-.033.034h-12.441l-.034-.034-.033.034h-12.442l-.033-.033-.034.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.034.033.033-.033h12.442l.033.033.034-.033h12.441l.033.033.033-.033h12.443l.033.033.033-.033h12.443l.033.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.841 6.255l-5.547 5.547-5.547-5.547 5.547-5.547zm-5.547-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-6.254 6.254l-5.547 5.547-5.548-5.547 5.548-5.547zm-5.547-6.961l-5.548-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.548 5.547-5.547-5.548 5.547-5.547zm-11.802-.708l-5.547-5.547 5.547-5.547 5.547 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.547 5.548-5.547-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.548 5.547-5.548 5.547zm11.802.707l5.547 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.8.707l5.548 5.547-5.547 5.547-5.547-5.547zm.708-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.8-.707l-5.548-5.547 5.547-5.547 5.547 5.547zm-.708.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.548-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.546-5.547zm0 12.508l-5.547 5.548-5.548-5.548 5.548-5.547zm0 12.51l-5.547 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.547 5.546-5.547-5.546 5.547-5.547zm.707.707l5.547 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.547-5.548 5.547 5.548-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.546 5.547 5.547-5.547 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm0-12.509l5.548-5.547 5.547 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm2.1-16.022l-2.806 2.807-2.807-2.807zm-7.027 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.548 3.514-3.513zm-5.481 0l-2.807 2.806-2.806-2.806zm-7.027 0l3.513 3.513-5.547 5.548-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.807-2.807zm-6.322.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.546 5.547-3.515-3.515zm0 5.48l2.808 2.808-2.808 2.807zm0 7.03l3.515-3.515 5.546 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.515 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm6.322-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.03l-3.514 3.516-5.548-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807z",fill:"#9aa4ad"}),l.createElement("path",{d:"M0 256.832h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M275.566 213.531V225.1h2.302v-11.568a3.018 3.018 0 10-2.302 0zM277.868 254.443v-19.984h-2.302v19.984h-4.359v2.303h11.021v-2.303zM318.744 213.531v10.236h2.303v-10.235a3.018 3.018 0 10-2.303 0zM321.047 254.443v-17.349h-2.303v17.349h-4.359v2.303h11.021v-2.303z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:216.073}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:231.838}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M323.104 231.838h3.453l4.813 10.511h-3.453zM313.461 231.838h3.453l4.813 10.511h-3.454zM303.817 231.838h3.453l4.813 10.511h-3.453zM294.174 231.838h3.453l4.813 10.511h-3.454zM284.53 231.838h3.453l4.813 10.511h-3.453zM274.887 231.838h3.453l4.813 10.511h-3.454zM265.243 231.838h3.453l4.813 10.511h-3.453zM323.104 216.073h3.453l4.813 10.51h-3.453zM313.461 216.073h3.453l4.813 10.51h-3.454zM303.817 216.073h3.453l4.813 10.51h-3.453zM294.174 216.073h3.453l4.813 10.51h-3.454zM284.53 216.073h3.453l4.813 10.51h-3.453zM274.887 216.073h3.453l4.813 10.51h-3.454zM265.243 216.073h3.453l4.813 10.51h-3.453z"})),l.createElement("path",{d:"M63.74 249.784a11.275 11.275 0 10-20.896 0h-.026c.081.2.194.384.286.578.101.214.2.429.314.635.121.219.253.429.388.638.127.198.261.389.4.577a11.274 11.274 0 001.219 1.413c.153.149.312.29.474.43.22.192.449.373.683.547.165.122.327.246.498.36a11.237 11.237 0 001.03.6c.161.085.325.162.491.238q.504.23 1.032.412c.11.038.216.083.327.118a11.228 11.228 0 001.367.32c.143.024.287.046.432.065a11.316 11.316 0 001.485.114l.032.002h4.228a11.287 11.287 0 0010.458-7.047zM131.393 249.784a11.275 11.275 0 10-20.896 0h-.027c.082.2.194.384.286.578.102.214.2.429.315.635.12.219.252.429.387.638.127.198.262.389.4.577a11.274 11.274 0 001.219 1.413c.154.149.313.29.474.43.22.192.45.373.684.547.164.122.326.246.498.36a11.237 11.237 0 001.029.6c.162.085.325.162.492.238q.503.23 1.032.412c.11.038.215.083.327.118a11.229 11.229 0 001.366.32c.144.024.287.046.432.065a11.316 11.316 0 001.486.114l.031.002h4.229a11.287 11.287 0 0010.458-7.047z",fill:"#9aa4ad"}),l.createElement("path",{d:"M149.695 230.8l-1.41 18.984H129.95l1.41-18.985a7.039 7.039 0 00-5.441-6.85l-13.291-3.128h18.336l13.305 3.129a7.026 7.026 0 015.427 6.85z",fill:"#ffc335"}),l.createElement("ellipse",{cx:136.272,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M135.278 233.411c0-1.735.664-3.19 1.54-3.619a1.262 1.262 0 00-.546-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("ellipse",{cx:147.323,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M146.33 233.411c0-1.735.663-3.19 1.54-3.619a1.262 1.262 0 00-.547-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("path",{d:"M131.358 230.8l-1.41 18.984H15.786v-56.377a4.223 4.223 0 014.228-4.228h74.7a7.052 7.052 0 016.497 4.327l11.417 27.315 13.29 3.129a7.039 7.039 0 015.441 6.85z",fill:"#ffdb86"}),l.createElement("path",{d:"M121.07 197.17h-18.337l-1.523-3.664a7.052 7.052 0 00-6.497-4.327h18.323a7.057 7.057 0 016.511 4.327z",fill:"#ffc335"}),l.createElement("path",{d:"M121.071 197.164h-18.333l9.882 23.653h18.333zM98.595 197.164H80.262v13.787a9.866 9.866 0 009.866 9.866h18.35z",fill:"#fff"}),l.createElement("path",{d:"M48.794 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048zM117.856 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048z",fill:"#9aa4ad"}),l.createElement("circle",{cx:34.124,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:34.108,cy:245.556,fill:"#fff",r:5.638}),l.createElement("circle",{cx:103.186,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:103.17,cy:245.556,fill:"#fff",r:5.638}),l.createElement("path",{d:"M147.141 242.913h-12.325l-.205 1.762h12.396z",fill:"#bf9228"}),l.createElement("path",{d:"M70.753 197.17H24.877a2.819 2.819 0 00-2.819 2.82v23.37a4.228 4.228 0 004.228 4.229h15.785a9.866 9.866 0 016.976 2.89l5.276 5.276a4.228 4.228 0 002.99 1.238h12.03a4.228 4.228 0 004.229-4.228v-32.776a2.819 2.819 0 00-2.82-2.819z",fill:"#ffc335"}),l.createElement("path",{d:"M282.425 0h1v77.57h-1zM242.839 107.088l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:282.925,cy:81.813,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M282.925 76.57a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:283.917,cy:81.302,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M283.569 81.661l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M247.523 103.977l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M240.409 103.201l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M261.61 254.832h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M242.243 254.833h23.289v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M260.5 250.832h-13.22l1.12-4h10.98zM258.27 242.832h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M357.448 254.833h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M338.081 254.833h23.289v2H338.08z",fill:"#ffdb86"}),l.createElement("path",{d:"M356.338 250.833h-13.22l1.12-4h10.98zM354.108 242.833h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("rect",{fill:"#fff",height:24.105,rx:1,stroke:"#c6cacf",strokeMiterlimit:10,width:32.777,x:195.735,y:193.196}),l.createElement("path",{d:"M218.555 198.817a9.095 9.095 0 100 12.863 9.105 9.105 0 000-12.863zm-11.397 1.465a7.028 7.028 0 019.14-.672l-9.812 9.812a7.028 7.028 0 01.672-9.14zm.793 10.605l9.812-9.812a7.014 7.014 0 01-9.812 9.812z",fill:"#ffc335"}),l.createElement("path",{d:"M253.915 144.641a1.017 1.017 0 01-.898-1.1l.45-4.474-11.464-1.154a1.015 1.015 0 01-.898-1.1l.264-2.625a1.693 1.693 0 01.331-.882q.28-.364.657-.774l12.74-12.988a2.033 2.033 0 011.61-.773l2.81.283a1.015 1.015 0 01.899 1.1l-1.49 14.793 3.18.32a1.015 1.015 0 01.899 1.1l-.265 2.625a1.017 1.017 0 01-1.099.898l-3.18-.32-.45 4.475a1.017 1.017 0 01-1.1.898zm.018-10.197l.797-7.915-7.122 7.278zM286.911 131.563q-.034.707-.12 1.557l-.175 1.738-.175 1.739q-.085.85-.193 1.55a17.363 17.363 0 01-1.047 3.91 8.459 8.459 0 01-2.022 3.01 7.821 7.821 0 01-3.245 1.801 14.25 14.25 0 01-9.153-.921 7.84 7.84 0 01-2.801-2.411 8.445 8.445 0 01-1.381-3.353 17.362 17.362 0 01-.247-4.04q.065-1.412.247-3.207.18-1.793.397-3.191a17.932 17.932 0 011.051-3.948 8.595 8.595 0 012.027-3.065 8.11 8.11 0 013.232-1.86 11.674 11.674 0 014.666-.334 12.226 12.226 0 014.49 1.22 7.832 7.832 0 012.821 2.412 8.466 8.466 0 011.381 3.352 17.371 17.371 0 01.247 4.04zm-15.548 4.897a7.743 7.743 0 00.86 4.252 5.392 5.392 0 007.36.741 7.751 7.751 0 001.691-3.995q.215-1.397.387-3.099.171-1.7.239-3.113a7.751 7.751 0 00-.86-4.253 5.392 5.392 0 00-7.36-.74 7.743 7.743 0 00-1.692 3.995q-.216 1.397-.386 3.098-.172 1.701-.24 3.114zM290.075 130.574a.955.955 0 01-.13-.76.992.992 0 01.456-.627l8.662-5.516c.212-.128.43-.25.653-.364a1.243 1.243 0 01.705-.134l2.885.29a1.014 1.014 0 01.897 1.1l-2.405 23.89a1.016 1.016 0 01-1.099.899l-2.995-.302a1.016 1.016 0 01-.899-1.1l1.84-18.27-5.665 3.577a.927.927 0 01-.742.132 1.121 1.121 0 01-.645-.458z",fill:"#9aa4ad"})),g=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M346.912 46.063v104.31h-51.427v106.474h3.733v-.073l.423.422 23.065-23.065 23.59 23.59.876-.875h2.756v-.298h.717v-.073l.423.422 23.066-23.066 23.59 23.591.876-.875h2.756V46.063zm-24.206 137.358l22.716 22.716-22.716 22.715-22.715-22.715zm-23.488 18.21v-41.699l20.849 20.85zm51.427-104.31V55.623l20.85 20.85zm23.489-18.21l22.716 22.716-22.716 22.716-22.716-22.716zm-23.489 27.222l20.85 20.85-20.85 20.849zm46.977 48.021l-23.488 23.488-23.489-23.488v-.249h46.977zm-46.977 5.279l20.85 20.849-20.85 20.848zm2.939-9.26l20.55-20.551 20.55 20.55zm-7.39 51.258l-20.848-20.85 20.849-20.849zm27.94-18.51l22.716 22.715-22.716 22.717-22.716-22.717zm2.64-2.64l20.848-20.848v41.697zm0-53.298l20.848-20.85v41.699zm20.848-29.862l-20.849-20.849 20.85-20.849zm0-47.525v.548l-23.488 23.489-23.489-23.489v-.548zm-51.427 104.31v.547l-23.489 23.489-23.488-23.489v-.548zm-46.977 98.234v-41.697l20.849 20.849zm46.977-41.697v41.697l-20.85-20.848zm4.45 41.398v-41.699l20.85 20.85zm46.977-41.699v41.7l-20.849-20.85z",fill:"#e6e9eb"}),l.createElement("path",{d:"M299.218 256.847h-3.733V154.105h-8.945v102.742h-3.733V150.372h16.411zM350.645 150.372h-3.733V49.796h-8.945v100.576h-3.733V46.063h16.411z",fill:"#ced3d7"}),l.createElement("path",{d:"M248.774 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65H237.04l-.033-.033-.034.033H224.53l-.033-.034-.033.034H212.02l-.033-.034-.033.034h-12.442l-.033-.034-.034.034h-12.441l-.034-.033-.033.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.033.033.034-.033h12.442l.033.033.033-.033h12.442l.033.033.033-.033h12.443l.033.033.033-.033h12.442l.034.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.84 6.255l-5.546 5.547-5.547-5.547 5.547-5.547zm-5.546-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-6.254 6.254l-5.548 5.547-5.547-5.547 5.547-5.547zm-5.548-6.961l-5.547-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.548 5.547-5.547zm-11.801-.708l-5.547-5.547 5.546-5.547 5.548 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.548 5.548-5.546-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.547 5.547 5.547-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.547 5.547-5.547 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.547 5.547-5.547 5.547zm0-12.508l5.547-5.547 5.548 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.547-5.547 5.547-5.547 5.547 5.547zm-.707.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.548-5.547 5.548-5.547zm-11.802-.707l-5.547-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.546 5.547-5.548-5.547 5.547-5.547zm0 12.508l-5.546 5.548-5.548-5.547 5.547-5.548zm0 12.51l-5.546 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.546 5.546-5.547-5.546 5.547-5.547zm.707.707l5.548 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.548 5.548-5.548 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.546 5.547 5.547-5.546 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm2.1-16.022l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.808-2.807zm-7.029 0l3.515 3.514-5.548 5.547-5.547-5.548 3.514-3.513zm-5.48 0l-2.807 2.806-2.807-2.806zm-7.028 0l3.514 3.513-5.547 5.548-5.548-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.806-2.807zm-7.029 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.807 2.807-2.807-2.807zm-6.321.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.808-2.807 2.807zm0 7.03l3.514-3.515 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.513-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.03 0l-3.515-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm6.321-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.808-2.807 2.808-2.808zm0-7.03l-3.515 3.516-5.547-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.548-5.547 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zM428.617 221.88v-1.413l.033-.033-.033-.033v-12.443l.033-.033-.033-.033V195.45l.033-.033-.033-.033V183.65h-11.735l-.033-.033-.033.033h-12.442l-.034-.034-.033.034h-12.443l-.033-.034-.033.034h-12.441l-.034-.034-.033.034h-12.442l-.033-.033-.034.033h-11.735v11.735l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v12.442l-.033.033.033.033v12.443l-.033.033.033.033v11.735h11.735l.034.033.033-.033h12.442l.033.033.034-.033h12.441l.033.033.033-.033h12.443l.033.033.033-.033h12.443l.033.033.033-.033h11.735v-11.735l.033-.033-.033-.033v-12.443l.033-.033-.033-.033v-11.028zm-2.707-36.231l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.547-5.547 3.514-3.514zm-20.09 28.53l5.548-5.547 5.547 5.547-5.547 5.548zm4.841 6.255l-5.547 5.547-5.547-5.547 5.547-5.547zm-5.547-6.961l-5.547-5.547 5.547-5.548 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-6.254 6.254l-5.547 5.547-5.548-5.547 5.548-5.547zm-5.547-6.961l-5.548-5.548 5.547-5.547 5.548 5.548zm-.707.707l-5.548 5.547-5.547-5.548 5.547-5.547zm-11.802-.708l-5.547-5.547 5.547-5.547 5.547 5.547zm5.547 6.962l-5.547 5.547-5.547-5.547 5.547-5.548zm0 12.508l-5.547 5.548-5.547-5.547 5.547-5.548zm-4.84-6.254l5.547-5.547 5.548 5.547-5.548 5.547zm11.802.707l5.547 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.8.707l5.548 5.547-5.547 5.547-5.547-5.547zm.708-.707l5.547-5.547 5.547 5.547-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm-5.547-6.961l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.509l5.547-5.547 5.548 5.547-5.548 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.548 5.547zm4.84 6.254l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.8-.707l-5.548-5.547 5.547-5.547 5.547 5.547zm-.708.707l-5.547 5.548-5.548-5.548 5.548-5.547zm-11.802-.707l-5.547-5.547 5.547-5.548 5.548 5.548zm-.707.707l-5.547 5.547-5.547-5.547 5.547-5.547zm-11.801-.707l-5.548-5.547 5.548-5.547 5.547 5.547zm-.707.707l-5.547 5.547-5.547-5.547 5.546-5.547zm0 12.508l-5.547 5.548-5.548-5.548 5.548-5.547zm0 12.51l-5.547 5.547-5.548-5.548 5.548-5.547zm0 12.508l-5.547 5.546-5.547-5.546 5.547-5.547zm.707.707l5.547 5.547-5.547 5.547-5.547-5.548zm.707-.707l5.547-5.548 5.547 5.548-5.547 5.547zm11.801.707l5.548 5.547-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.548 5.547 5.548-5.547 5.547zm11.802.707l5.547 5.547-5.547 5.547-5.547-5.547zm.707-.707l5.547-5.548 5.547 5.547-5.547 5.548zm11.801.706l5.548 5.548-5.548 5.547-5.547-5.547zm.707-.707l5.548-5.546 5.547 5.547-5.547 5.546zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm0-12.509l5.548-5.547 5.547 5.548-5.547 5.547zm0-12.508l5.548-5.547 5.547 5.547-5.547 5.547zm2.1-16.022l-2.806 2.807-2.807-2.807zm-7.027 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.547 5.547-5.548-5.548 3.514-3.513zm-5.481 0l-2.807 2.806-2.806-2.806zm-7.027 0l3.513 3.513-5.547 5.548-5.547-5.547 3.514-3.514zm-5.481 0l-2.807 2.807-2.807-2.807zm-7.028 0l3.514 3.514-5.548 5.547-5.547-5.547 3.514-3.514zm-5.48 0l-2.808 2.807-2.807-2.807zm-6.322.707l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.515zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.808zm0 7.029l3.514-3.514 5.547 5.547-5.547 5.547-3.514-3.514zm0 5.48l2.807 2.807-2.807 2.807zm0 7.028l3.514-3.514 5.547 5.548-5.546 5.547-3.515-3.515zm0 5.48l2.808 2.808-2.808 2.807zm0 7.03l3.515-3.515 5.546 5.547-5.547 5.547-3.514-3.514zm0 5.479l2.807 2.807-2.807 2.807zm.707 6.321l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.547-5.547 5.548 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.515 3.514zm5.48 0l2.808-2.807 2.807 2.807zm7.029 0l-3.514-3.514 5.547-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.807-2.807 2.807 2.807zm7.028 0l-3.514-3.514 5.548-5.547 5.547 5.547-3.514 3.514zm5.48 0l2.808-2.807 2.807 2.807zm6.322-.707l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.03l-3.514 3.516-5.548-5.547 5.548-5.548 3.514 3.514zm0-5.479l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.808zm0-7.029l-3.514 3.515-5.548-5.548 5.548-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807zm0-7.028l-3.514 3.514-5.547-5.547 5.547-5.547 3.514 3.514zm0-5.48l-2.807-2.807 2.807-2.807z",fill:"#9aa4ad"}),l.createElement("path",{d:"M0 256.832h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M275.566 213.531V225.1h2.302v-11.568a3.018 3.018 0 10-2.302 0zM277.868 254.443v-19.984h-2.302v19.984h-4.359v2.303h11.021v-2.303zM318.744 213.531v10.236h2.303v-10.235a3.018 3.018 0 10-2.303 0zM321.047 254.443v-17.349h-2.303v17.349h-4.359v2.303h11.021v-2.303z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:216.073}),l.createElement("rect",{fill:"#ffc335",height:10.51,rx:1,width:68.383,x:264.089,y:231.838}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M323.104 231.838h3.453l4.813 10.511h-3.453zM313.461 231.838h3.453l4.813 10.511h-3.454zM303.817 231.838h3.453l4.813 10.511h-3.453zM294.174 231.838h3.453l4.813 10.511h-3.454zM284.53 231.838h3.453l4.813 10.511h-3.453zM274.887 231.838h3.453l4.813 10.511h-3.454zM265.243 231.838h3.453l4.813 10.511h-3.453zM323.104 216.073h3.453l4.813 10.51h-3.453zM313.461 216.073h3.453l4.813 10.51h-3.454zM303.817 216.073h3.453l4.813 10.51h-3.453zM294.174 216.073h3.453l4.813 10.51h-3.454zM284.53 216.073h3.453l4.813 10.51h-3.453zM274.887 216.073h3.453l4.813 10.51h-3.454zM265.243 216.073h3.453l4.813 10.51h-3.453z"})),l.createElement("path",{d:"M63.74 249.784a11.275 11.275 0 10-20.896 0h-.026c.081.2.194.384.286.578.101.214.2.429.314.635.121.219.253.429.388.638.127.198.261.389.4.577a11.274 11.274 0 001.219 1.413c.153.149.312.29.474.43.22.192.449.373.683.547.165.122.327.246.498.36a11.237 11.237 0 001.03.6c.161.085.325.162.491.238q.504.23 1.032.412c.11.038.216.083.327.118a11.228 11.228 0 001.367.32c.143.024.287.046.432.065a11.316 11.316 0 001.485.114l.032.002h4.228a11.287 11.287 0 0010.458-7.047zM131.393 249.784a11.275 11.275 0 10-20.896 0h-.027c.082.2.194.384.286.578.102.214.2.429.315.635.12.219.252.429.387.638.127.198.262.389.4.577a11.274 11.274 0 001.219 1.413c.154.149.313.29.474.43.22.192.45.373.684.547.164.122.326.246.498.36a11.237 11.237 0 001.029.6c.162.085.325.162.492.238q.503.23 1.032.412c.11.038.215.083.327.118a11.229 11.229 0 001.366.32c.144.024.287.046.432.065a11.316 11.316 0 001.486.114l.031.002h4.229a11.287 11.287 0 0010.458-7.047z",fill:"#9aa4ad"}),l.createElement("path",{d:"M149.695 230.8l-1.41 18.984H129.95l1.41-18.985a7.039 7.039 0 00-5.441-6.85l-13.291-3.128h18.336l13.305 3.129a7.026 7.026 0 015.427 6.85z",fill:"#ffc335"}),l.createElement("ellipse",{cx:136.272,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M135.278 233.411c0-1.735.664-3.19 1.54-3.619a1.262 1.262 0 00-.546-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("ellipse",{cx:147.323,cy:233.411,fill:"#fff",rx:2.056,ry:3.753}),l.createElement("path",{d:"M146.33 233.411c0-1.735.663-3.19 1.54-3.619a1.262 1.262 0 00-.547-.134c-1.136 0-2.056 1.68-2.056 3.753s.92 3.753 2.056 3.753a1.262 1.262 0 00.546-.134c-.876-.43-1.54-1.884-1.54-3.619z",fill:"#edeff2"}),l.createElement("path",{d:"M131.358 230.8l-1.41 18.984H15.786v-56.377a4.223 4.223 0 014.228-4.228h74.7a7.052 7.052 0 016.497 4.327l11.417 27.315 13.29 3.129a7.039 7.039 0 015.441 6.85z",fill:"#ffdb86"}),l.createElement("path",{d:"M121.07 197.17h-18.337l-1.523-3.664a7.052 7.052 0 00-6.497-4.327h18.323a7.057 7.057 0 016.511 4.327z",fill:"#ffc335"}),l.createElement("path",{d:"M121.071 197.164h-18.333l9.882 23.653h18.333zM98.595 197.164H80.262v13.787a9.866 9.866 0 009.866 9.866h18.35z",fill:"#fff"}),l.createElement("path",{d:"M48.794 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048zM117.856 249.784a11.287 11.287 0 01-10.458 7.048h-4.228a11.287 11.287 0 01-10.458-7.048z",fill:"#9aa4ad"}),l.createElement("circle",{cx:34.124,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:34.108,cy:245.556,fill:"#fff",r:5.638}),l.createElement("circle",{cx:103.186,cy:245.556,fill:"#c6cacf",r:11.275}),l.createElement("circle",{cx:103.17,cy:245.556,fill:"#fff",r:5.638}),l.createElement("path",{d:"M147.141 242.913h-12.325l-.205 1.762h12.396z",fill:"#bf9228"}),l.createElement("path",{d:"M70.753 197.17H24.877a2.819 2.819 0 00-2.819 2.82v23.37a4.228 4.228 0 004.228 4.229h15.785a9.866 9.866 0 016.976 2.89l5.276 5.276a4.228 4.228 0 002.99 1.238h12.03a4.228 4.228 0 004.229-4.228v-32.776a2.819 2.819 0 00-2.82-2.819z",fill:"#ffc335"}),l.createElement("path",{d:"M282.425 0h1v77.57h-1zM242.839 107.088l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:282.925,cy:81.813,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M282.925 76.57a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:283.917,cy:81.302,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M283.569 81.661l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M247.523 103.977l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M240.409 103.201l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M261.61 254.832h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M242.243 254.833h23.289v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M260.5 250.832h-13.22l1.12-4h10.98zM258.27 242.832h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M357.448 254.833h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M338.081 254.833h23.289v2H338.08z",fill:"#ffdb86"}),l.createElement("path",{d:"M356.338 250.833h-13.22l1.12-4h10.98zM354.108 242.833h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("rect",{fill:"#fff",height:24.105,rx:1,stroke:"#c6cacf",strokeMiterlimit:10,width:32.777,x:195.735,y:193.196}),l.createElement("path",{d:"M218.555 198.817a9.095 9.095 0 100 12.863 9.105 9.105 0 000-12.863zm-11.397 1.465a7.028 7.028 0 019.14-.672l-9.812 9.812a7.028 7.028 0 01.672-9.14zm.793 10.605l9.812-9.812a7.014 7.014 0 01-9.812 9.812z",fill:"#ffc335"}),l.createElement("path",{d:"M254.048 144.5a1.017 1.017 0 01-.892-1.104l.475-4.472-11.458-1.217a1.015 1.015 0 01-.892-1.104l.278-2.624a1.693 1.693 0 01.336-.88q.282-.363.662-.771l12.81-12.919a2.033 2.033 0 011.614-.763l2.81.298a1.016 1.016 0 01.891 1.104l-1.57 14.785 3.179.338a1.015 1.015 0 01.892 1.104l-.279 2.624a1.017 1.017 0 01-1.104.892l-3.178-.337-.475 4.472a1.017 1.017 0 01-1.105.892zm.074-10.197l.84-7.91-7.161 7.24zM287.115 131.602q-.038.707-.128 1.556l-.185 1.738-.184 1.737q-.09.85-.202 1.549a17.362 17.362 0 01-1.069 3.904 8.459 8.459 0 01-2.038 2.999 7.821 7.821 0 01-3.254 1.784 14.25 14.25 0 01-9.148-.971 7.84 7.84 0 01-2.789-2.426 8.445 8.445 0 01-1.362-3.36 17.363 17.363 0 01-.225-4.042q.073-1.412.265-3.206.19-1.791.414-3.189a17.932 17.932 0 011.073-3.942 8.595 8.595 0 012.044-3.054 8.11 8.11 0 013.242-1.842 11.674 11.674 0 014.668-.308 12.226 12.226 0 014.483 1.243 7.832 7.832 0 012.807 2.428 8.466 8.466 0 011.363 3.36 17.37 17.37 0 01.225 4.042zm-15.575 4.812a7.743 7.743 0 00.837 4.257 5.392 5.392 0 007.357.782 7.751 7.751 0 001.712-3.986q.222-1.397.404-3.097.18-1.7.256-3.113a7.751 7.751 0 00-.838-4.256 5.392 5.392 0 00-7.356-.782 7.743 7.743 0 00-1.712 3.986q-.224 1.397-.404 3.097-.18 1.7-.256 3.113zM309.948 124.271a1.014 1.014 0 01.892 1.104L310.56 128a1.203 1.203 0 01-.357.728 7.01 7.01 0 01-.6.553l-6.002 5.12a11.198 11.198 0 012.926 1.133 7.688 7.688 0 012.147 1.78 6.488 6.488 0 011.24 2.393 7.75 7.75 0 01.212 2.938 7.512 7.512 0 01-1.12 3.338 7.38 7.38 0 01-2.376 2.308 9.918 9.918 0 01-3.348 1.252 13.747 13.747 0 01-4.032.133 14.882 14.882 0 01-4.427-1.087 10.689 10.689 0 01-3.011-1.909 6.89 6.89 0 01-1.71-2.387 6.268 6.268 0 01-.52-2.485.823.823 0 01.353-.69 1.064 1.064 0 01.75-.202l2.92.31a.832.832 0 01.585.306 3.41 3.41 0 01.426.736 3.435 3.435 0 00.503.894 3.643 3.643 0 00.906.807 5.917 5.917 0 001.48.661 11.686 11.686 0 002.235.425 6.591 6.591 0 003.737-.519 2.909 2.909 0 001.66-2.421 2.496 2.496 0 00-1.134-2.532 7.944 7.944 0 00-3.564-1.107l-3.068-.326a1.017 1.017 0 01-.892-1.104l.279-2.625a1.204 1.204 0 01.358-.728 6.974 6.974 0 01.6-.553l5.752-4.883-10.202-1.084a1.017 1.017 0 01-.892-1.104l.279-2.624a1.015 1.015 0 011.104-.892z",fill:"#9aa4ad"})),H=t=>l.createElement("svg",{viewBox:"0 0 428.65 257.832",...t},l.createElement("path",{d:"M374.995 20.98H220.778a1 1 0 01-.707-1.708L239.343 0a1 1 0 01.707-.293h115.975a1.002 1.002 0 01.713.298l18.676 18.974h32.505a1 1 0 010 2zm-151.803-2h149.415l-17-17.273H240.463z",fill:"#9aa4ad"}),l.createElement("path",{d:"M230.519 81.234h1v67.828h-1z",fill:"#edeff2"}),l.createElement("rect",{fill:"#9aa4ad",height:44.923,rx:4,transform:"rotate(-174.106 229.472 161.013)",width:84.167,x:187.388,y:138.552}),l.createElement("rect",{fill:"#edeff2",height:44.923,rx:4,transform:"rotate(-174.106 222.353 160.278)",width:84.167,x:180.27,y:137.817}),l.createElement("path",{d:"M199.561 171.27a1.005 1.005 0 01-.885-1.09l.457-4.425-11.339-1.171a1.005 1.005 0 01-.885-1.09l.268-2.597a1.674 1.674 0 01.33-.871q.277-.36.652-.765l12.635-12.816a2.011 2.011 0 011.593-.76l2.78.287a1.005 1.005 0 01.886 1.09l-1.51 14.63 3.145.325a1.004 1.004 0 01.885 1.09l-.268 2.596a1.004 1.004 0 01-1.09.886l-3.145-.325-.457 4.425a1.005 1.005 0 01-1.09.886zm.044-10.088l.808-7.827-7.063 7.182zM232.234 158.414q-.035.7-.122 1.54l-.178 1.72-.177 1.719q-.087.841-.195 1.532a17.223 17.223 0 01-1.046 3.866 8.378 8.378 0 01-2.007 2.972 7.752 7.752 0 01-3.214 1.775 14.112 14.112 0 01-9.053-.935 7.764 7.764 0 01-2.765-2.392 8.372 8.372 0 01-1.358-3.319 17.172 17.172 0 01-.234-3.998q.069-1.397.253-3.172.183-1.773.4-3.156a17.734 17.734 0 011.05-3.903 8.522 8.522 0 012.013-3.026 8.009 8.009 0 013.201-1.831 11.562 11.562 0 014.617-.319 12.105 12.105 0 014.44 1.216 7.744 7.744 0 012.783 2.395 8.364 8.364 0 011.358 3.32 17.215 17.215 0 01.234 3.996zm-15.393 4.806a7.661 7.661 0 00.84 4.21 5.334 5.334 0 007.28.75 7.673 7.673 0 001.682-3.948q.217-1.382.39-3.064.174-1.683.245-3.08a7.676 7.676 0 00-.841-4.209 5.334 5.334 0 00-7.279-.751 7.664 7.664 0 00-1.683 3.948q-.217 1.383-.39 3.065-.174 1.683-.244 3.08zM247.071 176.174a1.005 1.005 0 01-.885-1.09l.457-4.424-11.338-1.171a1.005 1.005 0 01-.886-1.09l.268-2.597a1.674 1.674 0 01.33-.871q.278-.36.652-.765l12.635-12.816a2.011 2.011 0 011.594-.76l2.78.287a1.005 1.005 0 01.885 1.09l-1.51 14.63 3.145.325a1.005 1.005 0 01.886 1.09l-.268 2.596a1.005 1.005 0 01-1.09.886l-3.145-.325-.457 4.425a1.005 1.005 0 01-1.09.886zm.044-10.087l.808-7.827-7.062 7.182z",fill:"#9aa4ad"}),l.createElement("path",{d:"M159.089 98.105H290.57v158.5H159.089z",fill:"#fff",opacity:.5}),l.createElement("path",{d:"M228.458 24.668h1v51.323h-1z",fill:"#edeff2"}),l.createElement("circle",{cx:231.019,cy:75.991,fill:"#c6cacf",r:5.243}),l.createElement("circle",{cx:233.065,cy:75.991,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M227.873 75.991a5.245 5.245 0 014.194-5.138 5.243 5.243 0 100 10.276 5.245 5.245 0 01-4.194-5.138z",fill:"#9aa4ad"}),l.createElement("path",{d:"M376.635 257.125h-2V25.668h-25.167v231.457h-2V23.668h29.167z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.989 253.903v2.702a.9.9 0 11-1.8 0v-2.702a.9.9 0 011.8 0zm-.9-106.484a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.558a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.278a.9.9 0 00-.9-.9zm0-42.234a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-21.117a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 63.35a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-73.908a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 126.7a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-42.233a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 31.675a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.278a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-31.675a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm2.7-103.007h-2.7a.9.9 0 00-.9.9v2.703a.9.9 0 101.8 0v-1.802h1.8a.9.9 0 000-1.8zm43.855 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-10.964 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-21.926 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm43.853 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 100-1.8zm-32.89 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm98.67 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 000-1.8zm-54.816 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm32.89 0h-5.482a.9.9 0 100 1.801h5.482a.9.9 0 000-1.8zm10.964 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm-21.928 0h-5.481a.9.9 0 000 1.801h5.481a.9.9 0 000-1.8zm-10.963 0h-5.482a.9.9 0 000 1.801h5.482a.9.9 0 000-1.8zm52.037 0h-2.701a.9.9 0 000 1.801h1.8v1.802a.9.9 0 101.801 0v-2.702a.9.9 0 00-.9-.9zm0 7.98a.9.9 0 00-.9.901v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 42.234a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.558a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 42.234a.9.9 0 00-.9.9v5.279a.9.9 0 101.8 0v-5.279a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-52.792a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 10.559a.9.9 0 00-.9.9v5.279a.9.9 0 001.8 0v-5.279a.9.9 0 00-.9-.9zm0 31.675a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 63.35a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 101.8 0v-5.28a.9.9 0 00-.9-.9zm0-52.792a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 21.117a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0-10.559a.9.9 0 00-.9.9v5.28a.9.9 0 001.8 0v-5.28a.9.9 0 00-.9-.9zm0 52.792a.9.9 0 00-.9.9v2.703a.9.9 0 101.8 0v-2.702a.9.9 0 00-.9-.9z",fill:"#84919c"}),l.createElement("path",{d:"M29.227 256.605a12.584 12.584 0 010-25.168h50.335a12.584 12.584 0 010 25.168z",fill:"#edeff2"}),l.createElement("path",{d:"M29.227 256.605a12.584 12.584 0 010-25.168h50.335a12.584 12.584 0 010 25.168z",fill:"#edeff2"}),l.createElement("path",{d:"M90.548 231.437H79.562a12.584 12.584 0 010 25.168h10.986a12.584 12.584 0 000-25.168z",fill:"#9aa4ad"}),l.createElement("circle",{cx:29.227,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:29.227,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:46.005,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:62.784,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("circle",{cx:79.562,cy:244.021,fill:"#c6cacf",r:6.991}),l.createElement("path",{d:"M110.575 207.576a5.002 5.002 0 00-5 5v16.25h-79.14v-15a6.246 6.246 0 016.25-6.25h13.32v-9.41a9.807 9.807 0 019.81-9.81h25.45a9.816 9.816 0 019.82 9.81v9.41z",fill:"#ffdb86"}),l.createElement("path",{d:"M81.265 188.356a9.82 9.82 0 018.999 5.889h10.673a10.838 10.838 0 00-9.66-5.89z",fill:"#ffc335"}),l.createElement("path",{d:"M91.085 198.166v9.41h9.852v-13.331H90.264a9.758 9.758 0 01.821 3.921z",fill:"#fff"}),l.createElement("circle",{cx:46.007,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:62.784,cy:244.021,fill:"#fff",r:1.748}),l.createElement("circle",{cx:79.561,cy:244.021,fill:"#fff",r:1.748}),l.createElement("path",{d:"M112.892 207.58h-2.5v-18.032a1.383 1.383 0 00-1.383-1.383h-1.862a1.25 1.25 0 01-1.25-1.25 1.25 1.25 0 011.25-1.25h1.862a3.883 3.883 0 013.883 3.883z",fill:"#9aa4ad"}),l.createElement("path",{d:"M110.579 207.58h15.16a5 5 0 015 5v16.255h-25.16V212.58a5 5 0 015-5z",fill:"#ffc335"}),l.createElement("path",{d:"M105.575 228.826h25.16v.01h-25.16z",fill:"#ffc335"}),l.createElement("rect",{fill:"#fff",height:17.734,rx:1,width:9.642,x:52.326,y:194.243}),l.createElement("path",{d:"M80.223 194.243H67.726a1.25 1.25 0 00-1.25 1.25v15.234a1.25 1.25 0 001.25 1.25h1.352a3.482 3.482 0 013.216 2.148l1.648 3.971a3 3 0 002.77 1.85h4.773a3 3 0 003-3v-18.44a4.263 4.263 0 00-4.262-4.263z",fill:"#fff"}),l.createElement("path",{d:"M91.082 212.846h1.25v7.1h-1.25zm4.36 7.1h1.25v-7.1h-1.25zm4.358 0h1.25v-7.1H99.8zm16.41 4.255h1.25v-11.355h-1.25zm4.359-11.355V224.2h1.25v-11.355z",fill:"#bf9228"}),l.createElement("ellipse",{cx:110.935,cy:216.396,fill:"#fff",rx:1.945,ry:3.55}),l.createElement("ellipse",{cx:127.094,cy:216.396,fill:"#fff",rx:1.945,ry:3.55}),l.createElement("path",{d:"M126.154 216.396c0-1.641.631-3.015 1.46-3.422a1.212 1.212 0 00-.52-.128c-1.075 0-1.946 1.59-1.946 3.55s.871 3.55 1.946 3.55a1.128 1.128 0 00.502-.121c-.829-.407-1.442-1.788-1.442-3.429zM109.995 216.396c0-1.641.628-3.017 1.457-3.424a1.194 1.194 0 00-.517-.126c-1.074 0-1.945 1.59-1.945 3.55s.87 3.55 1.945 3.55a1.194 1.194 0 00.517-.126c-.83-.407-1.457-1.783-1.457-3.424zM105.579 231.437l10.212 25.168h-8.854c-4.628 0-8.38-3.181-8.38-7.105v-18.063z",fill:"#edeff2"}),l.createElement("path",{d:"M130.735 249.5v-16.815h-24.352l9.67 23.92h23.062c-4.628 0-8.38-3.181-8.38-7.105z",fill:"#9aa4ad"}),l.createElement("path",{d:"M137.756 231.437H105.58l10.212 25.168h1.25l-9.705-23.918h23.4V249.5a6.868 6.868 0 003.636 5.855h-17.838l.507 1.25h30.928z",fill:"#c6cacf"}),l.createElement("path",{d:"M25.032 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85zM41.81 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.592-6.85zM58.59 244.02a6.993 6.993 0 015.592-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85zM75.368 244.02a6.993 6.993 0 015.593-6.85 6.991 6.991 0 100 13.701 6.993 6.993 0 01-5.593-6.85z",fill:"#9aa4ad"}),l.createElement("path",{d:"M91.077 207.575h11.09v.01h-11.09z",fill:"#fff"}),l.createElement("rect",{fill:"#ffc335",height:4.565,rx:1,width:29.703,x:32.265,y:218.207}),l.createElement("path",{d:"M347.468 23.668h-10.11v233.457h2V25.668h8.11z",fill:"#9aa4ad"}),l.createElement("path",{d:"M376.635 39.779v-16.11h-29.167v233.455h2v-.039l.226.227 12.357-12.357 12.877 12.877.707-.707h1V39.779zm-26.753 108.676l12.17-12.17 12.169 12.17-12.17 12.169zm24.339 27.167l-12.17 12.17-12.17-12.17 12.17-12.17zm-24.34-54.335l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.167l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17v-22.34zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17V123.7zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm-10.755 13.584l12.17-12.17 12.169 12.17-12.17 12.169zm10.755 13.583l-11.17 11.17v-22.34zm13.998-11.17v22.34l-11.17-11.17zm-11.17-15.997l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm11.17-16L363.465 26.2l.532-.532h10.638zm-14.53-11.7l.532.532-11.17 11.17V25.668zM349.468 254.71v-22.34l11.17 11.17zm.414-24.753l12.17-12.17 12.169 12.17-12.17 12.17zm24.753 2.414v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M0 256.605h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M361.8 30.744h27.67v43.277H361.8z",fill:"#ffdb86"}),l.createElement("path",{d:"M384.316 37.744v14.639h-17.361v-14.64z",fill:"#fff"}),l.createElement("path",{d:"M354.523 30.744h7.276v43.277h-7.276z",fill:"#ffc335"}),l.createElement("path",{d:"M354.523 73.991h34.947v2h-34.947z",fill:"#c6cacf"}),l.createElement("path",{d:"M354.523 73.991h7.276v2h-7.276z",fill:"#9aa4ad"}),l.createElement("path",{d:"M276.526 219.064v10.049h2v-10.05a2.622 2.622 0 10-2 0zM278.526 254.605v-17.362h-2v17.362h-3.787v2h9.574v-2z",fill:"#c6cacf"}),l.createElement("path",{d:"M232.58 26.681h1v49.31h-1z",fill:"#edeff2"}),l.createElement("path",{d:"M243.75 20.98h9.005v5.701h-9.004z",fill:"#9aa4ad"}),l.createElement("path",{d:"M420.112 18.98h-22.839L378.598.004a1.002 1.002 0 00-.713-.298H263.213a1.007 1.007 0 00-.707.293l-18.893 18.893h-22.695a1.198 1.198 0 00-1.198 1.198v6.59h24.03V20.98h176.362a1 1 0 000-2zM323.526 1.706h16.172l-8.475 8.476-8.086-8.086zm-19 0h15.393l.39.39-8.087 8.086-8.086-8.086zm-19 0h15.392l.39.39-8.086 8.086-8.086-8.086zm-3.218.39l-9.535 9.535-9.535-9.536.389-.389h18.291zm-35.954 16.882l15.47-15.469 9.534 9.536-5.933 5.933zm21.899 0l4.52-4.52 4.519 4.52zm11.867 0l-5.933-5.933 9.535-9.535 8.086 8.086-7.383 7.382zm7.133 0l5.969-5.968 5.968 5.968zm14.766 0l-7.383-7.382 8.086-8.086 8.086 8.086-7.382 7.382zm4.235 0l5.968-5.968 5.968 5.968zm14.765 0l-7.383-7.382 8.087-8.086 8.086 8.086-7.383 7.382zm4.235 0l5.969-5.968 5.968 5.968zm14.766 0l-7.383-7.382 9.89-9.89h14.878l-17.272 17.272zm2.94 0l17.273-17.272h17.233l17 17.272zM314.036 219.063v8.892h2v-8.891a2.622 2.622 0 10-2 0zM316.036 254.605v-15.073h-2v15.073h-3.787v2h9.575v-2z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:266.555,y:221.272}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:266.555,y:234.967}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M317.823 234.967h3l4.181 9.131h-3zM309.446 234.967h3l4.181 9.131h-3zM301.068 234.967h3l4.181 9.131h-3zM292.691 234.967h3l4.181 9.131h-3zM284.313 234.967h3l4.181 9.131h-3zM275.936 234.967h3l4.181 9.131h-3zM267.558 234.967h3l4.181 9.131h-3zM317.823 221.272h3l4.181 9.13h-3zM309.446 221.272h3l4.181 9.13h-3zM301.068 221.272h3l4.181 9.13h-3zM292.691 221.272h3l4.181 9.13h-3zM284.313 221.272h3l4.181 9.13h-3zM275.936 221.272h3l4.181 9.13h-3zM267.558 221.272h3l4.181 9.13h-3z"}))),b=t=>l.createElement("svg",{viewBox:"0 0 428.65 208.17",...t},l.createElement("path",{d:"M87.176 131.122h3.787v2H81.39v-2h3.787v-17.36h2zm-2-35.54v10.048h2V95.581a2.622 2.622 0 10-2 0zm37.51 0v8.891h2v-8.892a2.622 2.622 0 10-2 0zm2 35.54V116.05h-2v15.072H118.9v2h9.574v-2z",fill:"#c6cacf"}),l.createElement("path",{d:"M58.009 20.727v55.882H30.457v57.042h2v-.039l.227.227 12.357-12.357 12.638 12.638.469-.469h1.476v-.16h.385v-.039l.226.227 12.357-12.358 12.639 12.639.469-.469h1.476V20.727zM45.04 94.314l12.17 12.17-12.17 12.17-12.17-12.17zm-12.584 9.756V81.73l11.17 11.17zm27.552-55.883V25.848l11.17 11.17zm12.584-9.755l12.17 12.17-12.17 12.17-12.17-12.17zM60.009 53.016l11.17 11.17-11.17 11.169zm25.167 25.726L72.593 91.326 60.009 78.742v-.133h25.167zM60.01 81.57l11.17 11.17-11.17 11.17zm1.574-4.961l11.01-11.01 11.009 11.01zm-3.958 27.461L46.455 92.9l11.17-11.17zm14.968-9.916l12.17 12.17-12.17 12.17-12.17-12.17zm1.414-1.414l11.17-11.17v22.34zm0-28.555l11.17-11.17v22.34zm11.17-15.998l-11.17-11.17 11.17-11.169zm0-25.46v.293L72.592 35.604 60.009 23.02v-.293zM57.623 78.609v.293L45.041 91.486 32.457 78.902v-.293zm-25.167 52.628v-22.339l11.17 11.17zm25.167-22.339v22.34l-11.17-11.17zm2.385 22.18v-22.34l11.17 11.17zm25.167-22.34v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M32.457 133.651h-2V78.609h-4.792v55.042h-2V76.609h8.792zM60.009 76.609h-2V22.727h-4.792v53.882h-2V20.727h8.792z",fill:"#9aa4ad"}),l.createElement("path",{d:"M122.98 133.643c0-.498 3.62-.608 4.867-.03a.9.9 0 11-.756 1.633 7.596 7.596 0 00-3.21-.703.9.9 0 01-.9-.9zm-5.012 33.274h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm8.426-16.514a.904.904 0 00-1.054-.714 7.774 7.774 0 01-1.46.14h-5.526a.9.9 0 000 1.8h5.528a9.628 9.628 0 001.798-.172.9.9 0 00.714-1.054zm-22.759 16.514H96.47a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-14.333 0h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm43 0h-7.167a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-.517-28.103a.9.9 0 00-.596 1.124 7.666 7.666 0 01-.752 6.18.9.9 0 101.542.927 9.464 9.464 0 00.93-7.634.899.899 0 00-1.124-.597zm14.85 28.103h-7.167a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm-71.666 0h-7.166a.9.9 0 000 1.8h7.166a.9.9 0 000-1.8zm29.052-15.287h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm-28.666 0h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm14.333 0h7.167a.9.9 0 000-1.8h-7.167a.9.9 0 000 1.8zm-30.243 7.643l.002-.172a.9.9 0 00-.88-.92.88.88 0 00-.92.879l-.002.213a9.48 9.48 0 002.973 6.878.9.9 0 101.233-1.31 7.57 7.57 0 01-2.406-5.568zm2.076-5.58a.899.899 0 00.586-.218 7.649 7.649 0 014.982-1.845h1.1a.9.9 0 000-1.8h-1.1a9.45 9.45 0 00-6.154 2.28.9.9 0 00.586 1.582zm253.248 13.224h-7.424a.9.9 0 100 1.8h7.424a.9.9 0 100-1.8zm29.699 0h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm-2.708 17.088h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm-12.142-17.088h-7.425a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm-10.265-15.287h7.424a.9.9 0 000-1.8h-7.424a.9.9 0 000 1.8zm7.557 32.375h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 000-1.8zm7.292-32.375h6.608c.303 0 .603-.015.9-.042a.9.9 0 00-.17-1.793c-.24.023-.483.034-.73.034h-6.608a.9.9 0 000 1.8zm50.087 29.002a7.628 7.628 0 01-5.506 3.329.9.9 0 00.097 1.795.847.847 0 00.098-.006 9.424 9.424 0 006.803-4.11.9.9 0 00-1.492-1.008zm-10.122-13.715h-7.425a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm12.87 6.872a9.431 9.431 0 00-5.183-6.03.9.9 0 10-.746 1.64 7.629 7.629 0 014.197 4.878.9.9 0 00.866.657.882.882 0 00.244-.035.9.9 0 00.622-1.11zm-82.534-22.16h7.425a.9.9 0 000-1.8h-7.425a.9.9 0 000 1.8zm52.106 32.376h-7.424a.9.9 0 000 1.8h7.424a.9.9 0 100-1.8zm2.708-17.088h-7.424a.9.9 0 100 1.8h7.424a.9.9 0 100-1.8zm12.141 17.088h-7.424a.9.9 0 000 1.8h7.424a.9.9 0 000-1.8zm-21.204-41.82a9.464 9.464 0 00-.321-2.448.9.9 0 00-1.739.467 7.67 7.67 0 01-1.103 6.339.9.9 0 101.478 1.027 9.404 9.404 0 001.685-5.384zm-67.892 41.82h-7.425a.9.9 0 000 1.8h7.425a.9.9 0 000-1.8zm3.358-24.732a7.676 7.676 0 01.27-2.025.9.9 0 10-1.736-.475 9.464 9.464 0 001.316 7.837.9.9 0 101.485-1.017 7.6 7.6 0 01-1.335-4.32zm14.2 7.644h-6.557c-.262 0-.522-.013-.777-.038a.9.9 0 00-.178 1.79c.314.032.632.049.955.049h6.557a.9.9 0 100-1.801zm-10.15-14.497a.903.903 0 00.378-.084 7.584 7.584 0 013.215-.706h3.715a.9.9 0 000-1.8h-3.715a9.37 9.37 0 00-3.972.873.9.9 0 00.38 1.717zm7.44 31.585h-7.424a.9.9 0 100 1.8h7.425a.9.9 0 100-1.8zm14.85 0h-7.424a.9.9 0 000 1.8h7.425a.9.9 0 100-1.8zm28.75-49.462a7.593 7.593 0 013.21.703.9.9 0 00.756-1.633 9.368 9.368 0 00-3.966-.87.9.9 0 100 1.8z",fill:"#84919c"}),l.createElement("path",{d:"M221.718 125.296l-.969-1.75a3.258 3.258 0 001.371-3.383c-.3-1.936-1.639-3.608-4.215-5.26-4.355-2.796-9.113-4.252-14.15-5.794a199.09 199.09 0 01-4.38-1.378c-2.344-.778-4.89-1.39-7.353-1.981-4.994-1.2-10.158-2.441-14.527-5.192a7.862 7.862 0 01-3.696-4.965c-.88-4.56 3.732-8.03 13.71-10.313a91.644 91.644 0 0111.742-1.642c2.24-.214 4.555-.436 6.806-.753l.28 1.98c-2.296.324-4.634.548-6.895.764a90.237 90.237 0 00-11.487 1.6c-8.605 1.97-12.82 4.73-12.192 7.984a5.878 5.878 0 002.798 3.653c4.09 2.575 9.091 3.777 13.928 4.94 2.503.6 5.092 1.222 7.516 2.027 1.44.478 2.889.92 4.335 1.364 4.945 1.513 10.058 3.078 14.645 6.022 1.947 1.249 4.594 3.296 5.112 6.637a5.224 5.224 0 01-2.38 5.44zM226.18 54.748c-.269-1.126-1.664-1.865-2.69-2.323a66.426 66.426 0 00-10.039-3.248c-2.115-.562-4.301-1.144-6.426-1.85-.461-.154-.93-.305-1.404-.457-3.45-1.109-7.358-2.366-9.998-5.245a5.665 5.665 0 01-1.577-2.976c-.567-3.777 3.441-5.984 6.093-7.444.258-.143.505-.278.732-.407l1.153-.65a33.118 33.118 0 007.019-4.757 16.034 16.034 0 004.595-14.664l1.945-.465c1.344 5.618-.725 12.275-5.147 16.564a34.627 34.627 0 01-7.434 5.067l-1.143.644c-.235.133-.488.273-.755.42-2.296 1.264-5.44 2.995-5.08 5.395a3.784 3.784 0 001.073 1.922c2.282 2.488 5.766 3.609 9.136 4.692.48.155.956.307 1.423.463 2.067.687 4.223 1.26 6.31 1.815a67.973 67.973 0 0110.339 3.355c1.412.63 3.346 1.698 3.82 3.684z",fill:"#edeff2"}),l.createElement("path",{d:"M319.725 133.646h-12.93a10.45 10.45 0 110-20.9h12.93a10.45 10.45 0 100 20.9z",fill:"#9aa4ad"}),l.createElement("rect",{fill:"#edeff2",height:20.902,rx:10.451,width:85.393,x:309.277,y:112.748}),l.createElement("path",{d:"M319.728 129.65a6.451 6.451 0 110-12.902h64.49a6.451 6.451 0 010 12.902z",fill:"#c6cacf"}),l.createElement("path",{d:"M384.16 116.748h-3.119a6.451 6.451 0 110 12.902h3.178a6.451 6.451 0 10-.059-12.902z",fill:"#9aa4ad"}),l.createElement("path",{d:"M326.582 108.067h55.91a5 5 0 005-5V63.28a5 5 0 00-5-5h-33.7a10 10 0 00-9.4 6.591l-14.69 40.514a2 2 0 001.88 2.682z",fill:"#ffdb86"}),l.createElement("path",{d:"M339.391 64.871l.012-.028a.076.076 0 01-.014.027zM348.783 58.28h-17.234a9.971 9.971 0 00-9.38 6.55h17.239a9.999 9.999 0 019.375-6.55zM326.582 108.067a2 2 0 01-1.88-2.682l6.434-17.745h-17.247l-6.43 17.75a2 2 0 001.88 2.68z",fill:"#ffc335"}),l.createElement("path",{d:"M339.391 64.871l.016-.038h-17.245c-.004.013-.01.025-.015.038l-8.256 22.77h17.244z",fill:"#fff"}),l.createElement("path",{d:"M324.867 96.583l-2.67 7.592L219.1 10.289l.19-.185a1.43 1.43 0 011.904-.082l103.053 84.35a2 2 0 01.62 2.211z",fill:"#edeff2"}),l.createElement("path",{d:"M322.196 104.175h-10.918a2 2 0 01-1.415-.586l-91.001-91.037a1.43 1.43 0 01-.003-2.02l.24-.243z",fill:"#9aa4ad"}),l.createElement("path",{d:"M356.947 87.641l7.232-20.104a1.997 1.997 0 00-1.872-2.677c-4.476-.01-13.023-.021-16.378-.026a1.988 1.988 0 00-1.878 1.32l-10.12 28.132a1.999 1.999 0 001.882 2.674h9.542l.786-1.981a11.626 11.626 0 0110.806-7.338zM381.755 64.833h-8.704a4 4 0 00-3.76 2.636l-2.694 7.427a1 1 0 00.94 1.341h14.218a1 1 0 001-1v-9.404a1 1 0 00-1-1z",fill:"#fff"}),l.createElement("path",{d:"M382.755 101.974V96.97c.005-.013-24.376-.013-24.38 0l-1.815 5.004zM382.755 92.655V87.65c.005-.013-20.833-.013-20.838 0l-1.827 5.004z",fill:"#ffc335"}),l.createElement("circle",{cx:214.611,cy:5.757,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M214.61.514a5.2 5.2 0 00-2.753.799 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.444-7.997z",fill:"#c6cacf"}),l.createElement("circle",{cx:215.602,cy:5.246,fill:"#fff",r:1.311}),l.createElement("circle",{cx:320.399,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:333.141,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:345.883,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:358.624,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:371.366,cy:123.199,fill:"#fff",r:1.748}),l.createElement("circle",{cx:384.108,cy:123.199,fill:"#fff",r:1.748}),l.createElement("path",{d:"M243.941 71.56a.5.5 0 01-.45.546l-11.5 1.116a.525.525 0 01-.05.003.5.5 0 01-.047-.998l11.501-1.116a.514.514 0 01.546.449zm-3.622 10.803l-9.39-5.847a.5.5 0 10-.529.848l9.39 5.847a.5.5 0 10.53-.848zm-32.476-21.386a.5.5 0 10-.633.774l7.7 6.295a.5.5 0 00.634-.775zm6.122 10.397l-11.056-.35a.475.475 0 00-.515.484.5.5 0 00.483.515l11.057.35h.016a.5.5 0 00.015-.999z",fill:"#84919c"}),l.createElement("path",{d:"M0 133.15h428.65v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M166.232 113.735a10.066 10.066 0 00-11.256 8.714l-7.935 62.322a8.68 8.68 0 007.515 9.708l5.652.72a8.676 8.676 0 01-6.39-9.48l7.935-62.323a10.066 10.066 0 0111.257-8.713",fill:"#9aa4ad"}),l.createElement("path",{d:"M266.206 126.549l-93.308-11.88a9.953 9.953 0 00-11.13 8.615l-.818 6.425 113.054 14.394.818-6.424a9.953 9.953 0 00-8.616-11.13z",fill:"#ffc335"}),l.createElement("path",{d:"M160.95 129.709l-7.132 56.01a8.68 8.68 0 007.515 9.708l95.832 12.201a8.68 8.68 0 009.707-7.515l7.132-56.01z",fill:"#edeff2"}),l.createElement("path",{d:"M161.768 123.284a9.953 9.953 0 0111.13-8.616l-6.778-.947a9.953 9.953 0 00-11.13 8.616l-.818 6.424 6.778.948z",fill:"#bf9228"}),l.createElement("circle",{cx:170.795,cy:122.682,fill:"#fff",r:2.004}),l.createElement("circle",{cx:183.862,cy:124.345,fill:"#fff",r:2.004}),l.createElement("circle",{cx:196.929,cy:126.009,fill:"#fff",r:2.004}),l.createElement("path",{d:"M182.892 151.59a1.044 1.044 0 011.154-.894l14.25 1.815a1.044 1.044 0 01.892 1.153l-.342 2.691a1.044 1.044 0 01-1.153.893l-10.65-1.356-1.035 4.798a6.765 6.765 0 012.09-.234q1.014.052 1.659.134a13.266 13.266 0 013.87 1.07 9.048 9.048 0 012.93 2.087 7.982 7.982 0 011.735 3.014 8.887 8.887 0 01.28 3.848 10.136 10.136 0 01-1.306 4.05 7.837 7.837 0 01-2.484 2.573 8.545 8.545 0 01-3.372 1.227 14.356 14.356 0 01-3.93.02 14.812 14.812 0 01-4.415-1.179 9.108 9.108 0 01-2.897-2.043 7.018 7.018 0 01-1.554-2.625 7.628 7.628 0 01-.341-2.913.844.844 0 01.378-.703 1.09 1.09 0 01.776-.19l3.069.39a1.072 1.072 0 01.651.334 1.267 1.267 0 01.332.716 3.387 3.387 0 00.54 1.513 3.806 3.806 0 001.025 1.017 4.694 4.694 0 001.386.619 11.769 11.769 0 001.653.326 5.102 5.102 0 003.635-.731 4.114 4.114 0 001.737-3.052 3.618 3.618 0 00-.965-3.012 5.36 5.36 0 00-3.336-1.618 7.633 7.633 0 00-1.822-.06 4.785 4.785 0 00-1.131.261c-.298.116-.567.217-.809.301a1.961 1.961 0 01-.893.06l-3.487-.444a1.044 1.044 0 01-.893-1.153zM223.68 165.795q-.054.726-.165 1.597l-.227 1.781-.226 1.782q-.111.872-.241 1.586a17.893 17.893 0 01-1.183 3.99 8.7 8.7 0 01-2.158 3.037 8.053 8.053 0 01-3.382 1.765 14.674 14.674 0 01-9.381-1.194 8.067 8.067 0 01-2.814-2.554 8.688 8.688 0 01-1.328-3.48 17.842 17.842 0 01-.144-4.16q.106-1.45.341-3.288.234-1.838.493-3.269a18.407 18.407 0 011.187-4.027 8.845 8.845 0 012.166-3.095 8.334 8.334 0 013.37-1.824 12.015 12.015 0 014.805-.216 12.573 12.573 0 014.581 1.373 8.061 8.061 0 012.833 2.556 8.705 8.705 0 011.328 3.481 17.884 17.884 0 01.145 4.159zm-16.109 4.612a7.955 7.955 0 00.77 4.392 5.544 5.544 0 007.542.96 7.972 7.972 0 001.845-4.06q.26-1.428.481-3.172.222-1.743.33-3.194a7.974 7.974 0 00-.77-4.392 5.543 5.543 0 00-7.542-.96 7.958 7.958 0 00-1.845 4.059q-.26 1.43-.481 3.174-.222 1.743-.33 3.193zM248.39 168.941q-.055.726-.165 1.597l-.227 1.781-.227 1.782q-.11.872-.24 1.586a17.893 17.893 0 01-1.183 3.99 8.7 8.7 0 01-2.158 3.037 8.053 8.053 0 01-3.382 1.766 14.674 14.674 0 01-9.381-1.195 8.067 8.067 0 01-2.814-2.554 8.688 8.688 0 01-1.328-3.48 17.842 17.842 0 01-.145-4.16q.107-1.45.342-3.288.234-1.838.493-3.269a18.407 18.407 0 011.187-4.027 8.845 8.845 0 012.165-3.095 8.334 8.334 0 013.371-1.823 12.015 12.015 0 014.804-.217 12.573 12.573 0 014.582 1.373 8.061 8.061 0 012.832 2.556 8.705 8.705 0 011.329 3.481 17.885 17.885 0 01.144 4.16zm-16.11 4.612a7.955 7.955 0 00.77 4.392 5.544 5.544 0 007.543.96 7.972 7.972 0 001.845-4.06q.259-1.428.481-3.172.222-1.743.33-3.194a7.974 7.974 0 00-.77-4.392 5.543 5.543 0 00-7.542-.96 7.958 7.958 0 00-1.846 4.059q-.259 1.43-.48 3.174-.222 1.743-.33 3.193z",fill:"#9aa4ad"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:74.949,y:97.789}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:74.949,y:111.485}),l.createElement("g",{fill:"#fff"},l.createElement("path",{d:"M126.217 111.485h3l4.18 9.13h-3zM117.839 111.485h3l4.181 9.13h-3zM109.461 111.485h3l4.181 9.13h-3zM101.084 111.485h3l4.181 9.13h-3zM92.706 111.485h3l4.181 9.13h-3zM84.329 111.485h3l4.181 9.13h-3zM75.951 111.485h3l4.181 9.13h-3zM126.217 97.789h3l4.18 9.131h-3zM117.839 97.789h3l4.181 9.131h-3zM109.461 97.789h3l4.181 9.131h-3zM101.084 97.789h3l4.181 9.131h-3zM92.706 97.789h3l4.181 9.131h-3zM84.329 97.789h3l4.181 9.131h-3zM75.951 97.789h3l4.181 9.131h-3z"}))),u=t=>l.createElement("svg",{viewBox:"0 0 392.918 230.632",...t},l.createElement("path",{d:"M201.533 0h1v37.475h-1zM161.947 66.993l39.89-25.272.535.845-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:202.033,cy:41.718,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M202.033 36.475a5.2 5.2 0 00-2.753.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:203.025,cy:41.207,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M202.677 41.566l.695-.719 35.753 34.569-.695.719z",fill:"#edeff2"}),l.createElement("path",{d:"M166.631 63.882l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.517 63.106l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M381.996 155.17h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M362.63 155.171h23.288v2h-23.289z",fill:"#ffdb86"}),l.createElement("path",{d:"M379.766 147.17h-10.98l-1.12 4h13.22zM377.536 139.17h-6.52l-1.12 4h8.76z",fill:"#fff"}),l.createElement("path",{d:"M157.924 153.634l6.664-13.928 3.129 2.728 3.125 2.737 3.129 2.728 3.125 2.736 2.621 2.285-2.012 4.204-3.423-.607-4.092-.716-4.087-.725-4.092-.717z",fill:"#ffc335"}),l.createElement("path",{d:"M166.282 136.164l-10.051 21.007-1.804-.863 10.051-21.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M167.717 142.434l-5.706 11.925 4.092.717 4.739-9.905zM173.971 147.899l-3.781 7.902 4.092.716 2.814-5.882z",fill:"#fff"}),l.createElement("path",{d:"M.703 157.171h167v13h-167z",fill:"#edeff2"}),l.createElement("path",{d:"M155.83 157.171h41.617v13H155.83z",fill:"#c6cacf"}),l.createElement("path",{d:"M71.63 152.171a8 8 0 10-14.826 0h-.019c.058.142.137.272.203.41.072.152.142.304.223.45a7.985 7.985 0 00.559.863 8.002 8.002 0 00.864 1.002 8.105 8.105 0 00.822.694c.117.086.231.174.353.255a7.974 7.974 0 00.73.426c.115.06.231.114.35.168q.356.164.731.293c.078.027.153.06.233.083a7.966 7.966 0 00.969.227c.102.018.204.033.307.047a8.031 8.031 0 001.053.08l.023.002h3a8.008 8.008 0 007.42-5zM119.63 152.171a8 8 0 10-14.826 0h-.019c.058.142.137.272.203.41.072.152.142.304.223.45a7.985 7.985 0 00.559.863 8.002 8.002 0 00.864 1.002 8.105 8.105 0 00.822.694c.117.086.231.174.353.255a7.974 7.974 0 00.73.426c.115.06.231.114.35.168q.356.164.731.293c.078.027.153.06.233.083a7.966 7.966 0 00.969.227c.102.018.204.033.307.047a8.031 8.031 0 001.053.08l.023.002h3a8.008 8.008 0 007.42-5z",fill:"#9aa4ad"}),l.createElement("path",{d:"M132.615 138.701l-1 13.47h-13.01l1-13.47a4.994 4.994 0 00-3.86-4.86l-9.43-2.22h13.01l9.44 2.22a4.985 4.985 0 013.85 4.86z",fill:"#ffc335"}),l.createElement("ellipse",{cx:123.091,cy:140.554,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M122.386 140.554a2.887 2.887 0 011.093-2.567.895.895 0 00-.388-.095c-.805 0-1.459 1.192-1.459 2.662s.654 2.663 1.46 2.663a.895.895 0 00.387-.095 2.887 2.887 0 01-1.093-2.568z",fill:"#edeff2"}),l.createElement("ellipse",{cx:130.932,cy:140.554,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M130.227 140.554a2.887 2.887 0 011.093-2.567.895.895 0 00-.388-.095c-.806 0-1.459 1.192-1.459 2.662s.653 2.663 1.459 2.663a.895.895 0 00.388-.095 2.887 2.887 0 01-1.093-2.568z",fill:"#edeff2"}),l.createElement("path",{d:"M119.605 138.701l-1 13.47h-81v-40a2.996 2.996 0 013-3h53a5.004 5.004 0 014.61 3.07l8.1 19.38 9.43 2.22a4.994 4.994 0 013.86 4.86z",fill:"#ffdb86"}),l.createElement("path",{d:"M112.305 114.841h-13.01l-1.08-2.6a5.004 5.004 0 00-4.61-3.07h13a5.007 5.007 0 014.62 3.07z",fill:"#ffc335"}),l.createElement("path",{d:"M112.306 114.837H99.298l7.012 16.781h13.007zM96.36 114.837H83.351v9.781a7 7 0 007 7h13.019z",fill:"#fff"}),l.createElement("path",{d:"M61.025 152.171a8.008 8.008 0 01-7.42 5h-3a8.008 8.008 0 01-7.42-5zM110.025 152.171a8.008 8.008 0 01-7.42 5h-3a8.008 8.008 0 01-7.42-5z",fill:"#9aa4ad"}),l.createElement("circle",{cx:50.617,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:50.605,cy:149.171,fill:"#fff",r:4}),l.createElement("circle",{cx:99.617,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:99.605,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M130.803 147.296h-8.745l-.145 1.25h8.795z",fill:"#bf9228"}),l.createElement("path",{d:"M76.605 114.841h-32.55a2 2 0 00-2 2v16.582a3 3 0 003 3h11.2a7 7 0 014.95 2.05l3.743 3.744a3 3 0 002.121.879h8.536a3 3 0 003-3V116.84a2 2 0 00-2-2z",fill:"#ffc335"}),l.createElement("path",{d:"M392.918 170.171H234.517v-13h158.4z",fill:"#edeff2"}),l.createElement("circle",{cx:286.245,cy:149.171,fill:"#9aa4ad",r:8}),l.createElement("circle",{cx:337.602,cy:149.171,fill:"#9aa4ad",r:8}),l.createElement("path",{d:"M337.65 140.516a4.353 4.353 0 00-.01 1.25c0 .03.01.07.01.1l.07.48 1.2 8.12h-76.38l-1.32-8.94v-.03a4.647 4.647 0 014.63-4.95h16.77l6.84-9.46a4.022 4.022 0 013.25-1.66h19.36a4.646 4.646 0 013.86 2.07l5.98 9.05h20.33a4.63 4.63 0 00-4.59 3.97z",fill:"#ffdb86"}),l.createElement("path",{d:"M354.692 150.467h-15.77l-1.27-8.6c0-.03-.01-.07-.01-.1a4.353 4.353 0 01.01-1.25 4.63 4.63 0 014.59-3.97h6.53a4.556 4.556 0 014.51 3.91l.18 1.31z",fill:"#ffc335"}),l.createElement("path",{d:"M354.692 150.467h-15.77l-1.2-8.12-.07-.48c0-.03-.01-.07-.01-.1a4.353 4.353 0 01.01-1.25 4.63 4.63 0 014.59-3.97h6.53a4.556 4.556 0 014.51 3.91l.18 1.31z",fill:"#ffc335"}),l.createElement("path",{d:"M342.19 146.921h8.795l-.146-1.25h-8.744z",fill:"#bf9228"}),l.createElement("path",{d:"M341.482 140.517h-3.83a4.353 4.353 0 00-.01 1.25c0 .03.01.07.01.1l.07.48 3.9-.58zM353.462 141.767l-.172-1.25h-3.176l-.14 1.25 3.563.53z",fill:"#fff"}),l.createElement("path",{d:"M288.84 150.467a8 8 0 01-7.9 6.7h-3a8.019 8.019 0 01-7.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:277.956,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:277.945,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M339.131 150.467a8 8 0 01-7.9 6.7h-3a8.011 8.011 0 01-7.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:328.246,cy:149.171,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:328.234,cy:149.171,fill:"#fff",r:4}),l.createElement("path",{d:"M329.941 128.427h-8.535a1 1 0 00-.834 1.551l4.34 6.569h12.25l-4.36-6.588a3.422 3.422 0 00-2.861-1.532z",fill:"#fff"}),l.createElement("path",{d:"M321.406 128.427h8.535a3.422 3.422 0 012.86 1.532c1.559 2.353-.909-1.392-.909-1.392a7.008 7.008 0 00-5.84-3.14h-13.98a4.646 4.646 0 013.86 2.07l5.98 9.05h3l-4.34-6.569a1 1 0 01.834-1.551z",fill:"#ffc335"}),l.createElement("path",{d:"M286.245 136.547l5.65-7.706a1.001 1.001 0 01.811-.414h19.366a1.639 1.639 0 011.364.733l4.908 7.387z",fill:"#fff"}),l.createElement("path",{d:"M287.802 138.85h29.542a1 1 0 011 1v.907a1 1 0 01-.293.707l-2.174 2.174a3 3 0 00-.879 2.122v.928a1 1 0 01-1 1h-23.074a1 1 0 01-.91-.585l-3.122-6.837a1 1 0 01.91-1.415z",fill:"#ffc335"}),l.createElement("path",{d:"M104.09 170.171H75.11v6.5h17.98a11 11 0 0111 11v42.96h18.95v-60.46z",fill:"#c6cacf"}),l.createElement("path",{d:"M93.09 176.671H75.11v53.96h28.98v-42.96a11 11 0 00-11-11z",fill:"#edeff2"}),l.createElement("path",{d:"M301.861 170.171h-28.98v6.5h17.98a11 11 0 0111 11v42.96h18.95v-60.46z",fill:"#c6cacf"}),l.createElement("path",{d:"M290.861 176.671h-17.98v53.96h28.98v-42.96a11 11 0 00-11-11z",fill:"#edeff2"}),l.createElement("path",{d:"M224.5 158.171h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.034 0h-6.517a.5.5 0 010-1h6.517a.5.5 0 010 1zm-13.033 0h-6.518a.5.5 0 010-1h6.518a.5.5 0 010 1zM392.918 158.171h-157.9v3a.5.5 0 01-1 0v-3h-3a.5.5 0 010-1h161.9zm-158.4 8a.5.5 0 00-.5.5v3h-3a.5.5 0 000 1h3.5a.5.5 0 00.5-.5v-3.5a.5.5 0 00-.5-.5zm-49.12 3.5h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm-13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm26.068 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm13.034 0h-6.517a.5.5 0 000 1h6.517a.5.5 0 000-1zm-65.17 0h-3v-3a.5.5 0 10-1 0v3.5a.5.5 0 00.5.5h3.5a.5.5 0 000-1zm0-12.5H.704v1H155.33v3a.5.5 0 001 0v-3h3a.5.5 0 000-1z",fill:"#4d5860"}),l.createElement("g",{fill:"#9aa4ad"},l.createElement("path",{d:"M163.975 78.73a1.022 1.022 0 011.109-.897l13.968 1.473a1.022 1.022 0 01.897 1.109l-.278 2.637a1.022 1.022 0 01-1.11.898l-10.438-1.101-.91 4.712a6.614 6.614 0 012.039-.274q.99.03 1.624.096a12.954 12.954 0 013.804.965 8.828 8.828 0 012.909 1.979 7.787 7.787 0 011.76 2.908 8.683 8.683 0 01.354 3.756 9.92 9.92 0 01-1.19 3.987 7.674 7.674 0 01-2.374 2.567 8.358 8.358 0 01-3.27 1.271 14.04 14.04 0 01-3.842.102 14.474 14.474 0 01-4.34-1.059 8.904 8.904 0 01-2.876-1.937 6.857 6.857 0 01-1.574-2.532 7.465 7.465 0 01-.395-2.84.825.825 0 01.356-.695 1.065 1.065 0 01.753-.202l3.009.317a1.04 1.04 0 01.643.312 1.232 1.232 0 01.34.693 3.313 3.313 0 00.56 1.468 3.732 3.732 0 001.024.972 4.614 4.614 0 001.366.576 11.615 11.615 0 001.623.284 4.99 4.99 0 003.54-.792 4.023 4.023 0 001.633-3.02 3.538 3.538 0 00-1.007-2.924 5.25 5.25 0 00-3.296-1.512 7.416 7.416 0 00-1.783-.018 4.679 4.679 0 00-1.1.278q-.432.18-.783.312a1.92 1.92 0 01-.873.076l-3.417-.36a1.02 1.02 0 01-.898-1.109zM204.144 91.756q-.038.71-.127 1.564l-.185 1.746-.184 1.746q-.09.855-.201 1.556a17.475 17.475 0 01-1.072 3.925 8.507 8.507 0 01-2.045 3.014 7.864 7.864 0 01-3.27 1.797 14.331 14.331 0 01-9.194-.97 7.878 7.878 0 01-2.804-2.437 8.495 8.495 0 01-1.372-3.374 17.426 17.426 0 01-.229-4.063q.074-1.418.265-3.221.19-1.801.413-3.205a17.981 17.981 0 011.075-3.962 8.654 8.654 0 012.052-3.07 8.148 8.148 0 013.256-1.855 11.745 11.745 0 014.69-.313 12.308 12.308 0 014.509 1.246 7.874 7.874 0 012.822 2.439 8.514 8.514 0 011.372 3.374 17.475 17.475 0 01.229 4.063zm-15.649 4.848a7.793 7.793 0 00.845 4.277 5.419 5.419 0 007.393.78 7.786 7.786 0 001.719-4.007q.222-1.405.403-3.113.18-1.709.255-3.129a7.786 7.786 0 00-.846-4.277 5.419 5.419 0 00-7.392-.78 7.793 7.793 0 00-1.719 4.007q-.223 1.405-.403 3.113-.18 1.709-.255 3.129zM219.785 95.17a4.183 4.183 0 001.622-1.669 5.378 5.378 0 00.496-1.676 3.796 3.796 0 00-.656-2.68 5.016 5.016 0 00-6.068-.696 5.836 5.836 0 00-1.627 2.42 1.182 1.182 0 01-.521.678 1.143 1.143 0 01-.694.171l-2.935-.31a1.068 1.068 0 01-.695-.355.824.824 0 01-.202-.753 8.244 8.244 0 011.187-3.068 8.703 8.703 0 012.261-2.39 9.53 9.53 0 013.103-1.458 10.792 10.792 0 017.64.918 8.529 8.529 0 012.616 2.267 8.011 8.011 0 011.371 2.849 8.462 8.462 0 01.232 2.973 13.416 13.416 0 01-.298 1.753 5.472 5.472 0 01-.696 1.617 8.456 8.456 0 01-1.373 1.62 15.527 15.527 0 01-2.286 1.732l-7.534 5.553 10.326 1.089a1.02 1.02 0 01.898 1.109l-.278 2.637a1.02 1.02 0 01-1.11.897l-17.347-1.829a1.022 1.022 0 01-.898-1.109l.24-2.265a1.715 1.715 0 01.487-1.058 3.546 3.546 0 01.7-.583z"}))),j=t=>l.createElement("svg",{viewBox:"0 0 392.215 254.665",...t},l.createElement("path",{d:"M113.356 206.59a1 1 0 01-.18-1.402 9.519 9.519 0 012.944-2.529 1 1 0 11.968 1.75 7.534 7.534 0 00-2.33 2.001 1 1 0 01-1.402.181zm2.636 12.531a1 1 0 00.557-1.832 7.564 7.564 0 01-3.26-5.047 1 1 0 10-1.973.325 9.577 9.577 0 004.122 6.386 1.001 1.001 0 00.554.168zm-3.883 16.466h-7a1 1 0 000 2h7a1 1 0 000-2zm-2.98 17.078h-7a1 1 0 100 2h7a1 1 0 000-2zm27.997 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-.13-32.738a1 1 0 00-1.052 1.701 7.564 7.564 0 013.435 4.928 1 1 0 00.98.803.976.976 0 00.197-.02 1 1 0 00.784-1.176 9.57 9.57 0 00-4.345-6.236zm1.127 12.504a7.565 7.565 0 01-5.149 3.092 1 1 0 00.128 1.99.98.98 0 00.13-.008 9.563 9.563 0 006.517-3.91 1 1 0 10-1.626-1.164zm-12.016 3.156h-6.999a1 1 0 000 2h7a1 1 0 000-2zm-27.996 0h-5.57a9.651 9.651 0 00-1.59.132 1 1 0 00.166 1.986 1.086 1.086 0 00.168-.014 7.544 7.544 0 011.256-.104h5.57a1 1 0 100-2zm-12.142 3.996a1 1 0 00-1.386.281 9.565 9.565 0 00-1.32 7.486 1 1 0 00.972.767 1.016 1.016 0 00.234-.027 1 1 0 00.74-1.205 7.563 7.563 0 011.041-5.915 1 1 0 00-.281-1.387zm201.365-19.031h4.779a9.513 9.513 0 002.452-.32 1 1 0 00-.515-1.932 7.525 7.525 0 01-1.937.252h-4.78a1 1 0 000 2zm-27.997 0h7a1 1 0 000-2h-7a1 1 0 000 2zm13.998 0h7a1 1 0 000-2h-7a1 1 0 000 2zm25.835-4.626a.99.99 0 00.471.119 1.001 1.001 0 00.883-.527 9.567 9.567 0 00.622-7.577 1 1 0 00-1.894.645 7.564 7.564 0 01-.491 5.986 1 1 0 00.409 1.354zm-50.017 12.112a.955.955 0 00.117.007 1 1 0 00.992-.884 7.56 7.56 0 013.023-5.19 1 1 0 10-1.185-1.61 9.568 9.568 0 00-3.824 6.568 1 1 0 00.877 1.11zM95.13 252.665h-2.59a7.541 7.541 0 01-3.72-.98 1 1 0 10-.99 1.738 9.544 9.544 0 004.71 1.242h2.59a1 1 0 100-2zm55.993 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-28.417-32.113h7a1 1 0 000-2h-7a1 1 0 100 2zm.42 32.113h-6.999a1 1 0 100 2h7a1 1 0 000-2zm163.195-16.078a1 1 0 00-1-1h-7a1 1 0 000 2h7a1 1 0 001-1zm4.786 16.078h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.998 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-4.787-16.078a1 1 0 00-1-1h-6.999a1 1 0 000 2h6.999a1 1 0 001-1zm32.783 16.078h-6.999a1 1 0 000 2h7a1 1 0 000-2zm7.445-12.35a1 1 0 00.732-1.68 9.579 9.579 0 00-6.96-3.049h-.004a1 1 0 00-.003 2 7.466 7.466 0 015.502 2.41.999.999 0 00.733.32zm-147.429 12.35h-6.999a1 1 0 000 2h7a1 1 0 000-2zm135.198-16.078a1 1 0 00-1-1h-7a1 1 0 000 2h7a1 1 0 001-1zm-37.209 16.078h-6.999a1 1 0 000 2h7a1 1 0 000-2zm51.769-7.93a1.005 1.005 0 00-1.068.928 7.555 7.555 0 01-2.777 5.323 1 1 0 001.26 1.555 9.564 9.564 0 003.512-6.74 1 1 0 00-.927-1.067zm-107.763 7.93h-6.999a1 1 0 000 2h7a1 1 0 000-2zm50.209-15.089a1 1 0 00.048-1.999 7.564 7.564 0 01-5.383-2.663 1 1 0 10-1.526 1.291 9.57 9.57 0 006.81 3.37.872.872 0 00.051.001zm-36.21 15.09h-7a1 1 0 000 2h7a1 1 0 000-2zm-27.997 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.998 0h-7a1 1 0 000 2h7a1 1 0 000-2zm69.992 0h-7a1 1 0 000 2h7a1 1 0 000-2zm-13.999 0h-6.999a1 1 0 000 2h7a1 1 0 000-2zm56.999-49.192a7.469 7.469 0 013.005.624 1 1 0 00.8-1.834 9.463 9.463 0 00-3.805-.79 1 1 0 000 2zm-74.669 33.102a1 1 0 00-1-1h-6.995a8.604 8.604 0 01-.503-.016 1.017 1.017 0 00-1.061.934 1 1 0 00.935 1.062c.205.012.411.02.624.02h7a1 1 0 001-1zm.809-16.024h6.73l.238.003h.032a1 1 0 00.03-1.998c-.106-.003-.21-.004-.31-.005h-6.72a1 1 0 000 2zm12.621 13.728a1.001 1.001 0 00-1.4-.2 7.454 7.454 0 01-4.502 1.496h-1.528a1 1 0 000 2h1.528a9.431 9.431 0 005.702-1.896 1 1 0 00.2-1.4zm-28.034.156a1 1 0 00.775-1.631 7.534 7.534 0 01-1.684-4.74 7.665 7.665 0 01.072-1.043 1 1 0 10-1.98-.276 9.52 9.52 0 002.041 7.32.996.996 0 00.776.37zm29.645-6.371a7.563 7.563 0 01-.042.797 1 1 0 00.89 1.099.967.967 0 00.105.006 1 1 0 00.994-.896 9.665 9.665 0 00.053-1.006 9.507 9.507 0 00-2.335-6.244 1 1 0 00-1.51 1.313 7.51 7.51 0 011.845 4.93zm-27.914-5.98a.995.995 0 00.572-.182 7.467 7.467 0 014.301-1.351h1.809a1 1 0 000-2h-1.809a9.458 9.458 0 00-5.447 1.713 1 1 0 00.574 1.82z",fill:"#84919c"}),l.createElement("g",{fill:"#9aa4ad"},l.createElement("path",{d:"M93.615 192.8a8.031 8.031 0 01-2.82 4.87c-.01.01-.02.01-.02.02-.18.14-.37.28-.56.41a.909.909 0 01-.13.08 4.95 4.95 0 01-.49.3c-.06.04-.13.07-.19.11-.15.08-.3.15-.46.22-.08.03-.16.07-.25.1a2.827 2.827 0 01-.31.11c-.24.09-.49.16-.75.23l-.39.09a1.866 1.866 0 01-.25.04l-.14.03c-.18.02-.37.05-.55.06a5.063 5.063 0 01-.55.03h-3.04a8 8 0 01-7.9-6.7zM29.155 199.376a1.873 1.873 0 00.25-.04c-.01.01-.01.01-.02.01a1.81 1.81 0 01-.23.03zM30.545 199.016a.613.613 0 01-.12.05c-.09.03-.19.07-.29.1-.11.03-.23.06-.34.08.26-.07.51-.14.75-.23z"})),l.createElement("path",{d:"M156.205 158.97v25.15a6.678 6.678 0 01-6.697 6.67h-36.47a6.687 6.687 0 01-6.707-6.67v-25.15a6.693 6.693 0 016.707-6.67h36.47a6.685 6.685 0 016.697 6.67z",fill:"#edeff2"}),l.createElement("path",{d:"M168.043 170.048h-11.838v3h11.838a1.5 1.5 0 100-3zM112.999 152.305h10.824a6.667 6.667 0 016.667 6.668v25.151a6.667 6.667 0 01-6.667 6.668h-10.824a6.667 6.667 0 01-6.668-6.668v-25.151a6.667 6.667 0 016.668-6.668zM147.245 170.658h-1.33a1 1 0 01-1-1v-2.408a1 1 0 00-1.838-.547l-2.899 4.445a1 1 0 00.838 1.546h1.33a1 1 0 011 1v2.409a1 1 0 001.838.546l2.898-4.445a1 1 0 00-.837-1.546z",fill:"#c6cacf"}),l.createElement("path",{d:"M245.462 197.473h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M226.095 197.474h23.288v2h-23.288z",fill:"#ffdb86"}),l.createElement("path",{d:"M244.352 193.473h-13.22l1.12-4h10.98zM242.122 185.473h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M35.775 192.8a8.031 8.031 0 01-2.82 4.87c-.01.01-.02.01-.02.02-.18.14-.37.28-.56.41a.916.916 0 01-.13.08 4.957 4.957 0 01-.49.3c-.06.04-.13.07-.19.11-.15.08-.3.15-.46.22-.08.03-.16.07-.25.1a2.825 2.825 0 01-.31.11c-.24.09-.49.16-.75.23l-.39.09a1.864 1.864 0 01-.25.04l-.14.03c-.18.02-.37.05-.55.06a5.063 5.063 0 01-.55.03h-3.04a8 8 0 01-7.9-6.7zM27.035 183.536a7.92 7.92 0 00-7.06 9.26h-.08a9.246 9.246 0 01-.1-1.3 7.998 7.998 0 017.24-7.96z",fill:"#9aa4ad"}),l.createElement("path",{d:"M130.495 176.31v16.48h-94.7v-14.48a4.995 4.995 0 00-5-5h24.23l10.81-16.63h25.04a5.002 5.002 0 015 5v11.63h31.62a3.002 3.002 0 013 3z",fill:"#ffdb86"}),l.createElement("path",{d:"M38.273 192.792a8 8 0 007.9 6.7h3a8.019 8.019 0 007.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:49.156,cy:191.496,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:49.168,cy:191.496,fill:"#fff",r:4}),l.createElement("path",{d:"M96.166 192.792a8 8 0 007.9 6.7h3a8.011 8.011 0 007.9-6.7z",fill:"#9aa4ad"}),l.createElement("circle",{cx:107.051,cy:191.496,fill:"#c6cacf",r:8}),l.createElement("circle",{cx:107.063,cy:191.496,fill:"#fff",r:4}),l.createElement("path",{d:"M130.49 190.792h20.011v2h-20.01z",fill:"#ffc335"}),l.createElement("path",{d:"M55.022 173.312H29.598l8.859-13.634h25.424z",fill:"#fff"}),l.createElement("path",{d:"M65.83 156.677H43.12a5 5 0 00-4.192 2.276l-.47.725H63.88l-8.859 13.634zM15.235 173.312H30.8a5 5 0 015 5v14.48H10.235v-14.48a5 5 0 015-5z",fill:"#ffc335"}),l.createElement("path",{d:"M79.383 159.678H68.69a3 3 0 00-2.515 1.365l-7.972 12.269h21.181z",fill:"#fff"}),l.createElement("path",{d:"M61.999 189.246H95.46a1 1 0 00.942-.663l2.41-6.744a1 1 0 01.942-.663h6.308a1 1 0 001-1v-1.85a1 1 0 00-1-1h-54.86a1 1 0 00-1 1v1.192a1 1 0 001 1h6.216a1 1 0 01.94.658l2.7 7.413a1 1 0 00.94.657z",fill:"#ffc335"}),l.createElement("ellipse",{cx:30.606,cy:179.989,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M31.311 179.99a2.887 2.887 0 00-1.092-2.569.895.895 0 01.387-.095c.806 0 1.459 1.193 1.459 2.663s-.653 2.663-1.459 2.663a.895.895 0 01-.387-.095 2.887 2.887 0 001.092-2.568z",fill:"#edeff2"}),l.createElement("ellipse",{cx:13.717,cy:179.768,fill:"#fff",rx:1.459,ry:2.663}),l.createElement("path",{d:"M14.422 179.768a2.887 2.887 0 00-1.092-2.568.895.895 0 01.387-.095c.806 0 1.46 1.192 1.46 2.663s-.654 2.663-1.46 2.663a.895.895 0 01-.387-.095 2.887 2.887 0 001.092-2.568z",fill:"#edeff2"}),l.createElement("path",{d:"M17.072 177.374h1.25v11.356h-1.25zM25.79 177.374h1.25v11.356h-1.25zM21.431 177.374h1.25v11.356h-1.25z",fill:"#bf9228"}),l.createElement("path",{d:"M278.003 142.93h88.942a10.707 10.707 0 0110.707 10.706v35.265a10.707 10.707 0 01-10.707 10.707h-88.942a10.707 10.707 0 01-10.707-10.707v-35.265a10.707 10.707 0 0110.707-10.706z",fill:"#edeff2"}),l.createElement("path",{d:"M272.37 187.766v-32.994a5.707 5.707 0 015.706-5.707h24.032a5.707 5.707 0 015.707 5.707v32.994a5.707 5.707 0 01-5.706 5.707h-24.033a5.707 5.707 0 01-5.707-5.707z",fill:"#c6cacf"}),l.createElement("path",{d:"M274.312 187.947v-33.356a5.669 5.669 0 015.79-5.526h-1.943a5.669 5.669 0 00-5.79 5.526v33.356a5.669 5.669 0 005.79 5.526h1.943a5.669 5.669 0 01-5.79-5.526z",fill:"#9aa4ad"}),l.createElement("circle",{cx:296.384,cy:171.463,fill:"#9aa4ad",r:2.029}),l.createElement("circle",{cx:282.504,cy:171.463,fill:"#9aa4ad",r:2.029}),l.createElement("path",{d:"M0 199.49h392.215v1H0z",fill:"#4d5860"}),l.createElement("path",{d:"M345.035 170.658h-1.33a1 1 0 01-1-1v-2.408a1 1 0 00-1.837-.547l-2.899 4.445a1 1 0 00.838 1.546h1.33a1 1 0 011 1v2.409a1 1 0 001.837.546l2.899-4.445a1 1 0 00-.838-1.546z",fill:"#c6cacf"}),l.createElement("path",{d:"M201.16 0h1v37.475h-1zM161.573 66.992l39.89-25.27.535.844-39.89 25.271z",fill:"#edeff2"}),l.createElement("circle",{cx:201.659,cy:41.718,fill:"#9aa4ad",r:5.243}),l.createElement("path",{d:"M201.66 36.475a5.2 5.2 0 00-2.754.798 5.221 5.221 0 007.198 7.198 5.221 5.221 0 00-4.445-7.996z",fill:"#c6cacf"}),l.createElement("circle",{cx:202.651,cy:41.206,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M202.303 41.566l.695-.719 35.752 34.568-.695.72z",fill:"#edeff2"}),l.createElement("path",{d:"M167.013 64.28l75.718 8.26a4 4 0 013.542 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.717-8.259a4 4 0 01-3.543-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#c6cacf"}),l.createElement("path",{d:"M159.899 63.504l75.717 8.26a4 4 0 013.543 4.41l-5.547 44.234a4 4 0 01-4.41 3.543l-75.718-8.259a4 4 0 01-3.542-4.41l5.547-44.235a4 4 0 014.41-3.543z",fill:"#edeff2"}),l.createElement("path",{d:"M164.396 78.983a1.02 1.02 0 011.121-.884l13.956 1.647a1.021 1.021 0 01.884 1.12l-.31 2.636a1.021 1.021 0 01-1.121.884l-10.43-1.231-.97 4.703a6.61 6.61 0 012.043-.248q.992.042 1.623.116a12.974 12.974 0 013.795 1.013 8.848 8.848 0 012.886 2.015 7.8 7.8 0 011.724 2.932 8.688 8.688 0 01.308 3.762 9.921 9.921 0 01-1.24 3.975 7.685 7.685 0 01-2.408 2.538 8.356 8.356 0 01-3.288 1.23 14.006 14.006 0 01-3.845.055 14.492 14.492 0 01-4.328-1.114 8.925 8.925 0 01-2.853-1.973 6.865 6.865 0 01-1.543-2.553 7.45 7.45 0 01-.36-2.847.826.826 0 01.364-.69 1.069 1.069 0 01.757-.194l3.006.355a1.041 1.041 0 01.64.32 1.238 1.238 0 01.331.698 3.31 3.31 0 00.541 1.475 3.725 3.725 0 001.013.985 4.59 4.59 0 001.36.594 11.609 11.609 0 001.62.304 4.995 4.995 0 003.55-.747 4.026 4.026 0 001.672-3.002 3.542 3.542 0 00-.97-2.938 5.251 5.251 0 00-3.28-1.553 7.417 7.417 0 00-1.782-.041 4.66 4.66 0 00-1.104.265q-.435.174-.788.302a1.919 1.919 0 01-.874.066l-3.415-.403a1.022 1.022 0 01-.884-1.12zM204.423 92.514q-.047.71-.147 1.564l-.206 1.744-.206 1.744q-.1.855-.221 1.555a17.474 17.474 0 01-1.12 3.914 8.512 8.512 0 01-2.085 2.99 7.867 7.867 0 01-3.293 1.757 14.346 14.346 0 01-9.187-1.085 7.887 7.887 0 01-2.775-2.473 8.504 8.504 0 01-1.33-3.393 17.473 17.473 0 01-.18-4.067q.092-1.42.306-3.22.212-1.8.453-3.201a18.047 18.047 0 011.125-3.951 8.662 8.662 0 012.09-3.047 8.158 8.158 0 013.282-1.814 11.751 11.751 0 014.697-.254 12.3 12.3 0 014.494 1.302 7.881 7.881 0 012.794 2.475 8.515 8.515 0 011.33 3.393 17.477 17.477 0 01.179 4.067zm-15.716 4.656a7.78 7.78 0 00.792 4.29 5.422 5.422 0 007.386.871 7.795 7.795 0 001.77-3.987q.24-1.402.441-3.109.202-1.707.294-3.127a7.798 7.798 0 00-.792-4.29 5.422 5.422 0 00-7.386-.871 7.782 7.782 0 00-1.77 3.987q-.24 1.402-.442 3.11-.201 1.707-.293 3.126zM227.466 85.411a1.02 1.02 0 01.884 1.121l-.311 2.635a1.214 1.214 0 01-.368.729 7.084 7.084 0 01-.611.548l-6.094 5.077a11.286 11.286 0 012.929 1.173 7.732 7.732 0 012.138 1.815 6.525 6.525 0 011.22 2.42 7.794 7.794 0 01.177 2.957 7.553 7.553 0 01-1.166 3.344 7.406 7.406 0 01-2.416 2.293 9.982 9.982 0 01-3.38 1.219 13.788 13.788 0 01-4.056.085 14.938 14.938 0 01-4.438-1.144 10.75 10.75 0 01-3.006-1.955 6.937 6.937 0 01-1.69-2.42 6.301 6.301 0 01-.495-2.504.827.827 0 01.364-.691 1.07 1.07 0 01.757-.193l2.932.346a.838.838 0 01.584.313 3.463 3.463 0 01.42.746 3.46 3.46 0 00.496.906 3.667 3.667 0 00.9.821 5.964 5.964 0 001.48.683 11.807 11.807 0 002.243.453 6.63 6.63 0 003.764-.478 2.926 2.926 0 001.696-2.415 2.51 2.51 0 00-1.109-2.559 7.994 7.994 0 00-3.57-1.155l-3.082-.364a1.021 1.021 0 01-.884-1.12l.312-2.636a1.213 1.213 0 01.368-.728 7.068 7.068 0 01.61-.549l5.84-4.843-10.244-1.209a1.02 1.02 0 01-.883-1.12l.31-2.636a1.02 1.02 0 011.121-.884z",fill:"#9aa4ad"}),l.createElement("path",{d:"M294.349 197.473h-15.44l1.11-4 1.12-4 1.11-4 1.12-4 .93-3.35h4.66l.93 3.35 1.12 4 1.11 4 1.12 4z",fill:"#ffc335"}),l.createElement("path",{d:"M274.981 197.474h23.289v2H274.98z",fill:"#ffdb86"}),l.createElement("path",{d:"M293.239 193.473h-13.22l1.12-4h10.98zM291.009 185.473h-8.76l1.12-4h6.52z",fill:"#fff"}),l.createElement("path",{d:"M104.614 173.31a8.933 8.933 0 015.298-1.762h7.395a1 1 0 100-2h-7.395a10.983 10.983 0 00-8.247 3.762z",fill:"#9aa4ad"})),n=t=>l.createElement("svg",{viewBox:"0 0 428.65 258.125",...t},l.createElement("path",{d:"M94.484 156.02l-6.663-13.928-3.13 2.728-3.125 2.737-3.129 2.727-3.125 2.737-2.62 2.285 2.011 4.204 3.423-.607 4.092-.716 4.087-.726 4.092-.716z",fill:"#ffc335"}),l.createElement("path",{d:"M87.93 137.686l10.052 21.008-1.804.863-10.052-21.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M84.691 144.82l5.706 11.925-4.092.716-4.739-9.904zM78.437 150.284l3.781 7.903-4.092.716-2.814-5.882z",fill:"#fff"}),l.createElement("path",{d:"M221.982 192.509h32.373v32.372h-32.373z",fill:"#ffdb86"}),l.createElement("path",{d:"M142.056 192.509h32.373v32.372h-32.373z",fill:"#9aa4ad"}),l.createElement("path",{d:"M29.055 224.881H93.8v32.373H29.055zM61.412 192.5h64.745v-32.373H61.412zm80.644 32.382v32.373h64.745V224.88zm48.559-97.132h-32.373v32.372h32.373z",fill:"#c6cacf"}),l.createElement("path",{d:"M158.525 160.122h15.9v32.38h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M109.987 127.749h48.255v32.372h-48.255zM45.544 192.506H93.8v32.373H45.544z",fill:"#ffdb86"}),l.createElement("path",{d:"M271.546 224.881v32.373h-64.745v-32.368H174.43V160.14l32.373-.008 15.18 15.188v49.562z",fill:"#edeff2"}),l.createElement("path",{d:"M142.056 208.392l-15.883-15.891-32.373.008v64.747h48.256z",fill:"#ffdb86"}),l.createElement("path",{d:"M381.445 21.272H227.228a1 1 0 01-.707-1.707L245.792.293A1 1 0 01246.5 0h115.976a1.002 1.002 0 01.713.298l18.675 18.974h32.505a1 1 0 010 2zm-151.803-2h149.415L362.056 2H246.913z",fill:"#9aa4ad"}),l.createElement("path",{d:"M236.968 62.283h1V74.81h-1zM234.907 24.961h1v32.154h-1z",fill:"#edeff2"}),l.createElement("circle",{cx:237.468,cy:57.039,fill:"#c6cacf",r:5.243}),l.createElement("circle",{cx:239.514,cy:57.039,fill:"#edeff2",r:1.311}),l.createElement("path",{d:"M234.322 57.04a5.245 5.245 0 014.195-5.139 5.243 5.243 0 100 10.276 5.245 5.245 0 01-4.195-5.138z",fill:"#9aa4ad"}),l.createElement("path",{d:"M383.084 257.417h-2V25.961h-25.167v231.456h-2V23.961h29.167z",fill:"#c6cacf"}),l.createElement("path",{d:"M353.917 23.961h-10.109v233.456h2V25.961h8.109z",fill:"#9aa4ad"}),l.createElement("path",{d:"M383.084 40.072v-16.11h-29.167v233.455h2v-.039l.227.227 12.357-12.357 12.876 12.877.707-.707h1V40.072zm-26.753 108.676l12.17-12.17 12.17 12.17-12.17 12.169zm24.34 27.167l-12.17 12.17-12.17-12.17 12.17-12.17zm-24.34-54.335l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.167l12.17-12.17 12.17 12.17-12.17 12.17zm0-27.168l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17V42.49zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm0 27.167l-11.17 11.17v-22.34zm0 27.168l-11.17 11.17v-22.34zm-10.756 13.583l12.17-12.17 12.17 12.17-12.17 12.17zm10.756 13.584l-11.17 11.17v-22.34zm13.997-11.17v22.34l-11.17-11.17zm-11.17-15.997l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.168l11.17-11.17v22.34zm0-27.167l11.17-11.17v22.34zm11.17-16l-11.17-11.168.532-.532h10.638zm-14.53-11.7l.533.532-11.17 11.17V25.96zm-10.637 229.042v-22.34l11.17 11.17zm.414-24.753l12.17-12.17 12.17 12.17-12.17 12.17zm24.753 2.414v22.34l-11.17-11.17z",fill:"#c6cacf"}),l.createElement("path",{d:"M368.249 31.037h27.67v43.277h-27.67z",fill:"#ffdb86"}),l.createElement("path",{d:"M390.765 38.037v14.639h-17.36v-14.64z",fill:"#fff"}),l.createElement("path",{d:"M360.972 31.037h7.277v43.277h-7.277z",fill:"#ffc335"}),l.createElement("path",{d:"M360.972 74.284h34.948v2h-34.948z",fill:"#c6cacf"}),l.createElement("path",{d:"M360.972 74.284h7.277v2h-7.277z",fill:"#9aa4ad"}),l.createElement("path",{d:"M239.029 26.222h1v30.893h-1z",fill:"#edeff2"}),l.createElement("path",{d:"M250.2 21.272h9.004v5.702H250.2z",fill:"#9aa4ad"}),l.createElement("path",{d:"M426.562 19.272h-22.84L385.048.298a1.002 1.002 0 00-.713-.298H269.662a1.007 1.007 0 00-.707.293l-18.893 18.893h-22.695a1.198 1.198 0 00-1.198 1.198v6.59H250.2v-5.702h176.362a1 1 0 000-2zM329.976 2h16.172l-8.476 8.476-8.086-8.086zm-19.001 0h15.393l.39.39-8.086 8.086-8.087-8.086zm-19 0h15.392l.39.39-8.086 8.086-8.086-8.086zm-3.218.39l-9.535 9.535-9.535-9.536.39-.389h18.29zm-35.953 16.882l15.469-15.469 9.535 9.536-5.934 5.933zm21.898 0l4.52-4.52 4.52 4.52zm11.868 0l-5.934-5.933 9.535-9.535 8.086 8.086-7.383 7.382zm7.132 0l5.97-5.968 5.968 5.968zm14.766 0l-7.383-7.382 8.086-8.086 8.087 8.086-7.383 7.382zm4.235 0l5.969-5.968 5.968 5.968zm14.765 0l-7.382-7.382 8.086-8.086 8.086 8.086-7.383 7.382zm4.235 0l5.97-5.968 5.968 5.968zm14.766 0l-7.383-7.382 9.89-9.89h14.879l-17.273 17.272zm2.941 0L366.683 2h17.232l17.001 17.272z",fill:"#c6cacf"}),l.createElement("path",{d:"M126.157 160.126h32.373V192.5h-32.373z",fill:"#ffdb86"}),l.createElement("path",{d:"M77.905 192.512h15.9v32.37h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M45.536 192.509H77.91v32.372H45.536z",fill:"#ffdb86"}),l.createElement("path",{d:"M45.535 192.512h.02v32.37h-.02zM213.196 74.81h32.372v32.372h-32.372z",fill:"#ffdb86"}),l.createElement("path",{d:"M245.568 74.81h16.172v32.372h-16.172zM142.355 127.742h15.9v32.37h-15.9z",fill:"#ffc335"}),l.createElement("path",{d:"M109.98 127.744h32.372v32.372h-32.373zM126.155 160.122h.02v32.38h-.02z",fill:"#ffdb86"}),l.createElement("path",{d:"M109.975 127.742h.02v32.37h-.02z",fill:"#ffdb86"}),l.createElement("path",{d:"M29.055 257.254v-32.373l16.489-.002v-32.373l15.868-.007v-32.373l48.575-.005v-32.372h80.628v32.372l16.187.01 15.18 15.188v17.19h32.373v32.372h17.191v32.373",fill:"#fff",opacity:.5}),l.createElement("g",{fill:"#84919c"},l.createElement("path",{d:"M270.546 257.254v-3.5a1 1 0 012 0v3.5c0 .552-2 .552-2 0zM271.546 246.297a1 1 0 01-1-1v-8.457a1 1 0 112 0v8.457a1 1 0 01-1 1zM271.546 229.382a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM257.855 225.882h-3.5a1 1 0 01-1-1v-3.5a1 1 0 012 0v2.5h2.5a1 1 0 010 2zM254.355 213.924a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM254.355 197.009a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM242.397 193.509h-8.457a1 1 0 010-2h8.457a1 1 0 010 2zM225.482 193.509h-3.5a1 1 0 01-1-1v-3.5a1 1 0 012 0v2.5h2.5a1 1 0 010 2zM221.982 183.174a1 1 0 01-1-1v-6.836a1 1 0 012 0v6.836a1 1 0 01-1 1zm-4.819-11.676a.998.998 0 01-.707-.293l-4.833-4.835a1 1 0 011.415-1.414l4.833 4.835a1 1 0 01-.708 1.707zm-9.665-9.67a.998.998 0 01-.707-.293l-.403-.403-5.437-.004a1 1 0 010-2l5.852.004a1 1 0 01.707.293l.696.696a1 1 0 01-.708 1.707zM194.115 161.124h-.001l-3.5-.003a1 1 0 01-1-1v-3.5a1 1 0 112 0v2.5l2.502.003a1 1 0 01-.001 2zM190.615 149.164a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM190.615 132.249a1 1 0 01-1-1v-2.5h-2.5a1 1 0 110-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM181.406 128.749h-5.71a1 1 0 110-2h5.71a1 1 0 010 2zM169.987 128.749h-3.5a1 1 0 01-1-1v-3.5a1 1 0 112 0v2.5h2.5a1 1 0 010 2zM166.487 116.791a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM166.487 99.876a1 1 0 01-1-1v-2.5h-2.5a1 1 0 010-2h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1zM154.53 96.376h-8.458a1 1 0 010-2h8.458a1 1 0 010 2zM134.115 99.876a1 1 0 01-1-1v-3.5a1 1 0 011-1h3.5a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM134.115 116.791a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM134.115 128.749h-3.5a1 1 0 110-2h2.5v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM124.905 128.749h-5.71a1 1 0 010-2h5.71a1 1 0 010 2zM109.987 132.249a1 1 0 01-1-1v-3.5a1 1 0 011-1h3.5a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM109.987 149.164a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM106.487 161.122a1 1 0 110-2l2.5-.001v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM70.852 161.126a1 1 0 010-2l5.939-.001a1 1 0 110 2zm11.878-.001a1 1 0 010-2l5.94-.001a1 1 0 010 2zm11.879-.001a1 1 0 010-2l5.939-.001a1 1 0 010 2zM61.413 164.627a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.001a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM61.413 181.54a1 1 0 01-1-1v-8.456a1 1 0 012 0v8.457a1 1 0 01-1 1zM57.913 193.5a1 1 0 010-2h2.5v-2.501a1 1 0 012 0v3.5a1 1 0 01-1 1l-3.5.002zM45.544 197.007a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.002a1 1 0 010 2h-2.5v2.502a1 1 0 01-1 1zM45.544 213.92a1 1 0 01-1-1v-8.456a1 1 0 012 0v8.457a1 1 0 01-1 1zM42.045 225.88a1 1 0 01-.001-2l2.5-.001v-2.5a1 1 0 012 0v3.5a1 1 0 01-1 1zM29.055 229.382a1 1 0 01-1-1v-3.5a1 1 0 011-1l3.5-.001a1 1 0 010 2h-2.5v2.5a1 1 0 01-1 1zM29.055 246.296a1 1 0 01-1-1v-8.457a1 1 0 012 0v8.457a1 1 0 01-1 1zM28.055 257.254v-3.5a1 1 0 012 0v3.5c0 .552-2 .552-2 0z"})),l.createElement("path",{d:"M270.55 219.357v10.049h2v-10.05a2.622 2.622 0 10-2 0zM272.549 254.898v-17.362h-2v17.362h-3.787v2h9.574v-2zM308.06 219.356v8.892h2v-8.891a2.622 2.622 0 10-2 0zM310.059 254.898v-15.073h-2v15.073h-3.787v2h9.575v-2z",fill:"#c6cacf"}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:260.579,y:235.26}),l.createElement("rect",{fill:"#ffc335",height:9.13,rx:1,width:59.406,x:260.579,y:221.565}),l.createElement("path",{d:"M311.847 235.26h3l4.18 9.131h-3zM303.469 235.26h3l4.181 9.131h-3zM295.091 235.26h3l4.181 9.131h-3zM286.714 235.26h3l4.181 9.131h-3zM278.336 235.26h3l4.181 9.131h-3zM269.959 235.26h3l4.181 9.131h-3zM261.581 235.26h3l4.181 9.131h-3zM311.847 221.565h3l4.18 9.13h-3zM303.469 221.565h3l4.181 9.13h-3zM295.091 221.565h3l4.181 9.13h-3zM286.714 221.565h3l4.181 9.13h-3zM278.336 221.565h3l4.181 9.13h-3zM269.959 221.565h3l4.181 9.13h-3zM261.581 221.565h3l4.181 9.13h-3z",fill:"#fff"}),l.createElement("path",{d:"M0 256.898h428.65v1H0z",fill:"#4d5860"})),V=t=>l.createElement("svg",{viewBox:"0 0 392.918 230.632",...t},l.createElement("path",{d:"M244.928 162.97H147.99l-69.909 60.235h236.756z",fill:"#edeff2"}),l.createElement("path",{d:"M78.08 223.205h236.757v6.643H78.081zM239.73 182.005h-7.01l-16.233-19.596H177.27l-16.943 19.596h-7.128v12.885h.018a13.886 13.886 0 005.84 12.076c17.938 12.643 57.34 12.782 74.912 0a14.017 14.017 0 005.74-12.076h.02z",fill:"#c6cacf"}),l.createElement("path",{d:"M156.676 172.77l20.594-23.817h39.217l19.97 24.105a14.147 14.147 0 01-2.488 20.451c-17.571 12.783-56.974 12.643-74.911 0a14.114 14.114 0 01-2.382-20.739z",fill:"#fafcff"}),l.createElement("path",{d:"M164.15 171.838l17.487-22.885h30.125l17.182 23.12a11.49 11.49 0 01-2.02 16.609c-14.271 10.381-46.271 10.268-60.84 0a11.463 11.463 0 01-1.933-16.844z",fill:"#b1c854"}),l.createElement("path",{d:"M199.78 89.86v87.664c-.85 2.237-5.887 2.157-6.642 0V89.86a6.302 6.302 0 006.642 0z",fill:"#edeff2"}),l.createElement("path",{d:"M199.78 89.86v7.295a5.425 5.425 0 01-6.642 0v-7.294a5.426 5.426 0 006.642 0z",fill:"#c6cacf"}),l.createElement("path",{d:"M241.57 51.18c-.069.069-.126.137-.194.205l-40.887 40.887a5.415 5.415 0 01-.558.478 5.674 5.674 0 01-6.945 0 5.505 5.505 0 01-.547-.478l-40.886-40.887c-.068-.068-.125-.136-.194-.204a5.695 5.695 0 01.194-7.845l40.886-40.887a5.697 5.697 0 018.05 0l40.887 40.887a5.695 5.695 0 01.193 7.845z",fill:"#ffdb86"}),l.createElement("g",{fill:"#4d5860"},l.createElement("path",{d:"M196.463 88.347a4.865 4.865 0 01-3.464-1.436L156.91 50.823a4.905 4.905 0 010-6.929l36.089-36.089a4.905 4.905 0 016.928 0l36.089 36.09a4.905 4.905 0 010 6.928l-36.09 36.088a4.865 4.865 0 01-3.463 1.436zm0-78.71a1.626 1.626 0 00-1.155.479L159.22 46.204a1.636 1.636 0 000 2.31l36.09 36.088a1.671 1.671 0 002.307 0l36.09-36.088a1.636 1.636 0 000-2.31l-36.088-36.09a1.628 1.628 0 00-1.155-.477z"}),l.createElement("path",{d:"M219.303 37.018l-12.852-3.125 1.708 4.03a28.598 28.598 0 00-11.7 8.332 28.598 28.598 0 00-11.7-8.332l1.707-4.03-12.85 3.125 6.491 11.884 1.593-3.76c.413.142 10.842 3.828 10.842 12.291V68.42h7.834V57.433c0-8.375 10.434-12.147 10.842-12.29l1.593 3.759z"}))),q=t=>l.createElement("svg",{viewBox:"0 0 428.65 199.287",...t},l.createElement("path",{d:"M312.521 95.507v32.045h-66.15V95.507c.136.053.273.099.409.152a36.924 36.924 0 0016.28 2.165 33.117 33.117 0 009.988-2.62c6.989-2.976 11.964-7.292 20.035-7.428 4.453-.076 11.116 1.09 19.385 7.686.015.015.038.03.053.045z",fill:"#ffdb86"}),l.createElement("path",{d:"M312.468 95.462c-8.026 5.535-19.831 9.033-32.992 9.033-13.001 0-24.677-3.415-32.696-8.836a36.924 36.924 0 0016.28 2.165 33.117 33.117 0 009.988-2.62c6.989-2.976 11.964-7.292 20.035-7.428 4.453-.076 11.116 1.09 19.385 7.686z",fill:"#ffc335"}),l.createElement("path",{d:"M298.063 61.122v4.02c-.007.009-.015.016-.022.016a.509.509 0 01-.084.053 36.06 36.06 0 01-3.793 1.984h-.008a35.33 35.33 0 01-5.535 1.961h-18.188a35.467 35.467 0 01-2.93-.908 35.455 35.455 0 01-7.474-3.71v-3.416c.113-.045.227-.098.34-.136.25-.106.5-.197.742-.295.356-.13.697-.258 1.038-.371a28.734 28.734 0 017.822-1.56c.303-.023.598-.03.878-.038.212-.008.417-.008.613-.008 6.558.03 9.76 2.492 17.689 2.9 1.03.053 2.014.069 2.945.046a44.116 44.116 0 002.84-.144c.257-.023.507-.045.742-.076a29.99 29.99 0 001.06-.12l.333-.046c.008 0 .015-.008.023-.008h.008a2.353 2.353 0 00.333-.045c.212-.03.416-.061.606-.091a.028.028 0 01.022-.008z",fill:"#ffdb86"}),l.createElement("path",{d:"M298.04 61.13v4.028a.509.509 0 01-.083.053 36.06 36.06 0 01-3.793 1.984h-.008a41.596 41.596 0 01-6.232-.916 36.483 36.483 0 01-1.741-.44h-.008c-6.451-1.779-9.245-4.376-15.19-5.429-.189-.037-.393-.068-.605-.098a28.162 28.162 0 00-8.231.007 28.734 28.734 0 017.822-1.56c.295-.014.583-.022.855-.03.212-.007.417-.007.614-.007 6.557.03 9.76 2.491 17.688 2.9 1.045.053 2.037.068 2.968.038a39.27 39.27 0 002.84-.144c.258-.023.507-.046.742-.076a29.99 29.99 0 001.06-.121l.333-.045h.023a.007.007 0 00.008-.008 2.353 2.353 0 00.333-.045c.212-.03.416-.061.606-.091z",fill:"#ffc335"}),l.createElement("path",{d:"M290.478 68.606c.36-.12.72-.23 1.07-.36.89-.32 1.75-.66 2.61-1.05h.01a36.789 36.789 0 003.79-1.98.415.415 0 00.08-.06.037.037 0 00.03-.01 35.788 35.788 0 0017.21-30.57v-26.8h-71.51v26.8a35.738 35.738 0 0016.15 29.89.677.677 0 00.11.07 34.924 34.924 0 007.47 3.71c.36.13.72.24 1.08.36a35.82 35.82 0 00-24.81 34.04v26.8h71.52v-26.8a35.833 35.833 0 00-24.81-34.04zm-29.36-7.91a.01.01 0 00-.01-.01c-.28-.19-.56-.4-.84-.61a31.906 31.906 0 01-12.72-25.5v-23.01h63.95v23.01a31.979 31.979 0 01-13.54 26.11c-.28.19-.57.39-.86.58v.01a31.54 31.54 0 01-10.92 4.56 31.075 31.075 0 01-6.65.71 31.808 31.808 0 01-18.41-5.85zm18.41 9.98a32.011 32.011 0 0130.49 22.36c.09.26.16.51.24.77.25.88.47 1.77.64 2.68.08.37.14.74.2 1.12a32.232 32.232 0 01.4 5.04v23.01h-63.95v-23.01a31.68 31.68 0 01.59-6.12c.02-.13.05-.26.07-.38a32.042 32.042 0 0131.32-25.47z",fill:"#edeff2"}),l.createElement("path",{d:"M229.42 175.627h41.607v7.107a16.52 16.52 0 01-16.52 16.521h-8.567a16.52 16.52 0 01-16.52-16.52v-7.108zM101.122 175.627h41.608v7.107a16.52 16.52 0 01-16.521 16.521h-8.566a16.52 16.52 0 01-16.521-16.52v-7.108z",fill:"#9aa4ad"}),l.createElement("circle",{cx:293.547,cy:180.862,fill:"#9aa4ad",r:17.717}),l.createElement("rect",{fill:"#edeff2",height:85.03,rx:5,width:40.23,x:182.198,y:59.656}),l.createElement("rect",{fill:"#c6cacf",height:85.03,rx:5,width:35.64,x:182.198,y:59.656}),l.createElement("path",{d:"M198.685 140.617h132.51v37.02h-132.51z",fill:"#edeff2"}),l.createElement("path",{d:"M198.688 140.104h146.17v17.92h-146.17z",fill:"#9aa4ad"}),l.createElement("path",{d:"M317.562 137.096h-76.076V125.11h76.076z",fill:"#c6cacf"}),l.createElement("path",{d:"M282.375 81.651l2.256 2.256-2.256 2.255-2.255-2.255zM291.462 91.284l2.256 2.256-2.256 2.256-2.256-2.256zM298.08 89.835l2.255 2.256-2.255 2.255-2.256-2.255zM296.146 96.215l2.256 2.256-2.256 2.255-2.255-2.255zM278.606 72.516l2.255 2.256-2.255 2.256-2.256-2.256z",fill:"#ffdb86"}),l.createElement("path",{d:"M259.08 108.137l2.255 2.256-2.256 2.256-2.255-2.256zM254.584 115.387l2.256 2.256-2.256 2.256-2.255-2.256zM263.678 115.389l2.255 2.255-2.255 2.256-2.256-2.256z",fill:"#ffc335"}),l.createElement("path",{d:"M241.484 0h76.078v11.987h-76.078z",fill:"#c6cacf"}),l.createElement("path",{d:"M241.484 0h39.151v11.987h-39.15zM241.484 125.11h39.151v11.986h-39.15z",fill:"#9aa4ad"}),l.createElement("g",{fill:"#ffc335"},l.createElement("path",{d:"M235.138 158.024h-10.73l-10.15-17.92h10.72zM257.088 158.024h-10.72l-10.15-17.92h10.72zM279.048 158.024h-10.72l-10.15-17.92h10.72zM301.008 158.024h-10.72l-10.16-17.92h10.73zM322.968 158.024h-10.73l-10.15-17.92h10.72zM344.858 157.914v.11h-10.66l-10.15-17.92h10.72z"})),l.createElement("path",{d:"M169.798 71.336a6.521 6.521 0 01-6.51 6.52h-11.49a6.515 6.515 0 110-13.03h11.49a6.517 6.517 0 016.51 6.51z",fill:"#ffdb86"}),l.createElement("circle",{cx:166.015,cy:180.862,fill:"#9aa4ad",r:17.717}),l.createElement("path",{d:"M214.768 81.175v93.36a9.99 9.99 0 01-10 10H98.388a10.004 10.004 0 01-10-10v-35.56a20.02 20.02 0 01.84-5.76c.1-.32.21-.65.32-.97l17.08-47.8c.22-.61.47-1.21.74-1.79a19.984 19.984 0 0118.09-11.48h79.31a9.99 9.99 0 0110 10z",fill:"#ffc335"}),l.createElement("path",{d:"M214.768 81.174v93.36a9.997 9.997 0 01-10 10h-55.1v-45.56a20.01 20.01 0 011.16-6.73l17.07-47.8a20.012 20.012 0 0118.84-13.27h18.03a9.99 9.99 0 0110 10z",fill:"#ffdb86"}),l.createElement("path",{d:"M160.438 85.326l-16.43 46.55a2.006 2.006 0 01-1.89 1.34h-52.89c.1-.32.21-.65.32-.97l17.08-47.8c.22-.61.47-1.21.74-1.79h51.18a2.006 2.006 0 011.89 2.67zM187.366 133.212h-25.158a2 2 0 01-1.886-2.665l16.43-46.553a2 2 0 011.887-1.335h23.727a5 5 0 015 5v25.553a20 20 0 01-20 20z",fill:"#fff"}),l.createElement("ellipse",{cx:131.764,cy:159.081,fill:"#fff",rx:3.231,ry:5.897}),l.createElement("path",{d:"M133.325 159.08a6.393 6.393 0 00-2.42-5.686 1.98 1.98 0 01.859-.21c1.784 0 3.23 2.64 3.23 5.897s-1.446 5.897-3.23 5.897a1.983 1.983 0 01-.858-.21 6.394 6.394 0 002.419-5.687z",fill:"#edeff2"}),l.createElement("ellipse",{cx:94.363,cy:158.591,fill:"#fff",rx:3.231,ry:5.897}),l.createElement("path",{d:"M95.923 158.591a6.393 6.393 0 00-2.419-5.687 1.982 1.982 0 01.859-.21c1.784 0 3.23 2.64 3.23 5.896s-1.446 5.897-3.23 5.897a1.982 1.982 0 01-.859-.21 6.393 6.393 0 002.42-5.686zM87.74 169.212h61.928v15.322H87.74a3.948 3.948 0 01-3.948-3.948v-7.425a3.948 3.948 0 013.948-3.949z",fill:"#edeff2"}),l.createElement("circle",{cx:172.888,cy:180.947,fill:"#c6cacf",r:17.717}),l.createElement("circle",{cx:172.913,cy:180.947,fill:"#fff",r:8.858}),l.createElement("circle",{cx:300.036,cy:180.947,fill:"#c6cacf",r:17.717}),l.createElement("circle",{cx:300.062,cy:180.947,fill:"#fff",r:8.858}),l.createElement("path",{d:"M205.533 158.872h-25.126a2 2 0 01-1.464-.637l-9.154-9.832a2 2 0 00-1.463-.637h-6.004a2 2 0 01-2-2v-3.277a2 2 0 012-2h43.21a2 2 0 012 2v14.383a2 2 0 01-2 2z",fill:"#ffc335"}),l.createElement("path",{d:"M0 198.287h428.65v1H0z",fill:"#4d5860"})),F={title:"NonIdealState"},L=()=>e.jsx(h,{svg:e.jsx(V,{}),heading:"Redirect",description:e.jsxs(e.Fragment,{children:["Requested page has been moved permanently.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),S=()=>e.jsx(h,{svg:e.jsx(y,{}),heading:"Unauthorized",description:e.jsxs(e.Fragment,{children:["You do not have permission to access this server.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),T=()=>e.jsx(h,{svg:e.jsx(g,{}),heading:"Forbidden",description:e.jsxs(e.Fragment,{children:["You do not have permission to access this server.",e.jsx("br",{}),"Unable to fulfill request."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),N=()=>e.jsx(h,{svg:e.jsx(H,{}),heading:"Page not found",description:e.jsxs(e.Fragment,{children:["We can not find the iModel that you are looking for or it does not exist.",e.jsx("br",{}),"Visit the iModel HUB or contact our support team."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),U=()=>e.jsx(h,{svg:e.jsx(q,{}),heading:"Timed out",description:e.jsxs(e.Fragment,{children:["Your request timed out.",e.jsx("br",{}),"Please try again."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),I=()=>e.jsx(h,{svg:e.jsx(b,{}),heading:"Internal server error",description:"Please retry again. If this continues to happen, please contact our support team or visit the iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),A=()=>e.jsx(h,{svg:e.jsx(u,{}),heading:"Bad gateway",description:"The server encountered a temporary error. Please try again in 30 seconds or visit iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),O=()=>e.jsx(h,{svg:e.jsx(j,{}),heading:"Service unavailable",description:"This service is being worked on. Please come back in a little bit or visit iModel HUB.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),W=()=>e.jsx(h,{svg:e.jsx(n,{}),heading:"Error",description:"We can't find the iModel that you are looking for or it does not exist. Visit the iModel HUB or contact our support team.",actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),Y=()=>e.jsx(h,{svg:e.jsx(n,{}),heading:"Error",description:e.jsxs(e.Fragment,{children:["A React component with an"," ",e.jsx(x,{href:"https://www.bentley.com",target:"_blank",rel:"noreferrer",children:"anchor"})," ","may be passed."]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>console.log("Retrying"),styleType:"high-visibility",children:"Retry"}),e.jsx(a,{onClick:()=>console.log("Contacting"),children:"Contact us"})]})}),G=()=>e.jsx(h,{svg:e.jsx(n,{})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{A as BadGateway,Y as CustomHtmlMessage,T as Forbidden,W as Generic,I as InternalServerError,N as PageNotFound,L as Redirect,O as ServiceUnavailable,U as TimeOut,S as Unauthorized,G as WithoutMessageOrButtons,F as default}; diff --git a/2452/react/assets/Notification-CZ3OBLId.js b/2452/react/assets/Notification-CZ3OBLId.js new file mode 100644 index 00000000000..3cc23650144 --- /dev/null +++ b/2452/react/assets/Notification-CZ3OBLId.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M12.964 10.92V6.63a5.024 5.024 0 00-3.782-4.94v-.52A1.32 1.32 0 008 0a1.221 1.221 0 00-1.182 1.17v.52a5.118 5.118 0 00-3.782 4.94v4.29L1.5 12.48V13h13v-.52zM9.5 16h-3a1 1 0 01-1-1 1 1 0 011-1h3a1 1 0 011 1 1 1 0 01-1 1z"}));export{a as S}; diff --git a/2452/react/assets/NotificationMarker-CpmI9r7E.js b/2452/react/assets/NotificationMarker-CpmI9r7E.js new file mode 100644 index 00000000000..27f25aab3fb --- /dev/null +++ b/2452/react/assets/NotificationMarker-CpmI9r7E.js @@ -0,0 +1 @@ +import{r,B as c,c as u}from"./index-BiF_XSVc.js";const m=r.forwardRef((e,t)=>{let{className:i,children:s,status:n="primary",pulsing:l=!1,enabled:a=!0,...o}=e;return r.createElement(c,{as:"span",ref:t,className:u({"iui-notification-marker":a},i),"data-iui-variant":a?n:null,"data-iui-urgent":a?l:null,...o},s)});export{m as N}; diff --git a/2452/react/assets/NotificationMarker.stories-BBpF7PCS.js b/2452/react/assets/NotificationMarker.stories-BBpF7PCS.js new file mode 100644 index 00000000000..11b74ab305a --- /dev/null +++ b/2452/react/assets/NotificationMarker.stories-BBpF7PCS.js @@ -0,0 +1 @@ +import{j as s,I as i}from"./index-BiF_XSVc.js";import{S as t}from"./Notification-CZ3OBLId.js";import{N as e}from"./NotificationMarker-CpmI9r7E.js";import{B as l}from"./Button-DJoTb4xb.js";import{T as r}from"./Text-JFgXX77W.js";import"./ProgressRadial-BJPx7fqR.js";const h={title:"NotificationMarker",decorators:[n=>s.jsx("div",{style:{display:"grid",placeItems:"start",gap:"20px"},children:s.jsx(n,{})})]},m=()=>s.jsx(s.Fragment,{children:s.jsx(e,{status:"primary",children:s.jsx(t,{fill:"currentColor"})})}),u=()=>s.jsxs(s.Fragment,{children:[s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"primary",children:s.jsx(t,{})})}),s.jsx(l,{styleType:"borderless",children:s.jsx(e,{status:"primary",children:"Inbox"})})]}),y=()=>s.jsx(s.Fragment,{children:s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"negative",pulsing:!0,children:s.jsx(t,{})})})}),o=()=>s.jsxs(s.Fragment,{children:[s.jsx(r,{children:"Primary"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"primary",children:s.jsx(t,{})})}),s.jsx(r,{children:"Positive"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"positive",children:s.jsx(t,{})})}),s.jsx(r,{children:"Warning"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"warning",children:s.jsx(t,{})})}),s.jsx(r,{children:"Negative"}),s.jsx(i,{label:"Notifications",styleType:"borderless",children:s.jsx(e,{status:"negative",children:s.jsx(t,{})})}),s.jsx(r,{children:"White"}),s.jsxs("div",{style:{display:"flex",columnGap:"10px"},children:[s.jsx(i,{label:"Notifications",styleType:"high-visibility",children:s.jsx(e,{status:"white",children:s.jsx(t,{})})}),s.jsx(i,{label:"Notifications",styleType:"cta",children:s.jsx(e,{status:"white",children:s.jsx(t,{})})})]})]});o.decorators=[n=>s.jsx("div",{style:{display:"grid",placeItems:"start",rowGap:"20px",columnGap:"30px",gridTemplateColumns:"fit-content(1px) auto",alignItems:"center"},children:s.jsx(n,{})})];typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{m as Basic,y as Pulsing,o as Status,u as WithButtons,h as default}; diff --git a/2452/react/assets/Overlay.stories-BJV7zOfG.js b/2452/react/assets/Overlay.stories-BJV7zOfG.js new file mode 100644 index 00000000000..6dc496e875f --- /dev/null +++ b/2452/react/assets/Overlay.stories-BJV7zOfG.js @@ -0,0 +1 @@ +import{r,p as l,B as m,j as e}from"./index-BiF_XSVc.js";import{P as p}from"./ProgressLinear-DX94GaBV.js";import{P as x}from"./ProgressRadial-BJPx7fqR.js";let v=r.forwardRef((t,o)=>{let{content:n,children:a,...c}=t;return r.createElement(u,{ref:o,...c},r.createElement(s,null,n),r.createElement(d,null,a))}),d=r.forwardRef((t,o)=>{let{children:n,...a}=t;return r.createElement(m,{inert:"true",ref:o,...a},n)}),s=l.div("iui-overlay"),u=l.div("iui-overlay-wrapper");const i=Object.assign(v,{Wrapper:u,HiddenContent:d,Overlay:s}),h={title:"Overlay"},j=()=>{const t={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return e.jsxs(i.Wrapper,{style:t,children:[e.jsx(i.HiddenContent,{style:{padding:"12px"},children:e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(i.Overlay,{children:e.jsx(p,{indeterminate:!0})})]})},b=()=>{const t={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return e.jsxs(i.Wrapper,{style:t,children:[e.jsx(i.HiddenContent,{style:{padding:"12px"},children:e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(i.Overlay,{children:e.jsx(x,{indeterminate:!0})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{j as Linear,b as Radial,h as default}; diff --git a/2452/react/assets/Overview.stories-D0HAU-ep.js b/2452/react/assets/Overview.stories-D0HAU-ep.js new file mode 100644 index 00000000000..bdb106b354f --- /dev/null +++ b/2452/react/assets/Overview.stories-D0HAU-ep.js @@ -0,0 +1,29 @@ +import{_ as s,j as e}from"./index-BiF_XSVc.js";function a(n){const i={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx("center",{children:e.jsx("h1",{children:e.jsxs("picture",{children:[e.jsx("source",{media:"(prefers-color-scheme: dark)",srcSet:"https://itwin.github.io/iTwinUI/logo-dark.svg"}),e.jsx("img",{src:"https://itwin.github.io/iTwinUI/logo.svg",alt:"iTwinUI"})]})})}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["This site demonstrates stories for all react components from ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI",className:"ladle-markdown",children:"iTwinUI"})," v3. For more detailed guidance, visit the ",e.jsx(i.a,{href:"https://itwinui.bentley.com",className:"ladle-markdown",children:"documentation site"}),"."]}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["If you're using an older version of iTwinUI, we highly recommend upgrading (see ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v3-migration-guide",className:"ladle-markdown",children:"migration guide"}),"). In the meantime, you might find these links useful:"]}),` +`,e.jsxs(i.ul,{className:"ladle-markdown",children:[` +`,e.jsx(i.li,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://itwin.github.io/iTwinUI-react",className:"ladle-markdown",children:"v1 storybook"})}),` +`,e.jsx(i.li,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://itwin.github.io/iTwinUI/legacy/v2/react",className:"ladle-markdown",children:"v2 storybook"})}),` +`]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Basic usage"}),` +`,e.jsx(i.pre,{className:"ladle-markdown",children:e.jsx(i.code,{className:"language-jsx ladle-markdown",children:`import { ThemeProvider, Button } from '@itwin/itwinui-react'; +import '@itwin/itwinui-react/styles.css'; + +export default function App() { + return ( + <> + + + + + ); +} +`})}),` +`,e.jsx(i.p,{className:"ladle-markdown",children:e.jsx(i.a,{href:"https://stackblitz.com/github/iTwin/iTwinUI/tree/main/minimal-sandbox?file=src/App.tsx",className:"ladle-markdown",children:e.jsx(i.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Edit in StackBlitz",className:"ladle-markdown"})})}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"FAQ"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["For a list of frequently asked questions, visit the ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/wiki/FAQ",className:"ladle-markdown",children:"wiki"}),"."]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Contributing"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["We welcome you to contribute and make this UI design system better. You can submit feature requests or bugs by creating an ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/issues",className:"ladle-markdown",children:"issue"}),`. +Please read our `,e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/blob/main/CONTRIBUTING.md",className:"ladle-markdown",children:"CONTRIBUTING.md"})," for more information."]}),` +`,e.jsx(i.h2,{className:"ladle-markdown",children:"Changelog"}),` +`,e.jsxs(i.p,{className:"ladle-markdown",children:["Read our ",e.jsx(i.a,{href:"https://github.com/iTwin/iTwinUI/blob/main/packages/itwinui-react/CHANGELOG.md",className:"ladle-markdown",children:"CHANGELOG.md"})," to find recent changes."]})]})}function t(n={}){const{wrapper:i}={...s(),...n.components};return i?e.jsx(i,{...n,children:e.jsx(a,{...n})}):a(n)}t.storyName="Readme";typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{t as MDXContent}; diff --git a/2452/react/assets/Panels.stories-D8ntS5Xu.js b/2452/react/assets/Panels.stories-D8ntS5Xu.js new file mode 100644 index 00000000000..9c02a97963f --- /dev/null +++ b/2452/react/assets/Panels.stories-D8ntS5Xu.js @@ -0,0 +1 @@ +import{r as n,C as N,u as v,l as Q,D as O,d as F,B as _,c as L,n as q,f as G,U,e as V,I as J,m as z,j as e}from"./index-BiF_XSVc.js";import{F as S}from"./Flex-CseMmOEw.js";import{T as H}from"./Text-JFgXX77W.js";import{S as K}from"./SvgChevronLeft-DK676GzB.js";import{S as p}from"./Surface-M_FyDJMb.js";import{L as B}from"./List-9GtQ4mx3.js";import{L as g}from"./ListItem-BGCU0KzW.js";import{D as X}from"./Divider-CUQ1C7OA.js";import{T as Y}from"./ToggleSwitch-u1t84S3V.js";import{B as D}from"./Button-DJoTb4xb.js";import"./supports-DV2LxME-.js";import"./LinkAction-UeJMbSnl.js";import"./SvgCheckmark-BUStwd7A.js";import"./ProgressRadial-BJPx7fqR.js";class W{}const Z=()=>n.useMemo(()=>new W,[]),ee=(s,i)=>{let t=n.useCallback(()=>s instanceof W?(Object.assign(s,i),()=>{for(let d in i)delete s[d]}):()=>{},[s,i]);return N(t,()=>s,()=>s)},te=()=>()=>{},$=n.createContext(void 0),ne=s=>{let{children:i,instance:t}=s,d=a.useInstance(),m=t||d,{activePanelId:r,changeActivePanel:c,triggers:l,setShouldFocus:x}=v(A),h=n.useCallback(async()=>{if(r==null)return;let u=l[r];u.triggerId!=null&&(x({fromPanelId:r,toPanelId:u.panelId,direction:"backward"}),c(u.panelId))},[r,c,x,l]);return ee(m,n.useMemo(()=>({goBack:h}),[h])),n.createElement($.Provider,{value:{instance:m}},i)},re=n.forwardRef((s,i)=>{let{children:t,className:d,onActiveIdChange:m,instance:r,...c}=s,l=q(m),x=n.useRef(null),[h,u]=n.useState(void 0),[P,j]=n.useState({}),I=n.useRef(new Set),[k,E]=n.useState(void 0),f=G("(prefers-reduced-motion: no-preference)"),b=n.useCallback(C=>{var w,o,y;!I.current.has(C)||C===h||(U.flushSync(()=>u(C)),(w=l.current)==null||w.call(l,C),(y=(o=x.current)==null?void 0:o.getRootNode().getElementById(C))==null||y.scrollIntoView({block:"nearest",inline:"center",behavior:f?"smooth":"instant"}))},[h,f,l]);return n.createElement(A.Provider,{value:n.useMemo(()=>({activePanelId:h,setActivePanelId:u,changeActivePanel:b,triggers:P,setTriggers:j,shouldFocus:k,setShouldFocus:E,panels:I}),[h,b,u,j,k,P])},n.createElement(ne,{instance:r},n.createElement(_,{ref:V(x,i),...c,className:L("iui-panel-wrapper",d)},t)))}),A=n.createContext(void 0);let se=n.forwardRef((s,i)=>{let{id:t,children:d,className:m,...r}=s,{activePanelId:c,triggers:l,panels:x,setActivePanelId:h}=v(A),u=n.useMemo(()=>l[t],[t,l]),P=ce(c)||c,j=[c,P].includes(t),I=c===t&&c!==P,k=P===t&&c!==t;return F(()=>{c==null&&x.current.size===0&&h(t);let f=x.current;return f.has(t)||f.add(t),()=>{f.delete(t)}},[c,t,x,h]),n.createElement(T.Provider,{value:n.useMemo(()=>({id:t,associatedTrigger:u}),[u,t])},j&&n.createElement(_,{ref:i,id:t,className:L("iui-panel",m),"aria-labelledby":`${t}-header-title`,role:"group",inert:k?"true":void 0,"data-iui-transitioning":I?"true":void 0,...r},d))}),T=n.createContext(void 0),ae=s=>{let{children:i,for:t}=s,{changeActivePanel:d,triggers:m,setTriggers:r,activePanelId:c,shouldFocus:l,setShouldFocus:x,panels:h}=v(A),{id:u}=v(T),P=Q(),j=i.props.id||P,I=n.useCallback(()=>{c!=null&&(x({fromPanelId:c,toPanelId:t,direction:"forward"}),d==null||d(t))},[c,d,t,x]),k=n.useCallback(f=>{(l==null?void 0:l.direction)==="backward"&&(l==null?void 0:l.toPanelId)===u&&(l==null?void 0:l.fromPanelId)===t&&(f==null||f.focus({preventScroll:!0}),x(void 0))},[t,u,x,l]),E=te();return n.useEffect(()=>{h.current.has(t)},[t,E,h,m]),n.useEffect(()=>{r(f=>{let b=f[t];return b==null||u!==b.panelId||j!==b.triggerId?{...f,[t]:{panelId:u,triggerId:j}}:f})},[t,u,r,j]),O(i,f=>({...f.props,id:j,ref:k,onClick:z(f.props.onClick,I),"aria-expanded":c===t,"aria-controls":t}))},ie=n.forwardRef((s,i)=>{let{titleProps:t,children:d,...m}=s,{shouldFocus:r,setShouldFocus:c}=v(A),{id:l,associatedTrigger:x}=v(T),h=n.useCallback(u=>{(r==null?void 0:r.direction)==="forward"&&r.toPanelId===l&&(u==null||u.focus({preventScroll:!0}),c(void 0))},[l,c,r==null?void 0:r.direction,r==null?void 0:r.toPanelId]);return n.createElement(S,{ref:i,...m},x&&n.createElement(le,null),n.createElement(H,{id:`${l}-header-title`,as:"h2",tabIndex:-1,ref:h,...t},d))}),le=n.forwardRef((s,i)=>{let{children:t,onClick:d,...m}=s,{instance:r}=v($);return n.createElement(J,{ref:i,"aria-label":"Previous panel",styleType:"borderless",size:"small","data-iui-shift":"left",...m,onClick:z(n.useCallback(()=>r==null?void 0:r.goBack(),[r]),d)},t||n.createElement(K,null))});const a={Wrapper:re,Panel:se,Trigger:ae,Header:ie,useInstance:Z};function ce(s,{delay:i}={delay:500}){let[t,d]=n.useState(void 0),m=n.useRef(void 0);return n.useEffect(()=>(i===0?d(s):m.current=setTimeout(()=>d(s),i),()=>{clearTimeout(m.current)}),[s,i]),t}const ke={component:a,title:"Panels"},be=()=>{const s="root",i="more-info";return e.jsxs(a.Wrapper,{as:p,style:{inlineSize:"min(300px, 30vw)",blockSize:"min(500px, 50vh)"},children:[e.jsxs(a.Panel,{id:s,children:[e.jsx(p.Header,{as:a.Header,children:"Root"}),e.jsx(p.Body,{as:B,children:e.jsx(g,{children:e.jsx(a.Trigger,{for:i,children:e.jsx(g.Action,{children:"More details"})})})})]}),e.jsxs(a.Panel,{id:i,children:[e.jsx(p.Header,{as:a.Header,children:"More details"}),e.jsx(p.Body,{isPadded:!0,children:e.jsx(H,{children:"Content"})})]})]})},Ce=()=>{const s="root",i=Array.from(Array(20).keys()).map(t=>({id:`panel-${t}`,label:`Panel ${t}`}));return e.jsxs(a.Wrapper,{as:p,style:{inlineSize:"min(300px, 30vw)",blockSize:"min(500px, 50vh)"},children:[e.jsxs(a.Panel,{id:s,as:S,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Root"}),e.jsx(p.Body,{as:B,children:i.map(t=>e.jsx(g,{children:e.jsx(g.Content,{children:e.jsx(a.Trigger,{for:`${t.id}`,children:e.jsx(g.Action,{children:t.label})})})},t.id))})]}),i.map(t=>e.jsxs(a.Panel,{as:S,id:t.id,flexDirection:"column",alignItems:"stretch",children:[e.jsx(p.Header,{as:a.Header,children:t.label}),e.jsxs(p.Body,{as:S,flexDirection:"column",children:[e.jsx(H,{children:`Content for ${t.id}`}),e.jsx(S.Spacer,{}),e.jsx(X,{}),e.jsx(H,{children:`Footer for ${t.id}`})]})]},t.id))]})},ve=()=>{const s=n.useId(),i=n.useId(),t=n.useId(),d=n.useId(),[m,r]=n.useState(!1),[c,l]=n.useState("240p"),[x,h]=n.useState("1.0x"),[u,P]=n.useState([]),j=a.useInstance(),I=n.useCallback(({content:o,state:y,setState:R})=>{const M=y===o;return e.jsxs(g,{active:M,"aria-selected":M,onClick:()=>{j.goBack()},children:[e.jsx(g.Action,{onClick:()=>R(o),children:o}),e.jsx(g.Icon,{})]})},[j]),k=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:c,setState:l}),[I,c]),E=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:x,setState:h}),[I,x]),f=n.useCallback(({content:o})=>e.jsx(I,{content:o,state:u.includes(o)?o:"",setState:()=>{P(y=>y.includes(o)?y.filter(R=>R!==o):[...y,o])}}),[I,u]),b=n.useMemo(()=>["240p","360p","480p","720p","1080p"],[]),C=n.useMemo(()=>Array.from({length:21},(o,y)=>(y*.1).toFixed(1)+"x"),[]),w=n.useId();return e.jsx(e.Fragment,{children:e.jsxs(a.Wrapper,{instance:j,as:p,style:{inlineSize:"min(200px, 30vw)",blockSize:"min(250px, 50vh)"},children:[e.jsx(a.Panel,{id:s,children:e.jsxs(B,{children:[e.jsxs(g,{children:[e.jsx(g.Content,{as:"label",htmlFor:w,children:"Repeat"}),e.jsx(Y,{id:w,onChange:o=>r(o.target.checked),checked:m})]}),e.jsx(g,{children:e.jsx(a.Trigger,{for:i,children:e.jsx(g.Action,{children:"Quality"})})}),e.jsx(g,{children:e.jsx(a.Trigger,{for:t,children:e.jsx(g.Action,{children:"Speed"})})}),e.jsx(g,{children:e.jsx(a.Trigger,{for:d,children:e.jsx(g.Action,{children:"Accessibility"})})})]})}),e.jsxs(a.Panel,{id:i,as:S,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Quality"}),e.jsx(p.Body,{as:B,children:b.map(o=>e.jsx(k,{content:o},o))})]}),e.jsxs(a.Panel,{id:t,as:S,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Speed"}),e.jsx(p.Body,{as:B,children:C.map(o=>e.jsx(E,{content:o},o))})]}),e.jsxs(a.Panel,{id:d,as:S,flexDirection:"column",alignItems:"stretch",gap:"0",children:[e.jsx(p.Header,{as:a.Header,children:"Accessibility"}),e.jsxs(p.Body,{as:B,children:[e.jsx(f,{content:"High contrast"}),e.jsx(f,{content:"Large text"}),e.jsx(f,{content:"Screen reader"})]})]})]})})},Ee=()=>{const s=a.useInstance(),r=["root","panel-1","panel-1-1","panel-1-1-1"];return e.jsxs(S,{flexDirection:"column",alignItems:"flex-start",children:[e.jsx(D,{id:"instance-go-back",onClick:()=>s.goBack(),children:"Go Back"}),e.jsx(a.Wrapper,{instance:s,as:p,style:{width:"min(300px, 30vw)",height:"min(500px, 50vh)"},children:r.map((c,l)=>e.jsxs(a.Panel,{id:c,children:[e.jsx(p.Header,{as:a.Header,children:c}),e.jsx(p.Body,{isPadded:!0,children:e.jsx(a.Trigger,{for:r[l+1],children:e.jsxs(D,{children:["Go to ",r[l+1]??"panel that doesn't exist"]})})})]},c))})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{be as Basic,ve as MultiLevelList,Ce as MultiPanelInformationPanel,Ee as NestedPanels,ke as default}; diff --git a/2452/react/assets/Placeholder-BLpsNn0N.js b/2452/react/assets/Placeholder-BLpsNn0N.js new file mode 100644 index 00000000000..bda022a3a3f --- /dev/null +++ b/2452/react/assets/Placeholder-BLpsNn0N.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const o=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M0 0v16h16V0zm14.857 1.943v12.114L8.8 8zM8 7.2L1.943 1.143h12.114zm-.8.8l-6.057 6.057V1.943zm.8.8l6.057 6.057H1.943z"}));export{o as S}; diff --git a/2452/react/assets/ProgressLinear-DX94GaBV.js b/2452/react/assets/ProgressLinear-DX94GaBV.js new file mode 100644 index 00000000000..526acf1b45d --- /dev/null +++ b/2452/react/assets/ProgressLinear-DX94GaBV.js @@ -0,0 +1 @@ +import{r as e,B as i,k as p,c as r,K as x,V as y}from"./index-BiF_XSVc.js";const V=e.forwardRef((s,l)=>{let{value:t,indeterminate:d=t===void 0,labels:n=[],isAnimated:u=!1,status:c,className:m,labelGroupProps:a,...o}=s,f=p(t??100,0,100);return e.createElement(i,{className:r("iui-progress-indicator-linear",m),ref:l,"data-iui-status":c,"data-iui-indeterminate":d?"true":void 0,"data-iui-animated":u?"true":void 0,...o,style:{"--iui-progress-percentage":`${f}%`,...s.style}},e.createElement(x,null,t!==100&&e.createElement(y,null,"Loading."),e.createElement("slot",null)),n.length>0&&e.createElement(i,{as:"div",...a,className:r("iui-progress-indicator-linear-label",a==null?void 0:a.className)},n.map((g,E)=>e.createElement("span",{key:E},g))))});export{V as P}; diff --git a/2452/react/assets/ProgressLinear.stories-BdtAEQTe.js b/2452/react/assets/ProgressLinear.stories-BdtAEQTe.js new file mode 100644 index 00000000000..75f08129575 --- /dev/null +++ b/2452/react/assets/ProgressLinear.stories-BdtAEQTe.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{a as n,S as r,b as a}from"./StatusWarning-vacJUxoU.js";import{P as t}from"./ProgressLinear-DX94GaBV.js";import{I as s}from"./Icon-DaWu1iQD.js";const d={title:"ProgressLinear"},c=()=>e.jsx(t,{value:50}),m=()=>e.jsx(t,{value:50,isAnimated:!0}),x=()=>e.jsx(t,{indeterminate:!0}),j=()=>e.jsx(t,{value:50,labels:["Centered Label"]}),g=()=>e.jsx(t,{value:50,labels:["Loading...","50%"]}),v=()=>e.jsx(t,{value:100,labels:["Upload done!",e.jsx(s,{children:e.jsx(n,{})},"icon")],status:"positive"}),p=()=>e.jsx(t,{value:45,labels:["Upload failed",e.jsx(s,{children:e.jsx(r,{})},"icon")],status:"negative"}),b=()=>e.jsx(t,{value:100,labels:["Upload successful with warning",e.jsx(s,{children:e.jsx(a,{})},"icon")],status:"warning"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{c as Determinate,m as DeterminateAnimated,x as Indeterminate,j as LabeledCenter,g as LabeledLeftRight,p as Negative,v as Positive,b as Warning,d as default}; diff --git a/2452/react/assets/ProgressRadial-BJPx7fqR.js b/2452/react/assets/ProgressRadial-BJPx7fqR.js new file mode 100644 index 00000000000..04e50cad58b --- /dev/null +++ b/2452/react/assets/ProgressRadial-BJPx7fqR.js @@ -0,0 +1 @@ +import{r as e,o as i,B as g,k as p,c as h,K as f,V as v}from"./index-BiF_XSVc.js";const S=a=>e.createElement(i,a,e.createElement("path",{d:"m6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z"})),l=a=>e.createElement(i,a,e.createElement("path",{d:"M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z"})),z=e.forwardRef((a,s)=>{let{value:t,indeterminate:d=t===void 0,status:r,size:n,className:u,style:m,children:c,...o}=a,E={negative:e.createElement(l,{"aria-hidden":!0}),positive:e.createElement(S,{"aria-hidden":!0}),warning:e.createElement(l,{"aria-hidden":!0})};return e.createElement(g,{className:h("iui-progress-indicator-radial",u),"data-iui-size":n,"data-iui-status":r,"data-iui-indeterminate":d?"true":void 0,ref:s,style:{...t!==void 0&&{"--iui-progress-percentage":`${p(t,0,100)}%`},...m},...o},e.createElement(f,null,t!==100&&e.createElement(v,null,"Loading."),e.createElement("slot",null)),n!=="x-small"?c??(r?E[r]:null):null)});export{z as P}; diff --git a/2452/react/assets/ProgressRadial.stories-BxZhSd0e.js b/2452/react/assets/ProgressRadial.stories-BxZhSd0e.js new file mode 100644 index 00000000000..960d16af10a --- /dev/null +++ b/2452/react/assets/ProgressRadial.stories-BxZhSd0e.js @@ -0,0 +1 @@ +import{j as t}from"./index-BiF_XSVc.js";import{P as e}from"./ProgressRadial-BJPx7fqR.js";const s={title:"ProgressRadial"},a=()=>t.jsx(e,{value:50}),o=()=>t.jsx(e,{indeterminate:!0}),i=()=>t.jsx(e,{status:"positive",value:50}),u=()=>t.jsx(e,{status:"negative",value:50}),d=()=>t.jsx(e,{status:"warning",value:50}),m=()=>t.jsx(e,{value:50,children:"50"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{a as Determinate,m as DeterminateWithContent,o as Indeterminate,u as Negative,i as Positive,d as Warning,s as default}; diff --git a/2452/react/assets/Radio-DuWHn8oM.js b/2452/react/assets/Radio-DuWHn8oM.js new file mode 100644 index 00000000000..13ab46aef93 --- /dev/null +++ b/2452/react/assets/Radio-DuWHn8oM.js @@ -0,0 +1 @@ +import{r as e,e as N,B as l,c as i}from"./index-BiF_XSVc.js";const p=e.forwardRef((d,u)=>{let{className:m,disabled:r=!1,label:t,status:n,labelProps:a,wrapperProps:s,style:o,...f}=d,b=e.useRef(null),x=N(b,u),c=e.createElement(l,{as:"input",className:i("iui-checkbox","iui-radio",m),style:o,disabled:r,type:"radio",ref:x,...f});return t?e.createElement(l,{as:"label",...s,className:i("iui-checkbox-wrapper",s==null?void 0:s.className),"data-iui-status":n,"data-iui-disabled":r?"true":void 0},c,t&&e.createElement(l,{as:"span",...a,className:i("iui-radio-label",a==null?void 0:a.className)},t)):c});export{p as R}; diff --git a/2452/react/assets/Radio.stories-DKZvPcvA.js b/2452/react/assets/Radio.stories-DKZvPcvA.js new file mode 100644 index 00000000000..5a307f8209b --- /dev/null +++ b/2452/react/assets/Radio.stories-DKZvPcvA.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{R as t}from"./Radio-DuWHn8oM.js";const a={title:"Radio"},n=()=>e.jsx(t,{label:"Choose me!",defaultChecked:!0}),i=()=>e.jsx(t,{disabled:!0,label:"Cannot choose me!"}),r=()=>e.jsx(t,{status:"positive",label:"Positive!"}),d=()=>e.jsx(t,{status:"warning",label:"Careful!"}),u=()=>e.jsx(t,{status:"negative",label:"Bad idea..."});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{n as Basic,i as Disabled,u as Negative,r as Positive,d as Warning,a as default}; diff --git a/2452/react/assets/RadioTileGroup.stories-DMJBE4Yb.js b/2452/react/assets/RadioTileGroup.stories-DMJBE4Yb.js new file mode 100644 index 00000000000..c9589c7eba4 --- /dev/null +++ b/2452/react/assets/RadioTileGroup.stories-DMJBE4Yb.js @@ -0,0 +1 @@ +import{r as a,e as z,B as s,c as r,j as e}from"./index-BiF_XSVc.js";import{S as w}from"./Network-8ErFVsXx.js";import{I as B}from"./InputGroup-CQ4MapAZ.js";import"./InputGrid-Cube8CDs.js";import"./Label-BaBdAter.js";import"./Input-D1FcPXKL.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./InputWithDecorations-BD26TqGD.js";import"./InputFlexContainer-BCUPBwKB.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./MenuItem-CgPM3DgF.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";import"./Tag-CMh1PPwp.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./Text-JFgXX77W.js";import"./useContainerWidth-BN4XcDTv.js";import"./useVirtualScroll-nz8uIm5j.js";const i=a.forwardRef((l,u)=>{let{icon:o,label:n,description:t,className:x,wrapperProps:d,iconProps:m,labelProps:c,subLabelProps:p,style:h,...f}=l,j=a.useRef(null),b=z(j,u);return a.createElement(s,{as:"label","data-iui-disabled":l.disabled?"true":void 0,...d,className:r("iui-radio-tile",d==null?void 0:d.className)},a.createElement(s,{as:"input",ref:b,className:r("iui-radio-tile-input",x),style:h,type:"radio",...f}),o&&a.createElement(s,{as:"span","aria-hidden":!0,...m,className:r("iui-radio-tile-icon",m==null?void 0:m.className)},o),n&&a.createElement(s,{as:"div",...c,className:r("iui-radio-tile-label",c==null?void 0:c.className)},n),t&&a.createElement(s,{as:"div",...p,className:r("iui-radio-tile-sublabel",p==null?void 0:p.className)},t))}),v=a.forwardRef((l,u)=>{let{children:o,label:n,tileContainerProps:t,...x}=l;return a.createElement(B,{label:n,ref:u,...x},a.createElement(s,{as:"div",...t,className:r("iui-radio-tile-container",t==null?void 0:t.className)},o))}),g=l=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},a.createElement("path",{d:"M0 2.042l6-.824V7H.001M6 8v5.782L.001 12.95V8zm1-6.899L15 0v7H7m8 1v7l-8-1.111V8z"})),Q={title:"RadioTileGroup"},U=()=>e.jsxs(v,{label:"Choose type",children:[e.jsx(i,{label:"Web",description:"Dimensions in px",icon:e.jsx(w,{}),defaultChecked:!0,name:"OS",value:"Web"}),e.jsx(i,{label:"iOS",description:"Dimensions in pt",icon:e.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",children:e.jsx("path",{d:"m14.38732 12.46864a8.67507 8.67507 0 0 1 -.85133 1.54667 7.83909 7.83909 0 0 1 -1.096 1.33933 2.11842 2.11842 0 0 1 -1.40933.62733 3.50824 3.50824 0 0 1 -1.30133-.314 3.7014 3.7014 0 0 0 -1.40133-.31333 3.82728 3.82728 0 0 0 -1.44066.31333 3.84425 3.84425 0 0 1 -1.24467.33067 1.98968 1.98968 0 0 1 -1.44066-.644 8.203 8.203 0 0 1 -1.14667-1.38664 9.61729 9.61729 0 0 1 -1.21266-2.43466 8.99338 8.99338 0 0 1 -.50933-2.90134 5.34287 5.34287 0 0 1 .68865-2.772 4.05969 4.05969 0 0 1 1.44134-1.474 3.84792 3.84792 0 0 1 1.94933-.556 4.55944 4.55944 0 0 1 1.50733.35466 4.79788 4.79788 0 0 0 1.196.35534 7.06478 7.06478 0 0 0 1.326-.41866 4.34039 4.34039 0 0 1 1.802-.32334 3.8146 3.8146 0 0 1 2.99733 1.59533 3.37671 3.37671 0 0 0 -1.768 3.062 3.3911 3.3911 0 0 0 1.09733 2.54467 3.59839 3.59839 0 0 0 1.096.72733q-.132.386-.27933.74133zm-3.05466-12.14864a3.43565 3.43565 0 0 1 -.86533 2.23866 2.93869 2.93869 0 0 1 -2.45 1.22267 2.58687 2.58687 0 0 1 -.018-.30334 3.63848 3.63848 0 0 1 2.03667-3.11132 3.30968 3.30968 0 0 1 1.28-.36667 2.86658 2.86658 0 0 1 .01667.32z"})}),name:"OS",value:"iOS"}),e.jsx(i,{label:"Android",description:"Dimensions in dp/sp",icon:e.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",children:e.jsx("path",{d:"m3.28467 6.184v4.122a.97577.97577 0 1 1 -1.95134 0v-4.122a.97576.97576 0 1 1 1.95134 0zm2.58133-4.71533-.688-1.25934a.14184.14184 0 0 1 .054-.19133.13814.13814 0 0 1 .18867.05467l.696 1.27333a4.63366 4.63366 0 0 1 3.76666 0l.696-1.27333a.1368.1368 0 0 1 .18867-.05467.14184.14184 0 0 1 .054.19133l-.688 1.25934a4.03915 4.03915 0 0 1 2.218 3.546h-8.704a4.03915 4.03915 0 0 1 2.218-3.546zm3.77933 1.56266a.36337.36337 0 1 0 .36334-.36866.36621.36621 0 0 0 -.36334.36866zm-4.01733 0a.36337.36337 0 1 0 .36333-.36866.3662.3662 0 0 0 -.36333.36866zm8.06267 2.16334a.98351.98351 0 0 0 -.97534.98933v4.122a.97577.97577 0 1 0 1.95134 0v-4.122a.98365.98365 0 0 0 -.976-.98933zm-10.04267.16933v6.39733a1.05948 1.05948 0 0 0 1.052 1.06667h.69867v2.18267a.97543.97543 0 1 0 1.95066 0v-2.18267h1.30134v2.18267a.97543.97543 0 1 0 1.95066 0v-2.18267h.69867a1.05948 1.05948 0 0 0 1.052-1.06667v-6.39733z"})}),name:"OS",value:"Android"}),e.jsx(i,{label:"Windows",description:"Windows phone is no longer supported",icon:e.jsx(g,{}),disabled:!0,name:"OS",value:"Windows"})]}),X=()=>e.jsxs(v,{label:"Map indicator type",children:[e.jsx(i,{label:"Google Maps",icon:e.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"m12 0a7.98189 7.98189 0 0 0 -6.9688 11.906c.1079.192.221.381.3438.563l6.625 11.531 6.625-11.531c.102-.151.19-.311.281-.469l.063-.094a7.98217 7.98217 0 0 0 -6.969-11.906zm0 4a4 4 0 1 1 -4 4 4.00011 4.00011 0 0 1 4-4z",fill:"#e74c3c"}),e.jsx("path",{d:"m12 3a5 5 0 1 0 5 5 5 5 0 0 0 -5-5zm0 2a3 3 0 1 1 -3 3 2.99988 2.99988 0 0 1 3-3z",fill:"#c0392b"})]}),name:"map",value:"Google Maps"}),e.jsx(i,{label:"Bentley Blue",icon:e.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"m12 0a8.12188 8.12188 0 0 0 -8.18182 7.95c0 1.8 1.235 4.65 3.55066 8.85 1.698 3 4.6311 7.2 4.6311 7.2s2.93308-4.35 4.63122-7.35c2.31571-4.2 3.55066-7.05 3.55066-8.85a8.09618 8.09618 0 0 0 -8.18188-7.8z",fill:"#fff"}),e.jsx("path",{d:"m12 1.10962a7.05246 7.05246 0 0 0 -7.0722 6.84038c0 1.88313 1.8238 5.43244 3.41275 8.31426 1.06435 1.88039 2.649 4.27827 3.64493 5.75084.99723-1.518 2.60183-4.00688 3.68-5.91171 1.58292-2.87099 3.40672-6.42031 3.40672-8.30339a6.98162 6.98162 0 0 0 -7.0722-6.69038zm.002 9.79947a3.27273 3.27273 0 1 1 3.27272-3.27273 3.27268 3.27268 0 0 1 -3.27272 3.27273z",fill:"#6ab9ec"})]}),name:"map",value:"Bentley Blue",defaultChecked:!0}),e.jsx(i,{label:"Bentley Green",icon:e.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"m12 0a8.12188 8.12188 0 0 0 -8.18182 7.95c0 1.8 1.235 4.65 3.55066 8.85 1.698 3 4.6311 7.2 4.6311 7.2s2.93308-4.35 4.63122-7.35c2.31571-4.2 3.55066-7.05 3.55066-8.85a8.09618 8.09618 0 0 0 -8.18188-7.8z",fill:"#fff"}),e.jsx("path",{d:"m12 1.10962a7.05246 7.05246 0 0 0 -7.0722 6.84038c0 1.88313 1.8238 5.43244 3.41275 8.31426 1.06435 1.88039 2.649 4.27827 3.64493 5.75084.99723-1.518 2.60183-4.00688 3.68-5.91171 1.58292-2.87099 3.40672-6.42031 3.40672-8.30339a6.98162 6.98162 0 0 0 -7.0722-6.69038zm.002 9.79947a3.27273 3.27273 0 1 1 3.27272-3.27273 3.27268 3.27268 0 0 1 -3.27272 3.27273z",fill:"#b1c854"})]}),name:"map",value:"Bentley Green"}),e.jsx(i,{label:"Bentley Purple",icon:e.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"m12 0a8.12188 8.12188 0 0 0 -8.18182 7.95c0 1.8 1.235 4.65 3.55066 8.85 1.698 3 4.6311 7.2 4.6311 7.2s2.93308-4.35 4.63122-7.35c2.31571-4.2 3.55066-7.05 3.55066-8.85a8.09618 8.09618 0 0 0 -8.18188-7.8z",fill:"#fff"}),e.jsx("path",{d:"m12 1.10962a7.05246 7.05246 0 0 0 -7.0722 6.84038c0 1.88313 1.8238 5.43244 3.41275 8.31426 1.06435 1.88039 2.649 4.27827 3.64493 5.75084.99723-1.518 2.60183-4.00688 3.68-5.91171 1.58292-2.87099 3.40672-6.42031 3.40672-8.30339a6.98162 6.98162 0 0 0 -7.0722-6.69038zm.002 9.79947a3.27273 3.27273 0 1 1 3.27272-3.27273 3.27268 3.27268 0 0 1 -3.27272 3.27273z",fill:"#A3779F"})]}),disabled:!0,name:"map",value:"Bentley Purple"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{X as Colored,U as Monochrome,Q as default}; diff --git a/2452/react/assets/SearchBox-CT2pIpXM.js b/2452/react/assets/SearchBox-CT2pIpXM.js new file mode 100644 index 00000000000..b0c2c823d67 --- /dev/null +++ b/2452/react/assets/SearchBox-CT2pIpXM.js @@ -0,0 +1 @@ +import{r as e,o as H,l as L,c as x,u,m as B,e as I,S as O,B as T}from"./index-BiF_XSVc.js";import{a as A,b as G,I as J}from"./InputFlexContainer-BCUPBwKB.js";const m=t=>e.createElement(H,t,e.createElement("path",{d:"m11 9.7c.7-1 1.1-2.2 1.1-3.5.1-3.5-2.7-6.2-6-6.2-3.4 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1c1.3 0 2.5-.4 3.5-1.1l4.9 4.9 1.4-1.4zm-5 .5c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1 4.1 1.8 4.1 4.1-1.8 4.1-4.1 4.1"}));let i=e.createContext(void 0),K=e.forwardRef((t,n)=>{let{size:a,expandable:l=!1,isDisabled:s=!1,onCollapse:r,onExpand:o,isExpanded:c,children:d,inputProps:w,className:D,...F}=t,N=L(),[P,y]=e.useState(N),S=e.useRef(null),h=e.useRef(null),[M,C]=e.useState(c),b=c??M,q=()=>{C(!1),r==null||r(),queueMicrotask(()=>{var p;return(p=h.current)==null?void 0:p.focus({preventScroll:!0})})},j=()=>{C(!0),o==null||o(),queueMicrotask(()=>{var p;return(p=S.current)==null?void 0:p.focus({preventScroll:!0})})};return e.createElement(i.Provider,{value:{size:a,isDisabled:s,onCollapse:q,onExpand:j,inputRef:S,inputId:P,setInputId:y,openButtonRef:h,isExpanded:b,expandable:l}},e.createElement(A,{ref:n,className:x("iui-searchbox",{"iui-expandable-searchbox":l},D),size:a,isDisabled:s,"data-iui-expanded":b,...F},d??e.createElement(e.Fragment,null,e.createElement(R,null,e.createElement(E,null)),e.createElement(z,null,e.createElement(g,null),e.createElement(k,w),l?e.createElement(v,null):null))))}),R=({children:t})=>{let{isExpanded:n,expandable:a}=u(i);return!a||n?null:e.createElement(e.Fragment,null,t??e.createElement(E,null))},z=({children:t})=>{let{isExpanded:n,expandable:a}=u(i);return a&&!n?null:e.createElement(e.Fragment,null,t)},g=e.forwardRef((t,n)=>{let{className:a,children:l,...s}=t;return e.createElement(J,{"aria-hidden":!0,className:x("iui-search-icon",a),ref:n,...s},l??e.createElement(m,null))}),k=e.forwardRef((t,n)=>{let{className:a,id:l,...s}=t,{inputId:r,setInputId:o,isDisabled:c,inputRef:d}=u(i);return e.useEffect(()=>{l&&l!==r&&o(l)},[l,r,o]),e.createElement(T,{as:"input",id:l??r,ref:I(n,d),role:"searchbox",type:"text",className:x("iui-search-input",a),disabled:c,...s})}),f=e.forwardRef((t,n)=>{let{children:a,...l}=t,{size:s,isDisabled:r}=u(i);return e.createElement(G,{size:s,ref:n,disabled:r,...l},a??e.createElement(m,null))}),v=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onCollapse:r,size:o,isDisabled:c}=u(i);return e.createElement(f,{ref:n,"aria-label":"Close searchbox",size:o,disabled:c,onClick:B(l,r),...s},a??e.createElement(O,null))}),E=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onExpand:r,size:o,isDisabled:c,openButtonRef:d}=u(i);return e.createElement(f,{ref:I(n,d),"aria-label":"Expand searchbox",size:o,disabled:c,onClick:B(l,r),styleType:"default",...s},a??e.createElement(m,null))});const V=Object.assign(K,{Icon:g,Input:k,Button:f,CollapseButton:v,ExpandButton:E,ExpandedState:z,CollapsedState:R});export{V as S}; diff --git a/2452/react/assets/SearchBox.stories-DqLN-Rpw.js b/2452/react/assets/SearchBox.stories-DqLN-Rpw.js new file mode 100644 index 00000000000..6af0b50cdfc --- /dev/null +++ b/2452/react/assets/SearchBox.stories-DqLN-Rpw.js @@ -0,0 +1 @@ +import{r as s,j as e}from"./index-BiF_XSVc.js";import{S as t}from"./SearchBox-CT2pIpXM.js";import{T as d}from"./Text-JFgXX77W.js";import{D as r}from"./Divider-CUQ1C7OA.js";import"./InputFlexContainer-BCUPBwKB.js";import"./Icon-DaWu1iQD.js";const n=a=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},s.createElement("path",{d:"M4.807 6h6.395a.28.28 0 01.24.443L8.27 9.9a.34.34 0 01-.481 0L4.566 6.443A.27.27 0 014.806 6z"})),l=a=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},s.createElement("path",{d:"M4.807 9.997h6.395a.28.28 0 00.24-.443L8.27 6.097a.34.34 0 00-.48 0h-.001L4.566 9.554a.27.27 0 00.24.443z"})),B={title:"SearchBox"},E=()=>e.jsx(t,{inputProps:{placeholder:"Basic search"}}),b=()=>e.jsxs(t,{children:[e.jsx(t.Button,{label:"Search button"}),e.jsx(t.Input,{placeholder:"Basic search with custom interactions"}),e.jsx(d,{isMuted:!0,variant:"body",as:"p",style:{paddingRight:"var(--iui-size-s)",alignSelf:"center"},children:"0/3"}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})})]}),S=()=>e.jsx(t,{inputProps:{placeholder:"Search with warning"},status:"warning"}),v=()=>e.jsx(t,{expandable:!0,inputProps:{placeholder:"Expandable search"}}),w=()=>e.jsxs(t,{expandable:!0,children:[e.jsx(t.CollapsedState,{children:e.jsx(t.ExpandButton,{styleType:"borderless"})}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Icon,{}),e.jsx(t.Input,{placeholder:"Expandable search with borderless ExpandButton"}),e.jsx(t.CollapseButton,{})]})]}),C=()=>e.jsxs(t,{expandable:!0,children:[e.jsx(t.CollapsedState,{}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Input,{placeholder:"Expandable search with custom interactions"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.CollapseButton,{})]})]}),g=()=>e.jsx(t,{size:"small",inputProps:{placeholder:"Search..."}}),f=()=>{const[a,o]=s.useState(!1),i=()=>{console.log("Expanding searchbox"),o(!0)},c=()=>{console.log("Collapsing searchbox"),o(!1)};return e.jsxs(t,{expandable:!0,isExpanded:a,onExpand:i,onCollapse:c,children:[e.jsx(t.CollapsedState,{children:e.jsx(t.ExpandButton,{})}),e.jsxs(t.ExpandedState,{children:[e.jsx(t.Input,{placeholder:"Test"}),e.jsx(t.CollapseButton,{}),e.jsx(r,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(l,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{E as Basic,b as BasicWithCustomItems,S as BasicWithStatus,w as BorderlessExpandButton,v as Expandable,C as ExpandableWithCustomItems,g as Small,f as WithCustomAction,B as default}; diff --git a/2452/react/assets/Select-C5sRZq7A.js b/2452/react/assets/Select-C5sRZq7A.js new file mode 100644 index 00000000000..91aaa4e9e0f --- /dev/null +++ b/2452/react/assets/Select-C5sRZq7A.js @@ -0,0 +1 @@ +import{p as ie,r as e,g as K,V as ce,c as k,O as L,m as W,l as oe,n as de,y as me,e as $,B as T,G as fe,N as be,Q as Ee}from"./index-BiF_XSVc.js";import{M as ge}from"./MenuItem-CgPM3DgF.js";import{T as ve}from"./Tag-CMh1PPwp.js";import{I as he}from"./Icon-DaWu1iQD.js";import{L as Se}from"./List-9GtQ4mx3.js";import{S as ye}from"./SvgCheckmark-BUStwd7A.js";import{S as Ce}from"./SvgCaretDownSmall-Bqg-enXi.js";const P=ie.div("iui-input-with-icon"),pe=({text:t=""})=>{let[n,a]=e.useState(t);return e.useEffect(()=>{var s;a(t);let r=(s=K())==null?void 0:s.setTimeout(()=>a(""),5e3);return()=>{var c;return void((c=K())==null?void 0:c.clearTimeout(r))}},[t]),e.createElement(ce,{as:"div","aria-live":"polite","aria-atomic":"true"},n)},j=e.forwardRef((t,n)=>{let{className:a,label:r,...s}=t;return e.createElement(ve,{className:k("iui-select-tag",a),labelProps:{className:"iui-select-tag-label"},removeButtonProps:{className:"iui-select-tag-button"},ref:n,...s},r)}),xe=e.forwardRef((t,n)=>{let{tags:a,className:r,...s}=t,c=e.useMemo(()=>e.Children.toArray(a),[a]);return e.createElement(L,{itemsCount:c.length,className:k("iui-select-tag-container",r),ref:n,...s},e.createElement(Ne,{...t,tags:c}))});let Ne=t=>{let{tags:n}=t,{visibleCount:a}=L.useContext();return e.createElement(e.Fragment,null,a{let{native:a,...r}=t,s=a?we:ke;return e.createElement(s,{...r,ref:n})});let we=e.forwardRef((t,n)=>{let{triggerProps:a,options:r,disabled:s,placeholder:c,defaultValue:p=c!==void 0?"":void 0,value:m,onChange:v,size:h,status:x,styleType:o,required:E,...f}=t;return e.createElement(P,{...f,ref:n},e.createElement(G,{as:"select",size:h,status:x,styleType:o,disabled:s,defaultValue:m===void 0?p:void 0,value:m===null?"":m,required:E,...a,onKeyDown:W(a==null?void 0:a.onKeyDown,i=>{var I,V;i.key==="Enter"&&((V=(I=i.currentTarget).showPicker)==null||V.call(I))}),onChange:W(a==null?void 0:a.onChange,i=>{v==null||v(i.currentTarget.value,i)})},o!=="borderless"&&c!==void 0?e.createElement("option",{value:"",disabled:!0},c):null,r.map(i=>e.createElement("option",{key:i.value,...i},i.label))),e.createElement(Q,{disabled:s}))}),ke=e.forwardRef((t,n)=>{let a=oe(),{options:r,value:s,onChange:c,placeholder:p,disabled:m=!1,size:v,itemRenderer:h,selectedItemRenderer:x,menuClassName:o,menuStyle:E,multiple:f=!1,triggerProps:i,status:I,popoverProps:{portal:V=!0,...d}={},styleType:U,...J}=t,[O,z]=e.useState(!1),[X,Y]=e.useState(""),[Z,A]=e.useState(),u=s!==void 0?s:Z,g=de(c),q=e.useRef(null),_=e.useCallback(()=>{var l;m||(z(!0),(l=d==null?void 0:d.onVisibleChange)==null||l.call(d,!0))},[m,d]),M=e.useCallback(()=>{var l,b;z(!1),(l=q.current)==null||l.focus({preventScroll:!0}),(b=d==null?void 0:d.onVisibleChange)==null||b.call(d,!1)},[d]),ee=e.useMemo(()=>r.map((l,b)=>{let y=F(u,f)?(u==null?void 0:u.includes(l.value))??!1:u===l.value,D=h?h(l,{close:()=>z(!1),isSelected:y}):e.createElement(ge,null,l.label),{label:le,icon:ne,startIcon:re,...se}=l,ue=re??ne;return e.cloneElement(D,{key:`${le}-${b}`,isSelected:y,startIcon:ue,endIcon:y?e.createElement(ye,{"aria-hidden":!0}):null,onClick:()=>{var w,H;if(!l.disabled&&(Re(g.current,f)?(A(l.value),(w=g.current)==null||w.call(g,l.value),M()):(A(C=>y?C==null?void 0:C.filter(B=>l.value!==B):[...C??[],l.value]),(H=g.current)==null||H.call(g,l.value,y?"removed":"added")),F(u,f))){let C=u||[],B=y?C.filter(R=>l.value!==R):[...C,l.value];Y(r.filter(R=>B.includes(R.value)).map(R=>R.label).filter(Boolean).join(", "))}},ref:w=>{y&&!f&&(w==null||w.scrollIntoView({block:"nearest"}))},role:"option",...se,...D.props})}),[M,h,f,g,r,u]),S=e.useMemo(()=>{if(u!=null)return F(u,f)?r.filter(l=>u.some(b=>b===l.value)):r.find(l=>l.value===u)},[f,r,u]),te=e.useMemo(()=>{let l=0;return Array.isArray(u)&&u.length>0?l=r.findIndex(b=>b.value===u[0]):u&&(l=r.findIndex(b=>b.value===u)),l>=0?l:0},[r,u]),ae=e.useCallback(l=>e.createElement(j,{key:l.label,label:l.label}),[]),N=me({visible:O,matchWidth:!0,closeOnOutsideClick:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"}},...d,onVisibleChange:l=>l?_():M()});return e.createElement(e.Fragment,null,e.createElement(P,{...J,ref:$(N.refs.setPositionReference,n)},e.createElement(G,{...N.getReferenceProps(),tabIndex:0,role:"combobox",size:v,status:I,"aria-disabled":m?"true":void 0,"data-iui-disabled":m?"true":void 0,"aria-autocomplete":"none","aria-expanded":O,"aria-haspopup":"listbox","aria-controls":`${a}-menu`,styleType:U,...i,ref:$(q,i==null?void 0:i.ref,N.refs.setReference),className:k({"iui-placeholder":(!S||S.length===0)&&!!p},i==null?void 0:i.className)},(!S||S.length===0)&&e.createElement(T,{as:"span",className:"iui-content"},p),F(S,f)?e.createElement(Ie,{selectedItems:S,selectedItemsRenderer:x,tagRenderer:ae}):e.createElement(Te,{selectedItem:S,selectedItemRenderer:x})),e.createElement(Q,{disabled:m,isOpen:O}),f?e.createElement(pe,{text:X}):null),N.open&&e.createElement(fe,{portal:V},e.createElement(Ve,{defaultFocusedIndex:te,className:o,id:`${a}-menu`,key:`${a}-menu`,...N.getFloatingProps({style:E,onKeyDown:({key:l})=>{l==="Tab"&&M()}}),ref:N.refs.setFloating},ee)))}),F=(t,n)=>n,Re=(t,n)=>!n,G=e.forwardRef((t,n)=>{let{size:a,status:r,styleType:s="default",...c}=t;return e.createElement(T,{"data-iui-size":a,"data-iui-status":r,"data-iui-variant":s!=="default"?s:void 0,...c,ref:n,className:k("iui-select-button","iui-field",t.className)})}),Q=e.forwardRef((t,n)=>{let{disabled:a,isOpen:r,...s}=t;return e.createElement(he,{"aria-hidden":!0,...s,ref:n,className:k("iui-end-icon",{"iui-disabled":a,"iui-open":r},t.className)},e.createElement(Ce,null))}),Te=({selectedItem:t,selectedItemRenderer:n})=>{let a=(t==null?void 0:t.startIcon)??(t==null?void 0:t.icon);return e.createElement(e.Fragment,null,t&&n&&n(t),t&&!n&&e.createElement(e.Fragment,null,a&&e.createElement(T,{as:"span",className:"iui-icon","aria-hidden":!0},a),e.createElement(T,{as:"span",className:"iui-content"},t.label)))},Ie=({selectedItems:t,selectedItemsRenderer:n,tagRenderer:a})=>{let r=e.useMemo(()=>t?t.map(s=>a(s)):[],[t,a]);return e.createElement(e.Fragment,null,t&&n&&n(t),t&&!n&&e.createElement(T,{as:"span",className:"iui-content"},e.createElement(xe,{tags:r})))},Ve=e.forwardRef((t,n)=>{let{defaultFocusedIndex:a=0,autoFocus:r=!0,children:s,className:c,...p}=t,[m,v]=e.useState(a),h=e.useCallback(o=>{queueMicrotask(()=>{let E=o==null?void 0:o.querySelector('[tabindex="0"]');E==null||E.focus()})},[]),x=e.useMemo(()=>e.Children.map(s,(o,E)=>e.isValidElement(o)?e.createElement(be,{key:E,render:o,ref:o.props.ref||o.ref}):o),[s]);return e.createElement(Ee,{render:e.createElement(Se,{as:"div",className:k("iui-menu",c)}),orientation:"vertical",role:"listbox",activeIndex:m,onNavigate:v,ref:$(n,r?h:void 0),...p},x)});export{pe as A,P as I,Ae as S,xe as a,j as b}; diff --git a/2452/react/assets/Select.stories-U_1fgZgO.js b/2452/react/assets/Select.stories-U_1fgZgO.js new file mode 100644 index 00000000000..214fd59a387 --- /dev/null +++ b/2452/react/assets/Select.stories-U_1fgZgO.js @@ -0,0 +1 @@ +import{r,O as c,K as b,V as v,j as n}from"./index-BiF_XSVc.js";import{S as p}from"./SmileyHappy-dIqQ2eFY.js";import{S as x}from"./SmileySad-JWeeJEYw.js";import{S as o}from"./Select-C5sRZq7A.js";import{M as m}from"./MenuItem-CgPM3DgF.js";import"./Tag-CMh1PPwp.js";import"./LinkAction-UeJMbSnl.js";import"./Icon-DaWu1iQD.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";let i="…";const d=r.forwardRef((e,a)=>{let{text:t,endCharsCount:l,textRenderer:s,style:u,...h}=e;return r.createElement(c,{as:"span",style:{display:"flex",minWidth:0,flexGrow:1,whiteSpace:"nowrap",...u},itemsCount:t.length,...h,ref:a},r.createElement(b,null,r.createElement(v,null,t),r.createElement("slot",{"aria-hidden":!0,style:{pointerEvents:"none"}})),r.createElement(S,{text:t,endCharsCount:l,textRenderer:s}))});let S=e=>{let{text:a,endCharsCount:t=6,textRenderer:l}=e,{visibleCount:s}=c.useContext(),u=r.useMemo(()=>sr.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},r.createElement("path",{d:"M8 0a8 8 0 108 8 7.998 7.998 0 00-8-8zM5 5a1.147 1.147 0 011 1.25A1.147 1.147 0 015 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 015 5zm6.5 6h-7a.5.5 0 010-1h7a.5.5 0 010 1zM11 7.5a1.147 1.147 0 01-1-1.25A1.147 1.147 0 0111 5a1.147 1.147 0 011 1.25 1.147 1.147 0 01-1 1.25z"})),A={title:"Select",decorators:[(e,a)=>a.globalState.story.includes("truncate-middle-text")?n.jsx("div",{style:{minHeight:365,width:300},children:n.jsx(e,{})}):n.jsx("div",{style:{minHeight:365},children:n.jsx(e,{})})]},B=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return n.jsx(o,{options:e,placeholder:"Placeholder text"})},F=()=>{const e=[{value:"happy",label:"Happy",startIcon:n.jsx(p,{})},{value:"neutral",label:"Neutral",startIcon:n.jsx(g,{})},{value:"sad",label:"Sad",startIcon:n.jsx(x,{})}],[a,t]=r.useState(void 0);return n.jsx(o,{options:e,value:a,onChange:t,placeholder:"How are you today?"})},_=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=r.useState(2);return n.jsx(o,{options:e,value:a,onChange:t,placeholder:"Placeholder text",popoverProps:{visible:!0}})},W=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=r.useState(void 0);return n.jsx("div",{style:{minHeight:350},children:n.jsx(o,{disabled:!0,options:e,value:a,onChange:t,placeholder:"Placeholder text"})})},N=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[a,t]=r.useState(2);return n.jsx("div",{style:{minHeight:350},children:n.jsx(o,{options:e,value:a,onChange:t,placeholder:"Placeholder text",disabled:!0})})},L=()=>{const[e,a]=r.useState(void 0);return n.jsx(o,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:a,placeholder:"Placeholder text"})},$=()=>{const e=[{value:1,label:"Item #1",sublabel:"Sublabel #1"},{value:2,label:"Item #2",sublabel:"Sublabel #2"},{value:3,label:"Item #3",sublabel:"Sublabel #3"}],[a,t]=r.useState(void 0);return n.jsx(o,{options:e,value:a,onChange:t,placeholder:"Placeholder text",size:"large"})},z=()=>{const e=[{value:"yellow",label:"Yellow"},{value:"green",label:"Green"},{value:"red",label:"Red"}],[a,t]=r.useState(void 0);return n.jsx(o,{options:e,value:a,onChange:l=>t(l),placeholder:"Placeholder text",itemRenderer:l=>n.jsx(m,{style:{color:l.value},children:l.label}),selectedItemRenderer:l=>n.jsx("span",{style:{backgroundColor:l.value},children:l.label})})},O=()=>{const e=[{value:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html",label:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html"},{value:"ShortNameFile.jpg",label:"ShortNameFile.jpg"},{value:"SomeOtherFile.dgn",label:"SomeOtherFile.dgn"}],[a,t]=r.useState(e[0].value);return n.jsx(o,{options:e,value:a,onChange:t,placeholder:"Placeholder text",itemRenderer:l=>n.jsx(m,{children:n.jsx(d,{text:l.label})}),selectedItemRenderer:l=>n.jsx(d,{text:l.label})})},D=()=>{const[e,a]=r.useState([]);return n.jsx("div",{style:{minHeight:350},children:n.jsx(o,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:(t,l)=>a(s=>l==="removed"?s.filter(u=>t!==u):[...s,t]),placeholder:"Placeholder text",multiple:!0})})},G=()=>{const[e,a]=r.useState([]);return n.jsx("div",{style:{minHeight:350},children:n.jsx(o,{options:[...Array(20).fill(null)].map((t,l)=>({label:`Item #${l}`,value:l})),value:e,onChange:(t,l)=>a(s=>l==="removed"?s.filter(u=>t!==u):[...s??[],t]),placeholder:"Placeholder text",multiple:!0,selectedItemRenderer:t=>n.jsx(n.Fragment,{children:t.map(l=>l.label).join(", ")})})})},k=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"},{value:"4",label:"Item #4"}];return n.jsx(o,{native:!0,options:e,placeholder:"Choose an option"})},K=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return n.jsx(o,{native:!0,styleType:"borderless",defaultValue:"1",options:e})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{B as Basic,K as Borderless,z as Custom,W as Disabled,N as DisabledWithSelectedValue,L as ManyItems,D as Multi,G as MultiCustomRenderer,k as Native,$ as Sublabels,O as TruncateMiddleText,F as WithIcons,_ as WithSelectedValue,A as default}; diff --git a/2452/react/assets/Settings-XjWAjfr3.js b/2452/react/assets/Settings-XjWAjfr3.js new file mode 100644 index 00000000000..2216bc5deef --- /dev/null +++ b/2452/react/assets/Settings-XjWAjfr3.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M16 9.423V6.567l-2.204-.444a6.054 6.054 0 00-.376-.903l1.243-1.87-2.02-2.02-1.866 1.24a6.047 6.047 0 00-.913-.382L9.423 0H6.567l-.441 2.188a6.05 6.05 0 00-.918.384L3.349 1.337l-2.02 2.02L2.57 5.22a6.053 6.053 0 00-.381.915L0 6.577v2.856l2.2.444a6.059 6.059 0 00.38.904l-1.243 1.87 2.02 2.02 1.88-1.25a6.049 6.049 0 00.895.372L6.577 16h2.856l.447-2.216a6.052 6.052 0 00.889-.372l1.882 1.25 2.02-2.019-1.252-1.882a6.049 6.049 0 00.373-.893zm-8.005 1.614a3.048 3.048 0 113.048-3.048 3.048 3.048 0 01-3.048 3.048z"}));export{a as S}; diff --git a/2452/react/assets/SideNavigation.stories-CHSnMfVb.js b/2452/react/assets/SideNavigation.stories-CHSnMfVb.js new file mode 100644 index 00000000000..4887e5d5675 --- /dev/null +++ b/2452/react/assets/SideNavigation.stories-CHSnMfVb.js @@ -0,0 +1 @@ +import{r as t,t as D,I as w,B as c,c as v,L as T,M as k,T as M,j as e,R as j}from"./index-BiF_XSVc.js";import{S as O}from"./Placeholder-BLpsNn0N.js";import{S}from"./Settings-XjWAjfr3.js";import{S as F}from"./SvgChevronRight-B29fjzPj.js";import{B as L}from"./Button-DJoTb4xb.js";import{T as E}from"./Text-JFgXX77W.js";import{A as V}from"./Anchor-9gwhe0n0.js";import"./ProgressRadial-BJPx7fqR.js";const A=t.createContext(void 0),I=t.forwardRef((a,i)=>{let{items:l,secondaryItems:n,expanderPlacement:s="top",className:m,isExpanded:p,onExpanderClick:o,submenu:x,isSubmenuOpen:d=!1,wrapperProps:r,contentProps:u,topProps:g,bottomProps:f,...R}=a,[b,N]=D(!1,p),y=t.createElement(w,{label:"Toggle icon labels","aria-expanded":b,className:"iui-sidenav-button iui-expand",size:"small",onClick:t.useCallback(()=>{N(z=>!z),o==null||o()},[o,N])},t.createElement(F,null));return t.createElement(A.Provider,{value:b},t.createElement(c,{...r,className:v("iui-side-navigation-wrapper",r==null?void 0:r.className),ref:i},t.createElement(T,{delay:k},t.createElement(c,{as:"div",className:v("iui-side-navigation",{"iui-expanded":b,"iui-collapsed":!b},m),...R},s==="top"&&y,t.createElement(c,{as:"div",...u,className:v("iui-sidenav-content",u==null?void 0:u.className)},t.createElement(c,{as:"div",...g,className:v("iui-top",g==null?void 0:g.className)},l),t.createElement(c,{as:"div",...f,className:v("iui-bottom",f==null?void 0:f.className)},n)),s==="bottom"&&y)),x&&d?x:null))}),h=t.forwardRef((a,i)=>{let{className:l,children:n,isActive:s=!1,disabled:m=!1,isSubmenuOpen:p=!1,...o}=a,x=t.useContext(A)===!0,d=t.createElement(L,{className:v("iui-sidenav-button",{"iui-submenu-open":p},l),"data-iui-active":s,size:"large",disabled:m,ref:i,...o},n);return x?d:t.createElement(M,{content:n,placement:"right",ariaStrategy:"none"},d)}),_=t.forwardRef((a,i)=>{let{children:l,className:n,...s}=a;return t.createElement(c,{className:v("iui-side-navigation-submenu",n),ref:i,...s},t.createElement(c,{className:"iui-side-navigation-submenu-content"},l))}),G=t.forwardRef((a,i)=>{let{children:l,actions:n,className:s,...m}=a;return t.createElement(c,{className:v("iui-side-navigation-submenu-header",s),ref:i,...m},t.createElement(c,{className:"iui-side-navigation-submenu-header-label"},l),n&&t.createElement(c,{className:"iui-side-navigation-submenu-header-actions"},n))}),C=a=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},t.createElement("path",{d:"M5.472 15.978a.616.616 0 01-.756-.466L1.521 2.845a.66.66 0 01.437-.803.615.615 0 01.755.465l3.194 12.667a.662.662 0 01-.435.804zm7.159-8.09a6.694 6.694 0 01-1.834.183c-.602-.009-1.197-.05-1.8-.057a6.743 6.743 0 00-1.831.184 3.595 3.595 0 00-1.871 1.156l-.592-2.345-.516-2.043c-.175-.699-.365-1.446-.59-2.344a3.6 3.6 0 011.87-1.157 6.645 6.645 0 011.834-.18c.601.006 1.196.047 1.798.053a6.608 6.608 0 001.833-.181A3.606 3.606 0 0012.803 0l.592 2.343c.175.699.34 1.347.516 2.044l.589 2.346a3.616 3.616 0 01-1.87 1.156z",fillRule:"evenodd"})),B=a=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},t.createElement("path",{d:"M3.07 7h12.19a.7.7 0 01.68 1l-1.66 5a1.53 1.53 0 01-1.35 1H.74a.7.7 0 01-.68-1l1.66-5a1.53 1.53 0 011.35-1z"}),t.createElement("path",{d:"M.77 7.68A2.54 2.54 0 013.07 6H14V5a1 1 0 00-1-1H6V3a1 1 0 00-1-1H1a1 1 0 00-1 1v7z"})),H=a=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},t.createElement("path",{d:"M2 14.6s0 .4.3.4H7v-4h2v4h4.5c.5 0 .5-.4.5-.4V8.5L8 4 2 8.5zm12-9.3V2h-2v1.8L8 1 0 6.7 1 8l7-5 7 5 1-1.3z"})),X={decorators:[a=>e.jsx("div",{style:{height:"calc(100vh - 24px)"},children:e.jsx(a,{})})],title:"SideNavigation"},Y=()=>e.jsx(I,{items:[e.jsx(h,{startIcon:e.jsx(H,{}),children:"Home"},0),e.jsx(h,{startIcon:e.jsx(C,{}),children:"Issues"},1),e.jsx(h,{startIcon:e.jsx(B,{}),disabled:!0,children:"Documents"},2)],secondaryItems:[e.jsx(h,{startIcon:e.jsx(S,{}),children:"Settings"},3)]}),Z=()=>{const[a,i]=j.useState(0),l=[...Array(3).fill(null)].map((n,s)=>e.jsx(h,{startIcon:e.jsx(O,{}),isActive:a===s,onClick:()=>i(s),children:`App ${s}`},s));return e.jsx(I,{items:l,secondaryItems:[e.jsx(h,{startIcon:e.jsx(S,{}),children:"Settings"},3)]})},ee=()=>{var x;const a=[{label:"Home",icon:e.jsx(H,{})},{label:"Issues",icon:e.jsx(C,{})},{label:"Documents",icon:e.jsx(B,{})},{label:"Settings",icon:e.jsx(S,{})}],[i,l]=j.useState(2),[n,s]=j.useState(!0),[m,p]=j.useState(0),o=a.map(({label:d,icon:r},u)=>e.jsx(h,{startIcon:r,isActive:i===u,isSubmenuOpen:d==="Documents"&&n,onClick:()=>{d!=="Documents"?(l(u),p(-1),s(!1)):s(g=>!g)},children:d},u));return e.jsxs("div",{style:{display:"flex",height:"100%"},children:[e.jsx(I,{expanderPlacement:"bottom",items:o.slice(0,3),secondaryItems:[o[3]],isSubmenuOpen:n,submenu:e.jsxs(_,{children:[e.jsx(G,{actions:e.jsx(w,{styleType:"borderless","aria-label":"Settings",children:e.jsx(S,{})}),children:e.jsx("span",{children:"Documents"})}),e.jsx(E,{variant:"leading",children:"All documents"}),e.jsx("ul",{children:[...Array(10).fill(null)].map((d,r)=>e.jsx("li",{children:e.jsxs(V,{onClick:()=>{l(2),p(r)},children:["Folder ",r]})},r))})]})}),e.jsxs("div",{style:{background:"var(--iui-color-background-disabled)",padding:16,flexGrow:1,display:"grid",placeContent:"center",placeItems:"center"},children:[e.jsxs(E,{children:[(x=a[i])==null?void 0:x.label," page"]}),e.jsx(E,{isMuted:!0,children:m>=0&&`Contents of Folder ${m}`})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Z as ActiveItem,Y as Basic,ee as Submenu,X as default}; diff --git a/2452/react/assets/SkipToContentLink.stories-HEUQwpKr.js b/2452/react/assets/SkipToContentLink.stories-HEUQwpKr.js new file mode 100644 index 00000000000..acd6d166b7c --- /dev/null +++ b/2452/react/assets/SkipToContentLink.stories-HEUQwpKr.js @@ -0,0 +1 @@ +import{r as i,B as h,c as p,j as e}from"./index-BiF_XSVc.js";import{T as t}from"./Text-JFgXX77W.js";import{K as n}from"./Kbd-DWEemHEf.js";import{A as o}from"./Anchor-9gwhe0n0.js";const s=i.forwardRef((r,c)=>{let{children:a="Skip to main content",className:d,...l}=r;return i.createElement(h,{as:"a",ref:c,className:p("iui-skip-to-content-link",d),...l},a)}),u={title:"SkipToContentLink"},j=()=>e.jsxs(e.Fragment,{children:[e.jsx(s,{href:"#main-content"}),e.jsxs(t,{as:"p",children:["This is not the main content. Press ",e.jsx(n,{children:"tab"})," to see skip-to-content-link component. You might need to click on the top of the page or the URL first. Press ",e.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",e.jsx(o,{href:"#",children:"This link will be skipped."})," ",e.jsx("br",{})]}),e.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:e.jsxs(t,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",e.jsx(o,{href:"#",children:"Tab again to focus on this link."})," "]})})]}),b=()=>e.jsxs(e.Fragment,{children:[e.jsx(s,{href:"#main-content",children:"Skip to main content (translated)"}),e.jsxs(t,{as:"p",children:["This is not the main content. Press ",e.jsx(n,{children:"tab"})," to see skip-to-content-link component. You might need to click on the top of the page or the URL first. Press ",e.jsx(n,{children:"↵"})," after focusing on skip-to-content-link to skip to the main content below. ",e.jsx(o,{href:"#",children:"This link will be skipped."})," ",e.jsx("br",{})]}),e.jsx("div",{style:{border:"solid 1px var(--iui-color-background-border)",height:1e3,padding:12},id:"main-content",children:e.jsxs(t,{as:"p",children:["This is the main content. Focus will be directed here from the skip-to-content-link component. ",e.jsx(o,{href:"#",children:"Tab again to focus on this link."})," "]})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{j as Basic,b as CustomText,u as default}; diff --git a/2452/react/assets/Slider-D2u2dpme.js b/2452/react/assets/Slider-D2u2dpme.js new file mode 100644 index 00000000000..17cf3fcd315 --- /dev/null +++ b/2452/react/assets/Slider-D2u2dpme.js @@ -0,0 +1 @@ +import{r as t,B as T,c as y,T as ce,e as me,L as de,M as fe,k as O}from"./index-BiF_XSVc.js";import{u as H}from"./useEventListener-BWDd9VON.js";function ge(n,r){return r==="odd-segments"&&(n+1)%2===0||r==="even-segments"&&n%2===0}function J(n,r,e){let l=[],i=[...n];if(i.sort((m,p)=>m-p),i.length===0||i[0]e||r===e)return[];let s=r;for(let m=0;m{let{className:r,trackDisplayMode:e,sliderMin:l,sliderMax:i,values:s,orientation:m}=n,[p,w]=t.useState(()=>J(s,l,i));return t.useEffect(()=>{w(J(s,l,i))},[s,l,i]),t.createElement(t.Fragment,null,e!=="none"&&p.map((V,h)=>{let S=V.left>=l&&i!==l?100*(V.left-l)/(i-l):0,M=V.right>=l&&i!==l?100-100*(V.right-l)/(i-l):100;return t.createElement(t.Fragment,{key:h},ge(h,e)?t.createElement(T,{className:y("iui-slider-track",r),style:{...m==="horizontal"?{insetInlineStart:`${S}%`,insetInlineEnd:`${M}%`}:{insetBlockStart:`${M}%`,insetBlockEnd:`${S}%`}}}):null)}))},be=n=>{let{value:r,index:e,minVal:l,maxVal:i,step:s,sliderMin:m,sliderMax:p,isActive:w,onThumbActivated:V,onThumbValueChanged:h,tooltipProps:S,thumbProps:M,disabled:o}=n,g=t.useRef(null),P=t.useCallback((b,E)=>{if(!(o||b.altKey)){switch(b.key){case"ArrowLeft":case"ArrowDown":h(e,Math.max(r-s,l),E);break;case"ArrowRight":case"ArrowUp":h(e,Math.min(r+s,i),E);break;case"Home":h(e,l,E);break;case"End":h(e,i,E);break;default:return}b.preventDefault()}},[o,h,e,r,s,l,i]),R=t.useCallback(()=>{o||V(e)},[o,e,V]),A=t.useMemo(()=>rp?p:r,[p,m,r]),C=t.useMemo(()=>p===m?0:100*(A-m)/(p-m),[A,p,m]),{style:L,className:$,...v}=M||{};return t.createElement(ce,{placement:"top",autoUpdateOptions:{animationFrame:!0},ariaStrategy:"none",...S},t.createElement(T,{...v,ref:me(g,M==null?void 0:M.ref),style:{...L,"--iui-slider-thumb-position":`${C}%`},className:y("iui-slider-thumb",{"iui-active":w},$),role:"slider",tabIndex:o?void 0:0,"aria-valuemin":l,"aria-valuenow":r,"aria-valuemax":i,"aria-disabled":o,onPointerDown:R,onKeyDown:b=>P(b,!1),onKeyUp:b=>P(b,!0)}))};let Q=(n,r,e,l)=>{if(l==="horizontal")return(O(r,n.left,n.right)-n.left)/n.width;let i=O(e,n.top,n.bottom);return(n.bottom-i)/n.height},he=(n,r)=>{if(n.length===1)return 0;let e=n.map(i=>Math.abs(i-r)),l=Math.min(...e);return e.indexOf(l)},U=(n,r)=>n!=="auto"?n:r.length%2?"even-segments":"odd-segments",W=(n,r,e)=>Math.round((n-e)/r)*r+e,Ve=(n,r,e)=>Number.isInteger(r)?n.toFixed(0):n.toFixed(e),Ee=(n,r)=>{var l;let e=n.ownerDocument;if(!n.contains(e.activeElement)||Number((l=e.activeElement)==null?void 0:l.getAttribute("data-index"))!==r){let i=n.querySelector(`[data-index="${r}"]`);i&&i.focus()}};const we=t.forwardRef((n,r)=>{var q,G;let{min:e=0,max:l=100,values:i,step:s=1,tooltipProps:m,disabled:p=!1,tickLabels:w,minLabel:V,maxLabel:h,trackDisplayMode:S="auto",thumbMode:M="inhibit-crossing",onChange:o,onUpdate:g,thumbProps:P,className:R,trackContainerProps:A,minProps:C,maxProps:L,trackProps:$,tickProps:v,ticksProps:b,orientation:E="horizontal",...Z}=n,[c,F]=t.useState(i);t.useEffect(()=>{F(i)},[i]);let[z,_]=t.useState(()=>V??e.toString());t.useEffect(()=>{_(V??e.toString())},[V,e]);let[X,ee]=t.useState(()=>h??l.toString());t.useEffect(()=>{ee(h??l.toString())},[h,l]);let[te,le]=t.useState(()=>U(S,c));t.useEffect(()=>{le(U(S,c))},[S,c]);let x=t.useRef(null),Y=t.useMemo(()=>{let a=s.toString(),u=a.indexOf(".");return a.length-(u+1)},[s]),B=t.useCallback(a=>{if(M==="inhibit-crossing"){let u=a===0?e:c[a-1]+s,d=a{if(x.current&&k!==void 0){let d=Q(x.current.getBoundingClientRect(),a.clientX,a.clientY,E),f=e+(l-e)*d;f=W(f,s,e);let[N,K]=B(k);if(f=O(f,N,K),f!==c[k]){let D=[...c];D[k]=f,F(D),u==="onChange"?o==null||o(D):g==null||g(D)}else u==="onChange"&&(o==null||o(c))}},[k,e,l,s,B,c,g,o,E]),ae=t.useCallback(a=>{k!==void 0&&(a.preventDefault(),a.stopPropagation(),I(a,"onUpdate"))},[k,I]),ne=t.useCallback((a,u,d)=>{if(!(c[a]===u&&!d))if(d)o==null||o(c);else{let f=[...c];f[a]=u,g==null||g(f),F(f)}},[c,g,o]),re=t.useCallback(a=>{j(a)},[]),ie=t.useCallback(a=>{k!==void 0&&(I(a,"onChange"),j(void 0),a.preventDefault(),a.stopPropagation())},[k,I]),se=t.useCallback(a=>{if(x.current){let u=Q(x.current.getBoundingClientRect(),a.clientX,a.clientY,E),d=e+(l-e)*u;d=W(d,s,e);let f=he(c,d),[N,K]=B(f);if(d=O(d,N,K),d===c[f])return;let D=[...c];D[f]=d,F(D),o==null||o(D),g==null||g(D),Ee(x.current,f),a.preventDefault(),a.stopPropagation()}},[e,l,s,c,B,o,g,E]);H("pointermove",ae,(q=x.current)==null?void 0:q.ownerDocument),H("pointerup",ie,(G=x.current)==null?void 0:G.ownerDocument);let ue=t.useMemo(()=>w?Array.isArray(w)?t.createElement(T,{as:"div",...b,className:y("iui-slider-ticks",b==null?void 0:b.className)},w.map((a,u)=>t.createElement(T,{as:"span",...v,key:u,className:y("iui-slider-tick",v==null?void 0:v.className)},a))):w:null,[w,v,b]),oe=t.useCallback((a,u)=>{let d=m?m(a,u,s):{};return{...d,content:d.content?d.content:Ve(u,s,Y)}},[Y,s,m]);return t.createElement(T,{ref:r,className:y("iui-slider-container",R),"data-iui-orientation":E,"data-iui-disabled":p?"true":void 0,...Z},z&&t.createElement(T,{as:"span",...C,className:y("iui-slider-min",C==null?void 0:C.className)},z),t.createElement(de,{delay:fe},t.createElement(T,{ref:x,...A,className:y("iui-slider",{"iui-grabbing":k!==void 0},A==null?void 0:A.className),onPointerDown:se},c.map((a,u)=>{let[d,f]=B(u),N=P==null?void 0:P(u);return t.createElement(be,{key:(N==null?void 0:N.id)??u,index:u,disabled:p,isActive:k===u,onThumbActivated:re,onThumbValueChanged:ne,minVal:d,maxVal:f,value:a,tooltipProps:oe(u,a),thumbProps:N,step:s,sliderMin:e,sliderMax:l})}),t.createElement(pe,{trackDisplayMode:te,sliderMin:e,sliderMax:l,values:c,orientation:E,...$}))),ue,X&&t.createElement(T,{as:"span",...L,className:y("iui-slider-max",L==null?void 0:L.className)},X))});export{we as S}; diff --git a/2452/react/assets/Slider.stories-B2rY-hU8.js b/2452/react/assets/Slider.stories-B2rY-hU8.js new file mode 100644 index 00000000000..443e5751986 --- /dev/null +++ b/2452/react/assets/Slider.stories-B2rY-hU8.js @@ -0,0 +1 @@ +import{j as t,R as o}from"./index-BiF_XSVc.js";import{S as u}from"./SmileyHappy-dIqQ2eFY.js";import{S as d}from"./SmileySad-JWeeJEYw.js";import{S as s}from"./Slider-D2u2dpme.js";import{T as p}from"./Text-JFgXX77W.js";import"./useEventListener-BWDd9VON.js";const w={title:"Slider",decorators:[(e,n)=>t.jsx("div",{style:{...n.globalState.story.includes("vertical")?{height:"calc(100vh - 24px)",width:"fit-content",display:"grid"}:{}},children:t.jsx(e,{})})]},f=()=>t.jsx(s,{values:[50]}),C=()=>t.jsx(s,{values:[20,80],min:0,max:100}),S=()=>t.jsx(s,{thumbProps:e=>{const n=["building-south","building-north","building-west","building-east"];return{style:{backgroundColor:e%2==0?"blue":"red"},id:`${n[e]}`}},values:[20,40,60,80],trackDisplayMode:"even-segments",thumbMode:"allow-crossing"}),D=()=>t.jsx(s,{thumbProps:()=>({style:{display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"#999",width:"36px",height:"26px",borderRadius:"4px",transform:"translateX(-19.2px)"},children:t.jsx("span",{style:{pointerEvents:"none",marginBottom:"4px"},children:"|||"})}),values:[50],minLabel:t.jsx(d,{}),maxLabel:t.jsx(u,{}),trackContainerProps:{style:{margin:"0 8px"}}}),T=()=>t.jsx(s,{min:0,max:60,values:[30],disabled:!0}),k=()=>t.jsx(s,{min:0,max:60,values:[20],tickLabels:["0","20","40","60"],tooltipProps:(e,n)=>({placement:"right",content:`$${n}.00`})}),x=()=>{const e=o.useMemo(()=>new Intl.DateTimeFormat("default",{month:"short",day:"2-digit",timeZone:"UTC"}),[]),[n,r]=o.useState(new Date(Date.UTC(2019,0,1))),[l,m]=o.useState([0]),a=o.useCallback(i=>{m([...i]);const c=new Date(Date.UTC(2019,0,i[0]));r(c)},[]);return t.jsxs(t.Fragment,{children:[t.jsx(s,{min:1,max:365,values:l,tooltipProps:()=>({visible:!1}),minLabel:"Date",maxLabel:"",orientation:"horizontal",onUpdate:a,onChange:a,tickProps:{className:"some-tick"}}),t.jsx(p,{as:"p",style:{textAlign:"center"},children:e.format(n)})]})};x.decorators=[e=>t.jsx("div",{style:{width:"50%"},children:t.jsx(e,{})})];const P=()=>t.jsx(s,{min:0,max:50,step:2.5,values:[25]}),L=()=>t.jsx(s,{values:[50],orientation:"vertical"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{f as Basic,x as CustomTickNoTooltip,k as CustomTooltip,P as DecimalIncrement,T as Disabled,S as MultiThumbsAllowCrossing,C as Range,L as Vertical,D as WithCustomThumb,w as default}; diff --git a/2452/react/assets/SmileyHappy-dIqQ2eFY.js b/2452/react/assets/SmileyHappy-dIqQ2eFY.js new file mode 100644 index 00000000000..35cb78b756f --- /dev/null +++ b/2452/react/assets/SmileyHappy-dIqQ2eFY.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M8 12.5a5.19 5.19 0 01-3.872-1.666.5.5 0 11.744-.668A4.191 4.191 0 008 11.5a4.191 4.191 0 003.128-1.334.5.5 0 11.744.668A5.19 5.19 0 018 12.5zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));export{a as S}; diff --git a/2452/react/assets/SmileySad-JWeeJEYw.js b/2452/react/assets/SmileySad-JWeeJEYw.js new file mode 100644 index 00000000000..98182ca35f9 --- /dev/null +++ b/2452/react/assets/SmileySad-JWeeJEYw.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const t=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M11.5 12.5a.498.498 0 01-.372-.166A4.188 4.188 0 008 11a4.188 4.188 0 00-3.128 1.334.5.5 0 11-.748-.664l.004-.004A5.19 5.19 0 018 10a5.19 5.19 0 013.872 1.666.5.5 0 01-.372.834zM11 5a1.146 1.146 0 011 1.25 1.146 1.146 0 01-1 1.25 1.146 1.146 0 01-1-1.25A1.146 1.146 0 0111 5zM5 5a1.146 1.146 0 011 1.25A1.146 1.146 0 015 7.5a1.146 1.146 0 01-1-1.25A1.146 1.146 0 015 5zm3-5a8 8 0 108 8 8 8 0 00-8-8z"}));export{t as S}; diff --git a/2452/react/assets/SplitButton.stories-DoyxaMau.js b/2452/react/assets/SplitButton.stories-DoyxaMau.js new file mode 100644 index 00000000000..01ac3263ebe --- /dev/null +++ b/2452/react/assets/SplitButton.stories-DoyxaMau.js @@ -0,0 +1 @@ +import{r as t,l as P,I as M,B as T,c as D,m as N,j as o}from"./index-BiF_XSVc.js";import{B as R}from"./Button-DJoTb4xb.js";import{a as z,M as m}from"./MenuItem-CgPM3DgF.js";import{S as H}from"./SvgCaretUpSmall-Jehs4qRe.js";import{S as K}from"./SvgCaretDownSmall-Bqg-enXi.js";import"./ProgressRadial-BJPx7fqR.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";import"./LinkAction-UeJMbSnl.js";const V=t.forwardRef((e,a)=>{var f;let{onClick:l,menuItems:n,className:b,menuPlacement:y="bottom-end",styleType:c="default",size:d,children:I,wrapperProps:i,menuButtonProps:x,dropdownMenuProps:g,portal:C=!0,...E}=e,{middleware:S,...s}=g||{},[u,r]=t.useState(!1),h=t.useMemo(()=>typeof n=="function"?n(()=>r(!1)):n,[n]),w={visible:u,onVisibleChange:r,placement:y,matchWidth:!0,middleware:S},p=P(),B=t.createElement(M,{styleType:c,size:d,disabled:e.disabled,"aria-labelledby":((f=e.labelProps)==null?void 0:f.id)||p,...x},u?t.createElement(H,null):t.createElement(K,null)),[k,j]=t.useState(null);return t.createElement(T,{as:"div",...i,ref:j,className:D("iui-button-split",{"iui-disabled":e.disabled},i==null?void 0:i.className)},t.createElement(R,{className:b,styleType:c,size:d,onClick:l,ref:a,...E,labelProps:{id:p,...e.labelProps}},I),t.createElement(z,{popoverProps:w,trigger:B,portal:C,positionReference:k,...s,onKeyDown:N(s==null?void 0:s.onKeyDown,({key:v})=>{v==="Tab"&&r(!1)})},h))}),L={title:"SplitButton",decorators:[e=>o.jsx("div",{style:{minHeight:150},children:o.jsx(e,{})})]},O=()=>{const e=(l,n)=>()=>{console.log(`Item #${l} clicked!`),n()},a=l=>[o.jsx(m,{onClick:e(1,l),children:"Item #1"},1),o.jsx(m,{onClick:e(2,l),children:"Item #2"},2),o.jsx(m,{onClick:e(3,l),children:"Item #3"},3)];return o.jsx(V,{onClick:()=>console.log("Primary button clicked!"),menuItems:a,styleType:"default",children:"Default"})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{O as Basic,L as default}; diff --git a/2452/react/assets/Star-CfmG88yT.js b/2452/react/assets/Star-CfmG88yT.js new file mode 100644 index 00000000000..42cbdd90e09 --- /dev/null +++ b/2452/react/assets/Star-CfmG88yT.js @@ -0,0 +1 @@ +import{r}from"./index-BiF_XSVc.js";const a=e=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},r.createElement("path",{d:"M10.7 5L8.6.6a.642.642 0 00-1.2 0L5.3 5l-4.8.7c-.6.1-.6.7-.2 1.1l3.4 3.3-.9 4.8c-.1.7.5.8.9.6L8 13.3l4.3 2.2a.581.581 0 00.9-.6l-.8-4.8 3.5-3.4a.669.669 0 00-.4-1z"}));export{a as S}; diff --git a/2452/react/assets/StatusWarning-vacJUxoU.js b/2452/react/assets/StatusWarning-vacJUxoU.js new file mode 100644 index 00000000000..e2b45b814dc --- /dev/null +++ b/2452/react/assets/StatusWarning-vacJUxoU.js @@ -0,0 +1 @@ +import{r as e}from"./index-BiF_XSVc.js";const a=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M9 12H7v-2h2v2zm0-3H7V4h2v5zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0z"})),o=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M8 0a8 8 0 108 8 8 8 0 00-8-8zM6.65 12L3 8.59l1.4-1.3 2.36 2.2L11.59 5 13 6.29z"})),i=r=>e.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...r},e.createElement("path",{d:"M15.868 13.267l-6.77-11.62a1.15 1.15 0 00-1.1-.67 1.17 1.17 0 00-1.1.69l-6.77 11.59a1.2 1.2 0 001.1 1.72h13.45a1.19 1.19 0 001.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z"}));export{a as S,o as a,i as b}; diff --git a/2452/react/assets/Stepper.stories-C6cjv-M-.js b/2452/react/assets/Stepper.stories-C6cjv-M-.js new file mode 100644 index 00000000000..d99fe183676 --- /dev/null +++ b/2452/react/assets/Stepper.stories-C6cjv-M-.js @@ -0,0 +1 @@ +import{r as n,B as c,c as f,T as v,L as z,M as F,j as m}from"./index-BiF_XSVc.js";const T=n.forwardRef((e,t)=>{let{title:x,index:s,currentStepNumber:l,totalSteps:w,type:g,onClick:p,description:u,className:k,style:N,stepProps:a,trackContentProps:r,circleProps:S,nameProps:i,stepContent:d,...o}=e,b=l>s,E=l===s,C=b&&!!p,h=()=>{C&&(p==null||p(s))},D=L=>{L.altKey||C&&(L.key==="Enter"||L.key==="Space"||L.key===" ")&&h()},$=n.createElement(c,{as:"li",...a,className:f("iui-stepper-step",{"iui-current":E,"iui-clickable":C},k,a==null?void 0:a.className),style:{inlineSize:g==="default"?`${100/w}%`:void 0,...N,...a==null?void 0:a.style},onClick:h,onKeyDown:D,"aria-current":E?"step":void 0,tabIndex:C?0:void 0,ref:t,...o},n.createElement(c,{as:"div",...r,className:f("iui-stepper-track-content",r==null?void 0:r.className)},n.createElement(c,{as:"span",...S,className:f("iui-stepper-circle",S==null?void 0:S.className)},d?d():s+1)),g==="default"&&n.createElement(c,{as:"span",...i,className:f("iui-stepper-step-name",i==null?void 0:i.className)},x));return u?n.createElement(v,{content:u},$):$});let B={stepsCountLabel:(e,t)=>`Step ${e} of ${t}:`};const y=n.forwardRef((e,t)=>{let{currentStep:x,steps:s,type:l="default",localization:w=B,onStepClick:g,stepProps:p,trackContentProps:u,circleProps:k,nameProps:N,labelProps:a,labelCountProps:r,...S}=e,i=Math.min(Math.max(0,x??0),s.length-1);return n.createElement(c,{className:"iui-stepper",ref:t,...S},n.createElement(z,{delay:F},n.createElement("ol",null,s.map((d,o)=>{let b=p==null?void 0:p(o),E=u==null?void 0:u(o),C=k==null?void 0:k(o),h=N==null?void 0:N(o);return n.createElement(T,{stepProps:b,trackContentProps:E,circleProps:C,nameProps:h,key:o,index:o,title:l==="long"?"":d.name,currentStepNumber:i,totalSteps:s.length,type:l,onClick:g,description:d.description,stepContent:d.stepContent})}))),l==="long"&&n.createElement(c,{as:"div",...a,className:f("iui-stepper-steps-label",a==null?void 0:a.className)},n.createElement(c,{as:"span",...r,className:f("iui-stepper-steps-label-count",r==null?void 0:r.className)},w.stepsCountLabel(i+1,s.length)),s[i].name))}),j=e=>n.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},n.createElement("path",{d:"M6 13.4L1.3 8.7l1.4-1.4L6 10.6l7.3-7.3 1.4 1.4z"})),K={title:"Stepper"},R=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(y,{currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:e})},A=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(y,{currentStep:2,steps:[{name:"First Step",stepContent:()=>m.jsx(j,{})},{name:"Second Step",stepContent:()=>m.jsx(j,{})},{name:"Third Step"},{name:"Last Step"}],onStepClick:e})},I=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(y,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:e})},G=()=>{const t={stepsCountLabel:(s,l)=>`Localized step ${s} of ${l}:`},x=s=>{console.log(`Clicked index: ${s}`)};return m.jsx(y,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],localization:t,onStepClick:x})},W=()=>{const e=t=>{console.log(`Clicked index: ${t}`)};return m.jsx(y,{currentStep:2,steps:[{name:"First Step",description:"First Step Description"},{name:"Completed Step",description:"Completed Step Description"},{name:"Current Step",description:"Current Step Description"},{name:"Next Step",description:"Next Step Description"},{name:"Last Step",description:"Last Step Description"}],onStepClick:e})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{R as Basic,A as CustomIcon,G as LocalizedLong,I as Long,W as WithTooltips,K as default}; diff --git a/2452/react/assets/Surface-M_FyDJMb.js b/2452/react/assets/Surface-M_FyDJMb.js new file mode 100644 index 00000000000..34dfcf200eb --- /dev/null +++ b/2452/react/assets/Surface-M_FyDJMb.js @@ -0,0 +1 @@ +import{r as a,B as c,c as f,u as o}from"./index-BiF_XSVc.js";import{s as d}from"./supports-DV2LxME-.js";let w=e=>{switch(e){case 0:return"none";case 1:return"var(--iui-shadow-1)";case 2:return"var(--iui-shadow-2)";case 3:return"var(--iui-shadow-3)";case 4:return"var(--iui-shadow-4)";case 5:return"var(--iui-shadow-5)";default:return}},p=e=>{if(typeof e=="string")return e;if(e===!1)return"none"},E=a.forwardRef((e,t)=>{let{children:s,className:u,...i}=e,{setHasLayout:r}=o(n);return a.useEffect(()=>{d()||r(!0)},[r]),a.createElement(c,{className:f("iui-surface-header",u),ref:t,...i},s)}),S=a.forwardRef((e,t)=>{let{children:s,className:u,isPadded:i=!1,...r}=e,{setHasLayout:l}=o(n);return a.useEffect(()=>{d()||l(!0)},[l]),a.createElement(c,{className:f("iui-surface-body",u),ref:t,"data-iui-padded":i?"true":void 0,...r},s)});const N=Object.assign(a.forwardRef((e,t)=>{let{elevation:s,border:u=!0,className:i,style:r,children:l,...m}=e,[y,h]=a.useState(!1),v={"--iui-surface-elevation":w(s),"--iui-surface-border":p(u),...r};return a.createElement(c,{className:f("iui-surface",i),style:v,ref:t,"data-iui-layout":y?"true":void 0,...m},a.createElement(n.Provider,{value:{setHasLayout:h}},l))}),{Header:E,Body:S});let n=a.createContext(void 0);export{N as S}; diff --git a/2452/react/assets/Surface.stories-DYK_tQzC.js b/2452/react/assets/Surface.stories-DYK_tQzC.js new file mode 100644 index 00000000000..9b1b15ccb36 --- /dev/null +++ b/2452/react/assets/Surface.stories-DYK_tQzC.js @@ -0,0 +1 @@ +import{r as s,j as e,I as d}from"./index-BiF_XSVc.js";import{S as u}from"./Settings-XjWAjfr3.js";import{S as t}from"./Surface-M_FyDJMb.js";import{T as o}from"./Text-JFgXX77W.js";import{C as c}from"./Code-DlPhvT1d.js";import{F as a}from"./Flex-CseMmOEw.js";import{D as r}from"./Divider-CUQ1C7OA.js";import{B as m}from"./Button-DJoTb4xb.js";import{A as n}from"./Anchor-9gwhe0n0.js";import"./supports-DV2LxME-.js";import"./ProgressRadial-BJPx7fqR.js";const p=i=>s.createElement("svg",{viewBox:"0 0 32 32",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...i},s.createElement("path",{d:"M31 16H20.7l-2.2 5L14.2.8 9.5 16H1.4c-.6 0-1.1.4-1.3.9-.3 1.2.3 2.1 1.3 2.1h10.1l2.2-7.2 4 18.5L22.5 19h8.1c1 0 1.6-.9 1.3-2.1-.2-.5-.7-.9-1.3-.9"})),E={title:"Surface"},B=()=>{const i={height:"100px",display:"flex",justifyContent:"center",alignItems:"center",padding:"12px"};return e.jsx(t,{elevation:1,style:i,children:e.jsxs(o,{children:["The Surface container allows content to appear elevated through the use of a drop shadow. Change the ",e.jsx(c,{children:"elevation"})," property of the component to adjust the shadow level."]})})},D=()=>e.jsxs(t,{elevation:1,children:[e.jsx(t.Header,{children:e.jsxs(a,{justifyContent:"space-between",style:{flexGrow:"1"},children:[e.jsx(o,{variant:"subheading",as:"h2",children:"Custom surface"}),e.jsx(d,{styleType:"borderless","aria-label":"Settings",children:e.jsx(u,{})})]})}),e.jsx(t.Body,{isPadded:!0,children:e.jsx(o,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})})]}),C=()=>{const i={maxHeight:"300px"};return e.jsxs(t,{elevation:1,style:i,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with overflow & button footer"})}),e.jsx(t.Body,{isPadded:!0,children:e.jsx(o,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}),e.jsx(r,{}),e.jsx(m,{styleType:"borderless",children:"View All"})]})},H=()=>{const i={padding:"var(--iui-size-s)",position:"relative"},l={maxHeight:"300px"};return e.jsxs(t,{elevation:1,style:l,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with overflow & no body padding"})}),e.jsx(t.Body,{isPadded:!1,children:e.jsx(a,{flexDirection:"column",style:{flex:"1"},children:e.jsxs("ul",{style:{width:"100%",listStyle:"none",margin:"0",padding:"0"},children:[e.jsx("li",{style:i,children:e.jsx(n,{children:"Daily log"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Inspections"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Issues"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Observations"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"RFIs"})}),e.jsx(r,{}),e.jsx("li",{style:i,children:e.jsx(n,{children:"Weather delay notices"})})]})})})]})},I=()=>{const i={height:"300px"};return e.jsxs(t,{elevation:1,style:i,children:[e.jsx(t.Header,{children:e.jsx(o,{variant:"subheading",as:"h2",children:"Surface with empty state"})}),e.jsx(t.Body,{style:{display:"flex"},isPadded:!0,children:e.jsxs(a,{justifyContent:"center",alignItems:"center",flexDirection:"column",style:{flexGrow:"1",textAlign:"center"},children:[e.jsx(p,{}),e.jsx(o,{variant:"body",isMuted:!0,children:"No new activity"})]})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{B as Basic,D as Custom,I as EmptyState,H as NoPadding,C as OverflowWithButtonFooter,E as default}; diff --git a/2452/react/assets/SvgCaretDownSmall-Bqg-enXi.js b/2452/react/assets/SvgCaretDownSmall-Bqg-enXi.js new file mode 100644 index 00000000000..15898aebe10 --- /dev/null +++ b/2452/react/assets/SvgCaretDownSmall-Bqg-enXi.js @@ -0,0 +1 @@ +import{r as a,o as t}from"./index-BiF_XSVc.js";const o=e=>a.createElement(t,e,a.createElement("path",{d:"M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z"}));export{o as S}; diff --git a/2452/react/assets/SvgCaretUpSmall-Jehs4qRe.js b/2452/react/assets/SvgCaretUpSmall-Jehs4qRe.js new file mode 100644 index 00000000000..5815cb71dfd --- /dev/null +++ b/2452/react/assets/SvgCaretUpSmall-Jehs4qRe.js @@ -0,0 +1 @@ +import{r as a,o as t}from"./index-BiF_XSVc.js";const o=e=>a.createElement(t,e,a.createElement("path",{d:"M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z"}));export{o as S}; diff --git a/2452/react/assets/SvgCheckmark-BUStwd7A.js b/2452/react/assets/SvgCheckmark-BUStwd7A.js new file mode 100644 index 00000000000..4c86ef7a43a --- /dev/null +++ b/2452/react/assets/SvgCheckmark-BUStwd7A.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-BiF_XSVc.js";const l=t=>e.createElement(r,t,e.createElement("path",{d:"M6,14L0,8l2-2l4,4l8-8l2,2L6,14z"}));export{l as S}; diff --git a/2452/react/assets/SvgChevronLeft-DK676GzB.js b/2452/react/assets/SvgChevronLeft-DK676GzB.js new file mode 100644 index 00000000000..54c14251c51 --- /dev/null +++ b/2452/react/assets/SvgChevronLeft-DK676GzB.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-BiF_XSVc.js";const o=t=>e.createElement(r,t,e.createElement("path",{d:"m11.3 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z"}));export{o as S}; diff --git a/2452/react/assets/SvgChevronRight-B29fjzPj.js b/2452/react/assets/SvgChevronRight-B29fjzPj.js new file mode 100644 index 00000000000..df44e31f046 --- /dev/null +++ b/2452/react/assets/SvgChevronRight-B29fjzPj.js @@ -0,0 +1 @@ +import{r as e,o as r}from"./index-BiF_XSVc.js";const o=t=>e.createElement(r,t,e.createElement("path",{d:"m4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z"}));export{o as S}; diff --git a/2452/react/assets/Table-KMjhtGOb.js b/2452/react/assets/Table-KMjhtGOb.js new file mode 100644 index 00000000000..741aba07b9a --- /dev/null +++ b/2452/react/assets/Table-KMjhtGOb.js @@ -0,0 +1,8 @@ +import{r as m,B as de,K as Dt,o as Vt,q as yl,I as mn,c as Ce,e as pn,Y as rr,Z as lr,P as bl,n as jn,i as wl,d as _n}from"./index-BiF_XSVc.js";import{P as $n}from"./ProgressRadial-BJPx7fqR.js";import{S as ir}from"./SvgChevronRight-B29fjzPj.js";import{C as Xn}from"./Checkbox-CSBhyz7i.js";import{u as Sl}from"./useVirtualScroll-nz8uIm5j.js";import{u as Cl}from"./useIntersection-W6S9tRXv.js";const or=m.forwardRef((l,i)=>{let{lines:u,children:s,...g}=l;return m.createElement(de,{ref:i,...g,style:{"--_iui-line-clamp":u,...l.style}},m.createElement(Dt,{css:El},m.createElement("slot",null)),s)});let El=` + :host { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: var(--_iui-line-clamp, 3); + -webkit-box-orient: vertical; + } +`;const xl=l=>m.createElement(Vt,l,m.createElement("path",{d:"m9 16v-12.7l3.8 3.7 1.2-1.2-6-5.8-1.2 1.2-4.8 4.6 1.2 1.2 3.8-3.7v12.7z"})),Il=l=>m.createElement(Vt,l,m.createElement("path",{d:"m7 0v12.7l-3.8-3.7-1.2 1.2 6 5.8 1.2-1.2 4.8-4.6-1.2-1.2-3.8 3.7v-12.7z"})),kl=l=>m.createElement(Vt,l,m.createElement("path",{d:"m0 0v2l6 5v9l4-3v-6l6-5v-2z"})),zl=l=>m.createElement(Vt,l,m.createElement("path",{d:"M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z"}));var dn={exports:{}},wt={exports:{}},Bl=wt.exports,qn;function Pl(){return qn||(qn=1,function(l,i){(function(u,s){s(i,yl())})(Bl,function(u,s){function g(e,t,n,r,a,o,d){try{var p=e[o](d),h=p.value}catch(v){return void n(v)}p.done?t(h):Promise.resolve(h).then(r,a)}function R(e){return function(){var t=this,n=arguments;return new Promise(function(r,a){var o=e.apply(t,n);function d(h){g(o,r,a,d,p,"next",h)}function p(h){g(o,r,a,d,p,"throw",h)}d(void 0)})}}function c(){return(c=Object.assign||function(e){for(var t=1;t=0||(a[n]=e[n]);return a}function W(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var a=n[Symbol.toPrimitive];if(a!==void 0){var o=a.call(n,r);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(e,"string");return typeof t=="symbol"?t:String(t)}s=s&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s;var f={init:"init"},B=function(e){var t=e.value;return t===void 0?"":t},P=function(){return s.createElement(s.Fragment,null," ")},H={Cell:B,width:150,minWidth:0,maxWidth:Number.MAX_SAFE_INTEGER};function T(){for(var e=arguments.length,t=new Array(e),n=0;n(o=typeof o=="number"?o:1/0)){var d=a;a=o,o=d}return e.filter(function(p){return t.some(function(h){var v=p.values[h];return v>=a&&v<=o})})};ze.autoRemove=function(e){return!e||typeof e[0]!="number"&&typeof e[1]!="number"};var We=Object.freeze({__proto__:null,text:$e,exactText:Xe,exactTextCase:pt,includes:ht,includesAll:It,includesSome:rt,includesValue:Rt,exact:lt,equals:kt,between:ze});f.resetFilters="resetFilters",f.setFilter="setFilter",f.setAllFilters="setAllFilters";var it=function(e){e.stateReducers.push(qe),e.useInstance.push(zt)};function qe(e,t,n,r){if(t.type===f.init)return c({filters:[]},e);if(t.type===f.resetFilters)return c({},e,{filters:r.initialState.filters||[]});if(t.type===f.setFilter){var a=t.columnId,o=t.filterValue,d=r.allColumns,p=r.filterTypes,h=d.find(function(k){return k.id===a});if(!h)throw new Error("React-Table: Could not find a column with id: "+a);var v=Ae(h.filter,p||{},We),x=e.filters.find(function(k){return k.id===a}),w=ue(o,x&&x.value);return at(v.autoRemove,w,h)?c({},e,{filters:e.filters.filter(function(k){return k.id!==a})}):c({},e,x?{filters:e.filters.map(function(k){return k.id===a?{id:a,value:w}:k})}:{filters:[].concat(e.filters,[{id:a,value:w}])})}if(t.type===f.setAllFilters){var S=t.filters,y=r.allColumns,C=r.filterTypes;return c({},e,{filters:ue(S,e.filters).filter(function(k){var z=y.find(function(N){return N.id===k.id});return!at(Ae(z.filter,C||{},We).autoRemove,k.value,z)})})}}function zt(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,o=e.allColumns,d=e.filterTypes,p=e.manualFilters,h=e.defaultCanFilter,v=h!==void 0&&h,x=e.disableFilters,w=e.state.filters,S=e.dispatch,y=e.autoResetFilters,C=y===void 0||y,k=s.useCallback(function(F,j){S({type:f.setFilter,columnId:F,filterValue:j})},[S]),z=s.useCallback(function(F){S({type:f.setAllFilters,filters:F})},[S]);o.forEach(function(F){var j=F.id,U=F.accessor,O=F.defaultCanFilter,D=F.disableFilters;F.canFilter=U?we(D!==!0&&void 0,x!==!0&&void 0,!0):we(O,v,!1),F.setFilter=function(_){return k(F.id,_)};var ne=w.find(function(_){return _.id===j});F.filterValue=ne&&ne.value});var N=s.useMemo(function(){if(p||!w.length)return[n,r,a];var F=[],j={};return[function U(O,D){D===void 0&&(D=0);var ne=O;return(ne=w.reduce(function(_,ee){var Q=ee.id,oe=ee.value,L=o.find(function(ge){return ge.id===Q});if(!L)return _;D===0&&(L.preFilteredRows=_);var Z=Ae(L.filter,d||{},We);return Z?(L.filteredRows=Z(_,[Q],oe),L.filteredRows):(console.warn("Could not find a valid 'column.filter' for column with the ID: "+L.id+"."),_)},O)).forEach(function(_){F.push(_),j[_.id]=_,_.subRows&&(_.subRows=_.subRows&&_.subRows.length>0?U(_.subRows,D+1):_.subRows)}),ne}(n),F,j]},[p,w,n,r,a,o,d]),q=N[0],A=N[1],I=N[2];s.useMemo(function(){o.filter(function(F){return!w.find(function(j){return j.id===F.id})}).forEach(function(F){F.preFilteredRows=q,F.filteredRows=q})},[q,w,o]);var $=Y(C);se(function(){$()&&S({type:f.resetFilters})},[S,p?null:t]),Object.assign(e,{preFilteredRows:n,preFilteredFlatRows:r,preFilteredRowsById:a,filteredRows:q,filteredFlatRows:A,filteredRowsById:I,rows:q,flatRows:A,rowsById:I,setFilter:k,setAllFilters:z})}it.pluginName="useFilters",f.resetGlobalFilter="resetGlobalFilter",f.setGlobalFilter="setGlobalFilter";var Bt=function(e){e.stateReducers.push(Qt),e.useInstance.push(Ke)};function Qt(e,t,n,r){if(t.type===f.resetGlobalFilter)return c({},e,{globalFilter:r.initialState.globalFilter||void 0});if(t.type===f.setGlobalFilter){var a=t.filterValue,o=r.userFilterTypes,d=Ae(r.globalFilter,o||{},We),p=ue(a,e.globalFilter);return at(d.autoRemove,p)?(e.globalFilter,b(e,["globalFilter"])):c({},e,{globalFilter:p})}}function Ke(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,o=e.allColumns,d=e.filterTypes,p=e.globalFilter,h=e.manualGlobalFilter,v=e.state.globalFilter,x=e.dispatch,w=e.autoResetGlobalFilter,S=w===void 0||w,y=e.disableGlobalFilter,C=s.useCallback(function(I){x({type:f.setGlobalFilter,filterValue:I})},[x]),k=s.useMemo(function(){if(h||v===void 0)return[n,r,a];var I=[],$={},F=Ae(p,d||{},We);if(!F)return console.warn("Could not find a valid 'globalFilter' option."),n;o.forEach(function(U){var O=U.disableGlobalFilter;U.canFilter=we(O!==!0&&void 0,y!==!0&&void 0,!0)});var j=o.filter(function(U){return U.canFilter===!0});return[function U(O){return(O=F(O,j.map(function(D){return D.id}),v)).forEach(function(D){I.push(D),$[D.id]=D,D.subRows=D.subRows&&D.subRows.length?U(D.subRows):D.subRows}),O}(n),I,$]},[h,v,p,d,o,n,r,a,y]),z=k[0],N=k[1],q=k[2],A=Y(S);se(function(){A()&&x({type:f.resetGlobalFilter})},[x,h?null:t]),Object.assign(e,{preGlobalFilteredRows:n,preGlobalFilteredFlatRows:r,preGlobalFilteredRowsById:a,globalFilteredRows:z,globalFilteredFlatRows:N,globalFilteredRowsById:q,rows:z,flatRows:N,rowsById:q,setGlobalFilter:C,disableGlobalFilter:y})}function Pt(e,t){return t.reduce(function(n,r){return n+(typeof r=="number"?r:0)},0)}Bt.pluginName="useGlobalFilter";var vt=Object.freeze({__proto__:null,sum:Pt,min:function(e){var t=e[0]||0;return e.forEach(function(n){typeof n=="number"&&(t=Math.min(t,n))}),t},max:function(e){var t=e[0]||0;return e.forEach(function(n){typeof n=="number"&&(t=Math.max(t,n))}),t},minMax:function(e){var t=e[0]||0,n=e[0]||0;return e.forEach(function(r){typeof r=="number"&&(t=Math.min(t,r),n=Math.max(n,r))}),t+".."+n},average:function(e){return Pt(0,e)/e.length},median:function(e){if(!e.length)return null;var t=Math.floor(e.length/2),n=[].concat(e).sort(function(r,a){return r-a});return e.length%2!=0?n[t]:(n[t-1]+n[t])/2},unique:function(e){return Array.from(new Set(e).values())},uniqueCount:function(e){return new Set(e).size},count:function(e){return e.length}}),Ft=[],E={};f.resetGroupBy="resetGroupBy",f.setGroupBy="setGroupBy",f.toggleGroupBy="toggleGroupBy";var V=function(e){e.getGroupByToggleProps=[ae],e.stateReducers.push(le),e.visibleColumnsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.groupBy])}),e.visibleColumns.push(Te),e.useInstance.push(Cr),e.prepareRow.push(Er)};V.pluginName="useGroupBy";var ae=function(e,t){var n=t.header;return[e,{onClick:n.canGroupBy?function(r){r.persist(),n.toggleGroupBy()}:void 0,style:{cursor:n.canGroupBy?"pointer":void 0},title:"Toggle GroupBy"}]};function le(e,t,n,r){if(t.type===f.init)return c({groupBy:[]},e);if(t.type===f.resetGroupBy)return c({},e,{groupBy:r.initialState.groupBy||[]});if(t.type===f.setGroupBy)return c({},e,{groupBy:t.value});if(t.type===f.toggleGroupBy){var a=t.columnId,o=t.value,d=o!==void 0?o:!e.groupBy.includes(a);return c({},e,d?{groupBy:[].concat(e.groupBy,[a])}:{groupBy:e.groupBy.filter(function(p){return p!==a})})}}function Te(e,t){var n=t.instance.state.groupBy,r=n.map(function(o){return e.find(function(d){return d.id===o})}).filter(Boolean),a=e.filter(function(o){return!n.includes(o.id)});return(e=[].concat(r,a)).forEach(function(o){o.isGrouped=n.includes(o.id),o.groupedIndex=n.indexOf(o.id)}),e}var ot={};function Cr(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,o=e.allColumns,d=e.flatHeaders,p=e.groupByFn,h=p===void 0?yn:p,v=e.manualGroupBy,x=e.aggregations,w=x===void 0?ot:x,S=e.plugins,y=e.state.groupBy,C=e.dispatch,k=e.autoResetGroupBy,z=k===void 0||k,N=e.disableGroupBy,q=e.defaultCanGroupBy,A=e.getHooks;ie(S,["useColumnOrder","useFilters"],"useGroupBy");var I=Y(e);o.forEach(function(L){var Z=L.accessor,ge=L.defaultGroupBy,Re=L.disableGroupBy;L.canGroupBy=Z?we(L.canGroupBy,Re!==!0&&void 0,N!==!0&&void 0,!0):we(L.canGroupBy,ge,q,!1),L.canGroupBy&&(L.toggleGroupBy=function(){return e.toggleGroupBy(L.id)}),L.Aggregated=L.Aggregated||L.Cell});var $=s.useCallback(function(L,Z){C({type:f.toggleGroupBy,columnId:L,value:Z})},[C]),F=s.useCallback(function(L){C({type:f.setGroupBy,value:L})},[C]);d.forEach(function(L){L.getGroupByToggleProps=G(A().getGroupByToggleProps,{instance:I(),header:L})});var j=s.useMemo(function(){if(v||!y.length)return[n,r,a,Ft,E,r,a];var L=y.filter(function(he){return o.find(function(Ne){return Ne.id===he})}),Z=[],ge={},Re=[],M={},fe=[],me={},ve=function he(Ne,He,Nn){if(He===void 0&&(He=0),He===L.length)return Ne.map(function(Tt){return c({},Tt,{depth:He})});var un=L[He],fl=h(Ne,un);return Object.entries(fl).map(function(Tt,gl){var Ln=Tt[0],Ht=Tt[1],Gt=un+":"+Ln,On=he(Ht,He+1,Gt=Nn?Nn+">"+Gt:Gt),Mn=He?Ue(Ht,"leafRows"):Ht,ml=function(xe,sn,hl){var At={};return o.forEach(function(pe){if(L.includes(pe.id))At[pe.id]=sn[0]?sn[0].values[pe.id]:null;else{var Dn=typeof pe.aggregate=="function"?pe.aggregate:w[pe.aggregate]||vt[pe.aggregate];if(Dn){var Rl=sn.map(function(Nt){return Nt.values[pe.id]}),vl=xe.map(function(Nt){var an=Nt.values[pe.id];if(!hl&&pe.aggregateValue){var Vn=typeof pe.aggregateValue=="function"?pe.aggregateValue:w[pe.aggregateValue]||vt[pe.aggregateValue];if(!Vn)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregateValue option for column listed above");an=Vn(an,Nt,pe)}return an});At[pe.id]=Dn(vl,Rl)}else{if(pe.aggregate)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregate option for column listed above");At[pe.id]=null}}}),At}(Mn,Ht,He),pl={id:Gt,isGrouped:!0,groupByID:un,groupByVal:Ln,values:ml,subRows:On,leafRows:Mn,depth:He,index:gl};return On.forEach(function(xe){Z.push(xe),ge[xe.id]=xe,xe.isGrouped?(Re.push(xe),M[xe.id]=xe):(fe.push(xe),me[xe.id]=xe)}),pl})}(n);return ve.forEach(function(he){Z.push(he),ge[he.id]=he,he.isGrouped?(Re.push(he),M[he.id]=he):(fe.push(he),me[he.id]=he)}),[ve,Z,ge,Re,M,fe,me]},[v,y,n,r,a,o,w,h]),U=j[0],O=j[1],D=j[2],ne=j[3],_=j[4],ee=j[5],Q=j[6],oe=Y(z);se(function(){oe()&&C({type:f.resetGroupBy})},[C,v?null:t]),Object.assign(e,{preGroupedRows:n,preGroupedFlatRow:r,preGroupedRowsById:a,groupedRows:U,groupedFlatRows:O,groupedRowsById:D,onlyGroupedFlatRows:ne,onlyGroupedRowsById:_,nonGroupedFlatRows:ee,nonGroupedRowsById:Q,rows:U,flatRows:O,rowsById:D,toggleGroupBy:$,setGroupBy:F})}function Er(e){e.allCells.forEach(function(t){var n;t.isGrouped=t.column.isGrouped&&t.column.id===e.groupByID,t.isPlaceholder=!t.isGrouped&&t.column.isGrouped,t.isAggregated=!t.isGrouped&&!t.isPlaceholder&&((n=e.subRows)==null?void 0:n.length)})}function yn(e,t){return e.reduce(function(n,r,a){var o=""+r.values[t];return n[o]=Array.isArray(n[o])?n[o]:[],n[o].push(r),n},{})}var bn=/([0-9]+)/gm;function en(e,t){return e===t?0:e>t?1:-1}function yt(e,t,n){return[e.values[n],t.values[n]]}function wn(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}var xr=Object.freeze({__proto__:null,alphanumeric:function(e,t,n){var r=yt(e,t,n),a=r[0],o=r[1];for(a=wn(a),o=wn(o),a=a.split(bn).filter(Boolean),o=o.split(bn).filter(Boolean);a.length&&o.length;){var d=a.shift(),p=o.shift(),h=parseInt(d,10),v=parseInt(p,10),x=[h,v].sort();if(isNaN(x[0])){if(d>p)return 1;if(p>d)return-1}else{if(isNaN(x[1]))return isNaN(h)?-1:1;if(h>v)return 1;if(v>h)return-1}}return a.length-o.length},datetime:function(e,t,n){var r=yt(e,t,n),a=r[0],o=r[1];return en(a=a.getTime(),o=o.getTime())},basic:function(e,t,n){var r=yt(e,t,n);return en(r[0],r[1])},string:function(e,t,n){var r=yt(e,t,n),a=r[0],o=r[1];for(a=a.split("").filter(Boolean),o=o.split("").filter(Boolean);a.length&&o.length;){var d=a.shift(),p=o.shift(),h=d.toLowerCase(),v=p.toLowerCase();if(h>v)return 1;if(v>h)return-1;if(d>p)return 1;if(p>d)return-1}return a.length-o.length},number:function(e,t,n){var r=yt(e,t,n),a=r[0],o=r[1],d=/[^0-9.]/gi;return en(a=Number(String(a).replace(d,"")),o=Number(String(o).replace(d,"")))}});f.resetSortBy="resetSortBy",f.setSortBy="setSortBy",f.toggleSortBy="toggleSortBy",f.clearSortBy="clearSortBy",H.sortType="alphanumeric",H.sortDescFirst=!1;var Sn=function(e){e.getSortByToggleProps=[Ir],e.stateReducers.push(kr),e.useInstance.push(zr)};Sn.pluginName="useSortBy";var Ir=function(e,t){var n=t.instance,r=t.column,a=n.isMultiSortEvent,o=a===void 0?function(d){return d.shiftKey}:a;return[e,{onClick:r.canSort?function(d){d.persist(),r.toggleSortBy(void 0,!n.disableMultiSort&&o(d))}:void 0,style:{cursor:r.canSort?"pointer":void 0},title:r.canSort?"Toggle SortBy":void 0}]};function kr(e,t,n,r){if(t.type===f.init)return c({sortBy:[]},e);if(t.type===f.resetSortBy)return c({},e,{sortBy:r.initialState.sortBy||[]});if(t.type===f.clearSortBy)return c({},e,{sortBy:e.sortBy.filter(function(I){return I.id!==t.columnId})});if(t.type===f.setSortBy)return c({},e,{sortBy:t.sortBy});if(t.type===f.toggleSortBy){var a,o=t.columnId,d=t.desc,p=t.multi,h=r.allColumns,v=r.disableMultiSort,x=r.disableSortRemove,w=r.disableMultiRemove,S=r.maxMultiSortColCount,y=S===void 0?Number.MAX_SAFE_INTEGER:S,C=e.sortBy,k=h.find(function(I){return I.id===o}).sortDescFirst,z=C.find(function(I){return I.id===o}),N=C.findIndex(function(I){return I.id===o}),q=d!=null,A=[];return(a=!v&&p?z?"toggle":"add":N!==C.length-1||C.length!==1?"replace":z?"toggle":"replace")!="toggle"||x||q||p&&w||!(z&&z.desc&&!k||!z.desc&&k)||(a="remove"),a==="replace"?A=[{id:o,desc:q?d:k}]:a==="add"?(A=[].concat(C,[{id:o,desc:q?d:k}])).splice(0,A.length-y):a==="toggle"?A=C.map(function(I){return I.id===o?c({},I,{desc:q?d:!z.desc}):I}):a==="remove"&&(A=C.filter(function(I){return I.id!==o})),c({},e,{sortBy:A})}}function zr(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.allColumns,o=e.orderByFn,d=o===void 0?Cn:o,p=e.sortTypes,h=e.manualSortBy,v=e.defaultCanSort,x=e.disableSortBy,w=e.flatHeaders,S=e.state.sortBy,y=e.dispatch,C=e.plugins,k=e.getHooks,z=e.autoResetSortBy,N=z===void 0||z;ie(C,["useFilters","useGlobalFilter","useGroupBy","usePivotColumns"],"useSortBy");var q=s.useCallback(function(O){y({type:f.setSortBy,sortBy:O})},[y]),A=s.useCallback(function(O,D,ne){y({type:f.toggleSortBy,columnId:O,desc:D,multi:ne})},[y]),I=Y(e);w.forEach(function(O){var D=O.accessor,ne=O.canSort,_=O.disableSortBy,ee=O.id,Q=D?we(_!==!0&&void 0,x!==!0&&void 0,!0):we(v,ne,!1);O.canSort=Q,O.canSort&&(O.toggleSortBy=function(L,Z){return A(O.id,L,Z)},O.clearSortBy=function(){y({type:f.clearSortBy,columnId:O.id})}),O.getSortByToggleProps=G(k().getSortByToggleProps,{instance:I(),column:O});var oe=S.find(function(L){return L.id===ee});O.isSorted=!!oe,O.sortedIndex=S.findIndex(function(L){return L.id===ee}),O.isSortedDesc=O.isSorted?oe.desc:void 0});var $=s.useMemo(function(){if(h||!S.length)return[n,r];var O=[],D=S.filter(function(ne){return a.find(function(_){return _.id===ne.id})});return[function ne(_){var ee=d(_,D.map(function(Q){var oe=a.find(function(ge){return ge.id===Q.id});if(!oe)throw new Error("React-Table: Could not find a column with id: "+Q.id+" while sorting");var L=oe.sortType,Z=De(L)||(p||{})[L]||xr[L];if(!Z)throw new Error("React-Table: Could not find a valid sortType of '"+L+"' for column '"+Q.id+"'.");return function(ge,Re){return Z(ge,Re,Q.id,Q.desc)}}),D.map(function(Q){var oe=a.find(function(L){return L.id===Q.id});return oe&&oe.sortInverted?Q.desc:!Q.desc}));return ee.forEach(function(Q){O.push(Q),Q.subRows&&Q.subRows.length!==0&&(Q.subRows=ne(Q.subRows))}),ee}(n),O]},[h,S,n,r,a,d,p]),F=$[0],j=$[1],U=Y(N);se(function(){U()&&y({type:f.resetSortBy})},[h?null:t]),Object.assign(e,{preSortedRows:n,preSortedFlatRows:r,sortedRows:F,sortedFlatRows:j,rows:F,flatRows:j,setSortBy:q,toggleSortBy:A})}function Cn(e,t,n){return[].concat(e).sort(function(r,a){for(var o=0;oe.pageIndex?p=a===-1?o.length>=e.pageSize:d-1),p?c({},e,{pageIndex:d}):e}if(t.type===f.setPageSize){var h=t.pageSize,v=e.pageSize*e.pageIndex;return c({},e,{pageIndex:Math.floor(v/h),pageSize:h})}}function Pr(e){var t=e.rows,n=e.autoResetPage,r=n===void 0||n,a=e.manualExpandedKey,o=a===void 0?"expanded":a,d=e.plugins,p=e.pageCount,h=e.paginateExpandedRows,v=h===void 0||h,x=e.expandSubRows,w=x===void 0||x,S=e.state,y=S.pageSize,C=S.pageIndex,k=S.expanded,z=S.globalFilter,N=S.filters,q=S.groupBy,A=S.sortBy,I=e.dispatch,$=e.data,F=e.manualPagination;ie(d,["useGlobalFilter","useFilters","useGroupBy","useSortBy","useExpanded"],"usePagination");var j=Y(r);se(function(){j()&&I({type:f.resetPage})},[I,F?null:$,z,N,q,A]);var U=F?p:Math.ceil(t.length/y),O=s.useMemo(function(){return U>0?[].concat(new Array(U)).fill(null).map(function(Z,ge){return ge}):[]},[U]),D=s.useMemo(function(){var Z;if(F)Z=t;else{var ge=y*C,Re=ge+y;Z=t.slice(ge,Re)}return v?Z:Je(Z,{manualExpandedKey:o,expanded:k,expandSubRows:w})},[w,k,o,F,C,y,v,t]),ne=C>0,_=U===-1?D.length>=y:C-1&&o.push(a.splice(h,1)[0])};a.length&&r.length;)d();return[].concat(o,a)}function Qr(e){var t=e.dispatch;e.setColumnOrder=s.useCallback(function(n){return t({type:f.setColumnOrder,columnOrder:n})},[t])}Fn.pluginName="useColumnOrder",H.canResize=!0,f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize";var Wn=function(e){e.getResizerProps=[el],e.getHeaderProps.push({style:{position:"relative"}}),e.stateReducers.push(tl),e.useInstance.push(rl),e.useInstanceBeforeDimensions.push(nl)},el=function(e,t){var n=t.instance,r=t.header,a=n.dispatch,o=function(d,p){var h=!1;if(d.type==="touchstart"){if(d.touches&&d.touches.length>1)return;h=!0}var v,x,w=function(A){var I=[];return function $(F){F.columns&&F.columns.length&&F.columns.map($),I.push(F)}(A),I}(p).map(function(A){return[A.id,A.totalWidth]}),S=h?Math.round(d.touches[0].clientX):d.clientX,y=function(){window.cancelAnimationFrame(v),v=null,a({type:f.columnDoneResizing})},C=function(){window.cancelAnimationFrame(v),v=null,a({type:f.columnResizing,clientX:x})},k=function(A){x=A,v||(v=window.requestAnimationFrame(C))},z={mouse:{moveEvent:"mousemove",moveHandler:function(A){return k(A.clientX)},upEvent:"mouseup",upHandler:function(A){document.removeEventListener("mousemove",z.mouse.moveHandler),document.removeEventListener("mouseup",z.mouse.upHandler),y()}},touch:{moveEvent:"touchmove",moveHandler:function(A){return A.cancelable&&(A.preventDefault(),A.stopPropagation()),k(A.touches[0].clientX),!1},upEvent:"touchend",upHandler:function(A){document.removeEventListener(z.touch.moveEvent,z.touch.moveHandler),document.removeEventListener(z.touch.upEvent,z.touch.moveHandler),y()}}},N=h?z.touch:z.mouse,q=!!function(){if(typeof Ye=="boolean")return Ye;var A=!1;try{var I={get passive(){return A=!0,!1}};window.addEventListener("test",null,I),window.removeEventListener("test",null,I)}catch{A=!1}return Ye=A}()&&{passive:!1};document.addEventListener(N.moveEvent,N.moveHandler,q),document.addEventListener(N.upEvent,N.upHandler,q),a({type:f.columnStartResizing,columnId:p.id,columnWidth:p.totalWidth,headerIdWidths:w,clientX:S})};return[e,{onMouseDown:function(d){return d.persist()||o(d,r)},onTouchStart:function(d){return d.persist()||o(d,r)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};function tl(e,t){if(t.type===f.init)return c({columnResizing:{columnWidths:{}}},e);if(t.type===f.resetResize)return c({},e,{columnResizing:{columnWidths:{}}});if(t.type===f.columnStartResizing){var n=t.clientX,r=t.columnId,a=t.columnWidth,o=t.headerIdWidths;return c({},e,{columnResizing:c({},e.columnResizing,{startX:n,headerIdWidths:o,columnWidth:a,isResizingColumn:r})})}if(t.type===f.columnResizing){var d=t.clientX,p=e.columnResizing,h=p.startX,v=p.columnWidth,x=p.headerIdWidths,w=(d-h)/v,S={};return(x===void 0?[]:x).forEach(function(y){var C=y[0],k=y[1];S[C]=Math.max(k+k*w,0)}),c({},e,{columnResizing:c({},e.columnResizing,{columnWidths:c({},e.columnResizing.columnWidths,{},S)})})}return t.type===f.columnDoneResizing?c({},e,{columnResizing:c({},e.columnResizing,{startX:null,isResizingColumn:null})}):void 0}Wn.pluginName="useResizeColumns";var nl=function(e){var t=e.flatHeaders,n=e.disableResizing,r=e.getHooks,a=e.state.columnResizing,o=Y(e);t.forEach(function(d){var p=we(d.disableResizing!==!0&&void 0,n!==!0&&void 0,!0);d.canResize=p,d.width=a.columnWidths[d.id]||d.originalWidth||d.width,d.isResizing=a.isResizingColumn===d.id,p&&(d.getResizerProps=G(r().getResizerProps,{instance:o(),header:d}))})};function rl(e){var t=e.plugins,n=e.dispatch,r=e.autoResetResize,a=r===void 0||r,o=e.columns;ie(t,["useAbsoluteLayout"],"useResizeColumns");var d=Y(a);se(function(){d()&&n({type:f.resetResize})},[o]);var p=s.useCallback(function(){return n({type:f.resetResize})},[n]);Object.assign(e,{resetResizing:p})}var tn={position:"absolute",top:0},Tn=function(e){e.getTableBodyProps.push(Wt),e.getRowProps.push(Wt),e.getHeaderGroupProps.push(Wt),e.getFooterGroupProps.push(Wt),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:c({},tn,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:c({},tn,{left:r.column.totalLeft+"px",width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:c({},tn,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]})};Tn.pluginName="useAbsoluteLayout";var Wt=function(e,t){return[e,{style:{position:"relative",width:t.instance.totalColumnsWidth+"px"}}]},nn={display:"inline-block",boxSizing:"border-box"},rn=function(e,t){return[e,{style:{display:"flex",width:t.instance.totalColumnsWidth+"px"}}]},Hn=function(e){e.getRowProps.push(rn),e.getHeaderGroupProps.push(rn),e.getFooterGroupProps.push(rn),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:c({},nn,{width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:c({},nn,{width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:c({},nn,{width:r.totalWidth+"px"})}]})};function Gn(e){e.getTableProps.push(ll),e.getRowProps.push(ln),e.getHeaderGroupProps.push(ln),e.getFooterGroupProps.push(ln),e.getHeaderProps.push(il),e.getCellProps.push(ol),e.getFooterProps.push(ul)}Hn.pluginName="useBlockLayout",Gn.pluginName="useFlexLayout";var ll=function(e,t){return[e,{style:{minWidth:t.instance.totalColumnsMinWidth+"px"}}]},ln=function(e,t){return[e,{style:{display:"flex",flex:"1 0 auto",minWidth:t.instance.totalColumnsMinWidth+"px"}}]},il=function(e,t){var n=t.column;return[e,{style:{boxSizing:"border-box",flex:n.totalFlexWidth?n.totalFlexWidth+" 0 auto":void 0,minWidth:n.totalMinWidth+"px",width:n.totalWidth+"px"}}]},ol=function(e,t){var n=t.cell;return[e,{style:{boxSizing:"border-box",flex:n.column.totalFlexWidth+" 0 auto",minWidth:n.column.totalMinWidth+"px",width:n.column.totalWidth+"px"}}]},ul=function(e,t){var n=t.column;return[e,{style:{boxSizing:"border-box",flex:n.totalFlexWidth?n.totalFlexWidth+" 0 auto":void 0,minWidth:n.totalMinWidth+"px",width:n.totalWidth+"px"}}]};function An(e){e.stateReducers.push(cl),e.getTableProps.push(sl),e.getHeaderProps.push(al),e.getRowProps.push(dl)}f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize",An.pluginName="useGridLayout";var sl=function(e,t){var n=t.instance;return[e,{style:{display:"grid",gridTemplateColumns:n.visibleColumns.map(function(r){var a;return n.state.gridLayout.columnWidths[r.id]?n.state.gridLayout.columnWidths[r.id]+"px":(a=n.state.columnResizing)!=null&&a.isResizingColumn?n.state.gridLayout.startWidths[r.id]+"px":typeof r.width=="number"?r.width+"px":r.width}).join(" ")}}]},al=function(e,t){var n=t.column;return[e,{id:"header-cell-"+n.id,style:{position:"sticky",gridColumn:"span "+n.totalVisibleHeaderCount}}]},dl=function(e,t){var n=t.row;return n.isExpanded?[e,{style:{gridColumn:"1 / "+(n.cells.length+1)}}]:[e,{}]};function cl(e,t,n,r){if(t.type===f.init)return c({gridLayout:{columnWidths:{}}},e);if(t.type===f.resetResize)return c({},e,{gridLayout:{columnWidths:{}}});if(t.type===f.columnStartResizing){var a=t.columnId,o=t.headerIdWidths,d=on(a);if(d!==void 0){var p=r.visibleColumns.reduce(function(I,$){var F;return c({},I,((F={})[$.id]=on($.id),F))},{}),h=r.visibleColumns.reduce(function(I,$){var F;return c({},I,((F={})[$.id]=$.minWidth,F))},{}),v=r.visibleColumns.reduce(function(I,$){var F;return c({},I,((F={})[$.id]=$.maxWidth,F))},{}),x=o.map(function(I){var $=I[0];return[$,on($)]});return c({},e,{gridLayout:c({},e.gridLayout,{startWidths:p,minWidths:h,maxWidths:v,headerIdGridWidths:x,columnWidth:d})})}return e}if(t.type===f.columnResizing){var w=t.clientX,S=e.columnResizing.startX,y=e.gridLayout,C=y.columnWidth,k=y.minWidths,z=y.maxWidths,N=y.headerIdGridWidths,q=(w-S)/C,A={};return(N===void 0?[]:N).forEach(function(I){var $=I[0],F=I[1];A[$]=Math.min(Math.max(k[$],F+F*q),z[$])}),c({},e,{gridLayout:c({},e.gridLayout,{columnWidths:c({},e.gridLayout.columnWidths,{},A)})})}return t.type===f.columnDoneResizing?c({},e,{gridLayout:c({},e.gridLayout,{startWidths:{},minWidths:{},maxWidths:{}})}):void 0}function on(e){var t,n=(t=document.getElementById("header-cell-"+e))==null?void 0:t.offsetWidth;if(n!==void 0)return n}u._UNSTABLE_usePivotColumns=xn,u.actions=f,u.defaultColumn=H,u.defaultGroupByFn=yn,u.defaultOrderByFn=Cn,u.defaultRenderer=B,u.emptyRenderer=P,u.ensurePluginOrder=ie,u.flexRender=Le,u.functionalUpdate=ue,u.loopHooks=J,u.makePropGetter=G,u.makeRenderer=Be,u.reduceHooks=te,u.safeUseLayoutEffect=X,u.useAbsoluteLayout=Tn,u.useAsyncDebounce=function(e,t){t===void 0&&(t=0);var n=s.useRef({}),r=Y(e),a=Y(t);return s.useCallback(function(){var o=R(regeneratorRuntime.mark(function d(){var p,h,v,x=arguments;return regeneratorRuntime.wrap(function(w){for(;;)switch(w.prev=w.next){case 0:for(p=x.length,h=new Array(p),v=0;v1?t-1:0),r=1;r{let u={};if(u.flex="1 1 145px",l.width){let s=typeof l.width=="string"?l.width:`${l.width}px`;u.width=s,i&&l.canResize?u.flex=`${Number(l.width)} ${Number(l.width)} ${s}`:u.flex=`0 0 ${s}`}return l.maxWidth&&(u.maxWidth=`${l.maxWidth}px`),l.minWidth&&(u.minWidth=`${l.minWidth}px`),u},sr=(l,i)=>{if(!l.sticky)return{};let u=0;for(let g of i){if(g.id===l.id)break;u+=Number(g.width||g.resizeWidth||0)}let s=0;for(let g of[...i].reverse()){if(g.id===l.id)break;s+=Number(g.width||g.resizeWidth||0)}return{"--iui-table-sticky-left":l.sticky==="left"?`${u}px`:void 0,"--iui-table-sticky-right":l.sticky==="right"?`${s}px`:void 0}},ar=({density:l="default",depth:i=1})=>{let u=16,s=8;l==="condensed"?(u=12,s=4):l==="extra-condensed"&&(u=8,s=4);let g=26+s;return{paddingInlineStart:u+i*g}},hn=m.createContext(void 0),Wl=l=>{let{cell:i,isDisabled:u,cellProps:s,expanderCell:g,density:R,...c}=l;return m.createElement(m.Fragment,null,g?g(s):m.createElement(mn,{"aria-label":"Toggle sub row","aria-expanded":i.row.isExpanded?"true":"false",style:{marginInlineEnd:R==="default"||R===void 0?8:4},className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:b=>{b.stopPropagation(),i.row.toggleRowExpanded()},disabled:u,...c},m.createElement(ir,{style:{transform:i.row.isExpanded?"rotate(90deg)":void 0}})))},Rn=l=>{let i=m.useContext(hn),u=m.useMemo(()=>{var ue;return((ue=i==null?void 0:i.columns.find(({id:Y})=>l.cellProps.column.id===Y))==null?void 0:ue.Cell)!==K.defaultColumn.Cell},[i,l.cellProps.column.id]),{cellElementProps:{className:s,style:g,...R},children:c,startIcon:b,endIcon:W,cellProps:f,isDisabled:B,className:P,style:H,status:T,clamp:G=typeof f.value=="string"&&!u,...te}=l,{key:J,...ie}=R;return m.createElement(de,{...ie,key:J,...te,className:Ce(s,P),"aria-disabled":(B==null?void 0:B(f.row.original))||void 0,"data-iui-status":T,style:{...g,...H}},m.createElement(Dt,{key:`${J}-shadow-root`},m.createElement("slot",{name:"start",key:`${J}-shadow-root-start`}),G?m.createElement(or,{key:`${J}-shadow-root-slot`},m.createElement("slot",null)):m.createElement("slot",{key:`${J}-shadow-root-slot`}),m.createElement("slot",{name:"end",key:`${J}-shadow-root-end`}),m.createElement("slot",{name:"shadows",key:`${J}-shadow-root-shadows`})),b&&m.createElement(de,{className:"iui-table-cell-start-icon",slot:"start",key:`${J}-start`},b),c,W&&m.createElement(de,{className:"iui-table-cell-end-icon",slot:"end",key:`${J}-end`},W))},St="iui-table-checkbox-selector",Tl=(l={})=>{let{isDisabled:i,density:u}=l,s=u==="condensed"?42:u==="extra-condensed"?34:48;return{id:St,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:s,width:s,maxWidth:s,columnClassName:"iui-slot",cellClassName:"iui-slot",Header:({getToggleAllRowsSelectedProps:g,toggleAllRowsSelected:R,rows:c,preFilteredFlatRows:b,state:W})=>{let f=b.every(H=>i==null?void 0:i(H.original)),B=b.every(H=>W.selectedRowIds[H.id]||(i==null?void 0:i(H.original))),P=!B&&Object.keys(W.selectedRowIds).length>0;return m.createElement(Xn,{...g(),style:{},title:"",checked:B&&!f,indeterminate:P,disabled:f,onChange:()=>R(!c.some(H=>H.isSelected))})},Cell:({row:g,selectSubRows:R=!0})=>m.createElement(Xn,{...g.getToggleRowSelectedProps(),style:{},title:"",disabled:i==null?void 0:i(g.original),onClick:c=>c.stopPropagation(),onChange:()=>{g.subRows.length>0&&R&&g.initialSubRows[0].original[st]===void 0?g.toggleRowSelected(!g.subRows.every(c=>c.isSelected||(i==null?void 0:i(c.original)))):g.toggleRowSelected(!g.isSelected)}}),cellRenderer:g=>m.createElement(Rn,{...g,isDisabled:R=>!!(i!=null&&i(R))})}},dr="iui-table-expander",Hl=(l={})=>{let{subComponent:i,isDisabled:u}=l;return{id:dr,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",Cell:s=>{let{row:g}=s;return i!=null&&i(g)?m.createElement(mn,{"aria-label":"Toggle expandable content",className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:R=>{R.stopPropagation(),g.toggleRowExpanded()},disabled:u==null?void 0:u(s.row.original),"aria-expanded":g.isExpanded},m.createElement(ir,null)):null},cellRenderer:s=>m.createElement(Rn,{...s,isDisabled:g=>!!(u!=null&&u(g))})}},Gl=l=>{let{cell:i,cellIndex:u,isDisabled:s,tableHasSubRows:g,tableInstance:R,expanderCell:c,density:b}=l,W=u===i.row.cells.findIndex(T=>T.column.id!==St),f=i.getCellProps({className:Ce("iui-table-cell",i.column.cellClassName,{"iui-table-cell-sticky":!!i.column.sticky}),style:{...ur(i.column,!!R.state.isTableResizing),...g&&W&&ar({density:b,depth:i.row.depth+(i.row.canExpand?0:1)}),...sr(i.column,R.visibleColumns)}}),B={...R,cell:i,row:i.row,value:i.value,column:i.column},P=m.createElement(m.Fragment,null,g&&W&&i.row.canExpand&&m.createElement(Wl,{cell:i,isDisabled:s,cellProps:B,expanderCell:c,density:b,slot:"start"}),i.render("Cell")),H={cellElementProps:f,cellProps:B,children:m.createElement(m.Fragment,null,P,i.column.sticky==="left"&&R.state.sticky.isScrolledToRight&&m.createElement(de,{className:"iui-table-cell-shadow-right",slot:"shadows"}),i.column.sticky==="right"&&R.state.sticky.isScrolledToLeft&&m.createElement(de,{className:"iui-table-cell-shadow-left",slot:"shadows"}))};return m.createElement(m.Fragment,null,i.column.cellRenderer?i.column.cellRenderer({...H,isDisabled:()=>s}):m.createElement(Rn,{...H,isDisabled:()=>s}))},Al=l=>{let{row:i,rowProps:u,isLast:s,onRowInViewport:g,onBottomReached:R,intersectionMargin:c,onClick:b,subComponent:W,isDisabled:f,tableHasSubRows:B,tableInstance:P,expanderCell:H,scrollContainerRef:T,tableRowRef:G,density:te,virtualItem:J,virtualizer:ie}=l,ue=m.useCallback(()=>{var ce,Ie;(ce=g.current)==null||ce.call(g,i.original),s&&((Ie=R.current)==null||Ie.call(R))},[s,R,g,i.original]),Y=m.useMemo(()=>{if(((T==null?void 0:T.scrollHeight)??0)>((T==null?void 0:T.offsetHeight)??0))return T},[T]),X=Cl(ue,{rootMargin:`${c}px`,root:Y}),se=(u==null?void 0:u(i))??{},{status:Be,isLoading:Le,...Ge}=se,re={...i.getRowProps({style:{flex:"0 0 auto",minWidth:"100%",...J!=null?{transform:`translateY(${J.start}px)`}:{}}}),...Ge,className:Ce("iui-table-row",{"iui-table-row-expanded":i.isExpanded&&W,"iui-loading":Le},se==null?void 0:se.className),"aria-selected":i.isSelected||void 0,"aria-disabled":f||void 0,"data-iui-status":Be,"data-iui-index":J==null?void 0:J.index,...J!=null&&{"data-iui-virtualizer":"item"}},Oe=pn(X,re.ref,G,ie==null?void 0:ie.measureElement);return m.createElement(m.Fragment,null,m.createElement(de,{...re,key:re.key,ref:Oe,onClick:ce=>{var Ie;(Ie=re==null?void 0:re.onClick)==null||Ie.call(re,ce),b==null||b(ce,i)}},i.cells.map((ce,Ie)=>m.createElement(Gl,{key:ce.getCellProps().key,cell:ce,cellIndex:Ie,isDisabled:f,tableHasSubRows:B,tableInstance:P,expanderCell:H,density:te}))))};let gn=(l,i)=>i!=null&&i[l.id]?!0:l.subRows.some(u=>gn(u,i));const Nl=m.memo(Al,(l,i)=>{var u,s,g,R,c,b,W,f,B,P,H;return l.isLast===i.isLast&&((u=l.state.hiddenColumns)==null?void 0:u.length)===((s=i.state.hiddenColumns)==null?void 0:s.length)&&!!((g=l.state.hiddenColumns)!=null&&g.every((T,G)=>{var te;return((te=i.state.hiddenColumns)==null?void 0:te[G])===T}))&&l.onRowInViewport===i.onRowInViewport&&l.onBottomReached===i.onBottomReached&&l.onClick===i.onClick&&l.row.original===i.row.original&&((R=l.state.selectedRowIds)==null?void 0:R[l.row.id])===((c=i.state.selectedRowIds)==null?void 0:c[i.row.id])&&l.row.subRows.some(T=>gn(T,l.state.selectedRowIds))===i.row.subRows.some(T=>gn(T,i.state.selectedRowIds))&&((b=l.state.expanded)==null?void 0:b[l.row.id])===((W=i.state.expanded)==null?void 0:W[i.row.id])&&l.subComponent===i.subComponent&&l.row.cells.every((T,G)=>i.row.cells[G].column===T.column)&&l.isDisabled===i.isDisabled&&l.rowProps===i.rowProps&&l.expanderCell===i.expanderCell&&l.tableHasSubRows===i.tableHasSubRows&&l.scrollContainerRef===i.scrollContainerRef&&l.state.columnOrder===i.state.columnOrder&&!i.state.columnResizing.isResizingColumn&&l.state.isTableResizing===i.state.isTableResizing&&l.state.sticky.isScrolledToLeft===i.state.sticky.isScrolledToLeft&&l.state.sticky.isScrolledToRight===i.state.sticky.isScrolledToRight&&l.density===i.density&&l.virtualizer===i.virtualizer&&((f=l.virtualItem)==null?void 0:f.index)===((B=i.virtualItem)==null?void 0:B.index)&&((P=l.virtualItem)==null?void 0:P.start)===((H=i.virtualItem)==null?void 0:H.start)});let Ot=l=>!!l&&!isNaN(l.valueOf()),cr=(l,i,u)=>{let[s,g]=u||[],R=864e13,c=Ot(s)?s:new Date(-864e13),b=Ot(g)?g:new Date(R);return l.filter(W=>i.some(f=>{let B=W.values[f];return B.valueOf()>=c.valueOf()&&B.valueOf()<=b.valueOf()}))};cr.autoRemove=l=>!l||!Ot(l[0])&&!Ot(l[1]);const Ll={betweenDate:cr},Ol=(l,i,u)=>s=>{l&&s.allColumns.push(g=>{if(g.find(b=>b.id===dr))return g;let c=Hl({subComponent:l,isDisabled:u});return[{...c,Cell:i?b=>m.createElement(m.Fragment,null,i(b)):c.Cell},...g]})},Ml=(l,i,u,s="default")=>g=>{l&&g.allColumns.push(R=>i==="single"||R.find(c=>c.id===St)?R:[Tl({isDisabled:u,density:s}),...R])};let fr=(l,i,u)=>(l=l.filter(s=>i.some(g=>{let R=s.values[g];return String(R).toLowerCase().includes(String(u).toLowerCase())})),l);fr.autoRemove=l=>!l;let gr=(l,i,u)=>l.filter(s=>i.some(g=>{let R=s.values[g];return R!==void 0?String(R).toLowerCase()===String(u).toLowerCase():!0}));gr.autoRemove=l=>!l;let mr=(l,i,u)=>l.filter(s=>i.some(g=>{let R=s.values[g];return R!==void 0?String(R)===String(u):!0}));mr.autoRemove=l=>!l;let pr=(l,i,u)=>l.filter(s=>i.some(g=>s.values[g].includes(u)));pr.autoRemove=l=>!l||!l.length;let hr=(l,i,u)=>l.filter(s=>i.some(g=>{let R=s.values[g];return R&&R.length&&u.every(c=>R.includes(c))}));hr.autoRemove=l=>!l||!l.length;let Rr=(l,i,u)=>l.filter(s=>i.some(g=>{let R=s.values[g];return R&&R.length&&u.some(c=>R.includes(c))}));Rr.autoRemove=l=>!l||!l.length;let vr=(l,i,u)=>l.filter(s=>i.some(g=>{let R=s.values[g];return u.includes(R)}));vr.autoRemove=l=>!l||!l.length;let yr=(l,i,u)=>{let[s,g]=u||[];if(s=typeof s=="number"?s:-1/0,g=typeof g=="number"?g:1/0,s>g){let R=s;s=g,g=R}return l.filter(R=>i.some(c=>{let b=R.values[c];return b>=s&&b<=g}))};yr.autoRemove=l=>!l||typeof l[0]!="number"&&typeof l[1]!="number";const Dl={text:fr,exactText:gr,exactTextCase:mr,includes:pr,includesAll:hr,includesSome:Rr,includesValue:vr,between:yr},Vl=l=>i=>{i.useInstance.push(jl.bind({},l))};let jl=(l,i)=>{let u=c=>{c.forEach(b=>{b.initialSubRows||(b.initialSubRows=b.subRows),u(b.subRows)})};u(i.initialRows);let{filteredRows:s=i.filteredRows,filteredFlatRows:g=i.filteredFlatRows,filteredRowsById:R=i.filteredRowsById}=m.useMemo(()=>{if(!l)return{};let c=H=>{H.forEach(T=>{T.subRows=T.initialSubRows??[],c(T.subRows)})};c(i.initialRows);let b=[...i.initialRows];i.state.filters.forEach(({id:H,value:T})=>{let G=i.allColumns.find(ie=>ie.id===H);if(!G)return;let te={...Dl,...i.filterTypes},J=typeof G.filter=="function"?G.filter:te[G.filter??"text"];b=b.filter(ie=>br(ie,J,H,T))});let W=[],f=[],B={},P=H=>{H.depth===0&&W.push(H),f.push(H),B[H.id]=H,H.subRows.length&&H.subRows.forEach(T=>P(T))};return b.forEach(H=>P(H)),{filteredRows:W,filteredFlatRows:f,filteredRowsById:B}},[i.allColumns,i.filterTypes,i.initialRows,i.state.filters,l]);Object.assign(i,{filteredRows:s,filteredFlatRows:g,filteredRowsById:R,rows:s,flatRows:g,rowsById:R})},br=(l,i,u,s)=>{let g=!1;return l.subRows=l.initialSubRows.filter(c=>{let b=br(c,i,u,s);return b&&(g=!0),b}),g?!0:!!i([l],[u],s).length};const _l=l=>{l.useInstance.push($l)};let $l=l=>{let i=m.useMemo(()=>{let u=[],s=(g,R)=>{let c=!1;g.initialSubRows.forEach(b=>{s(b,R),(b.isSelected||b.isSomeSelected)&&(c=!0)}),R[g.id]?(g.isSelected=!0,g.isSomeSelected=!1,u.push(g)):(g.isSelected=!1,g.isSomeSelected=c)};return l.rows.forEach(g=>s(g,l.state.selectedRowIds)),u},[l.rows,l.state.selectedRowIds]);Object.assign(l,{selectedFlatRows:i})};const wr=l=>i=>{i.getResizerProps=[Xl(l)],i.stateReducers.push(ql),i.useInstanceBeforeDimensions.push(Ul)};let Lt=l=>l.type==="touchstart",Xl=l=>(i,{instance:u,header:s,nextHeader:g})=>{let{dispatch:R}=u,c=(b,W)=>{var ie,ue,Y;if(Lt(b)&&b.touches&&b.touches.length>1)return;let f=Zn(W).map(X=>[X.id,ut(X)]),B=g?Zn(g).map(X=>[X.id,ut(X)]):[],P=Lt(b)?Math.round(b.touches[0].clientX):b.clientX,H=X=>R({type:K.actions.columnResizing,clientX:X}),T=()=>R({type:K.actions.columnDoneResizing}),G={mouse:{moveEvent:"mousemove",moveHandler:X=>H(X.clientX),upEvent:"mouseup",upHandler:()=>{var X,se,Be;(X=l.current)==null||X.removeEventListener("mousemove",G.mouse.moveHandler),(se=l.current)==null||se.removeEventListener("mouseup",G.mouse.upHandler),(Be=l.current)==null||Be.removeEventListener("mouseleave",G.mouse.upHandler),T()}},touch:{moveEvent:"touchmove",moveHandler:X=>{X.cancelable&&(X.preventDefault(),X.stopPropagation()),H(X.touches[0].clientX)},upEvent:"touchend",upHandler:()=>{var X,se;(X=l.current)==null||X.removeEventListener(G.touch.moveEvent,G.touch.moveHandler),(se=l.current)==null||se.removeEventListener(G.touch.upEvent,G.touch.moveHandler),T()}}},te=Lt(b)?G.touch:G.mouse,J=Zl()?{passive:!1}:!1;(ie=l.current)==null||ie.addEventListener(te.moveEvent,te.moveHandler,J),(ue=l.current)==null||ue.addEventListener(te.upEvent,te.upHandler,J),Lt(b)||(Y=l.current)==null||Y.addEventListener("mouseleave",G.mouse.upHandler,J),R({type:K.actions.columnStartResizing,columnId:W.id,columnWidth:ut(W),nextColumnWidth:ut(g),headerIdWidths:f,nextHeaderIdWidths:B,clientX:P})};return[i,{onClick:b=>{b.stopPropagation()},onMouseDown:b=>{b.persist(),b.preventDefault(),b.stopPropagation(),c(b,s)},onTouchStart:b=>{b.persist(),b.preventDefault(),c(b,s)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};wr.pluginName="useResizeColumns";let ql=(l,i,u,s)=>{if(i.type===K.actions.init)return{...l,columnResizing:{columnWidths:{}}};if(i.type===K.actions.resetResize)return{...l,columnResizing:{columnWidths:{}}};if(i.type===K.actions.columnStartResizing){let{clientX:g,columnId:R,columnWidth:c,nextColumnWidth:b,headerIdWidths:W,nextHeaderIdWidths:f}=i;return{...l,columnResizing:{...l.columnResizing,startX:g,columnWidth:c,nextColumnWidth:b,headerIdWidths:W,nextHeaderIdWidths:f,isResizingColumn:R}}}if(i.type===K.actions.columnResizing){let{clientX:g}=i,{startX:R=0,columnWidth:c=1,nextColumnWidth:b=1,headerIdWidths:W=[],nextHeaderIdWidths:f=[]}=l.columnResizing;if(!s)return l;let B=g-R,P=Un(W,B/c),H=Yl(P,s.flatHeaders){G.width||(G.width=G.resizeWidth)}),{...l,columnResizing:{...l.columnResizing,columnWidths:{...l.columnResizing.columnWidths,...P,...T}}})}return i.type===K.actions.columnDoneResizing?{...l,columnResizing:{...l.columnResizing,startX:void 0,isResizingColumn:void 0}}:l},Un=(l,i)=>{let u={};return l.forEach(([s,g])=>{u[s]=Math.max(g+g*i,0)}),u},Jn=(l,i)=>{if(Object.values(l).some(u=>u<=1))return!1;for(let[u,s]of Object.entries(l)){let g=i==null?void 0:i.find(b=>b.id===u);if(!g)continue;let R=g.minWidth||0,c=g.maxWidth||1/0;if(sc)return!1}return!0},Kl=(l,i)=>{if(i.columnResizeMode==="fit")return!0;let u=0;for(let s of i.flatHeaders)u+=l[s.id]?l[s.id]:ut(s);return!(Math.round(u){let{flatHeaders:i,getHooks:u,state:{columnResizing:s},columnResizeMode:g}=l,R=K.useGetLatest(l);i.forEach((c,b)=>{var P;let W=s.columnWidths[c.id];c.width=W||c.width||c.originalWidth,c.isResizing=s.isResizingColumn===c.id;let f=c.disableResizing&&g==="fit"?Yn(c,l):c,B=g==="expand"&&b===i.length-1?Yn(c,l):Jl(c,l);c.canResize=c.disableResizing!=null?!c.disableResizing:!0,g==="fit"?c.isResizerVisible=c.canResize&&!!B||f&&!!((P=l.flatHeaders[b+1])!=null&&P.canResize):c.isResizerVisible=c.canResize&&!!f,c.getResizerProps=K.makePropGetter(u().getResizerProps,{instance:R(),header:f,nextHeader:B})})},Yn=(l,i)=>{var g;let u=(((g=l.parent)==null?void 0:g.columns)||i.flatHeaders).filter(({isVisible:R})=>R),s=u.findIndex(R=>R.id===l.id);return[...u].slice(0,s).reverse().find(R=>!R.disableResizing)},Jl=(l,i)=>{var g;let u=(((g=l.parent)==null?void 0:g.columns)||i.flatHeaders).filter(({isVisible:R})=>R),s=u.findIndex(R=>R.id===l.id);return[...u].slice(s+1).find(R=>!R.disableResizing)};function Zn(l){let i=[],u=s=>{s.columns&&s.columns.length&&s.columns.map(u),i.push(s)};return u(l),i}let ut=l=>l?typeof l.width=="string"&&Number.isNaN(Number(l.width))?Number(l.resizeWidth||0):Number(l.width||l.resizeWidth||0):0,Yl=(l,i)=>{let u=0;for(let s of i)u+=l[s.id]?l[s.id]:ut(s);return u},bt=null,Zl=()=>{if(bt!=null)return bt;try{let l={once:!0,get passive(){return bt=!0,!1}};window.addEventListener("test",()=>{},l)}catch{bt=!1}return bt},cn=rr["iui-table-reorder-column-left"],fn=rr["iui-table-reorder-column-right"],Mt={columnDragStart:"columnDragStart",columnDragEnd:"columnDragEnd"};const Ql=l=>i=>{i.getDragAndDropProps=[ei(l)],i.stateReducers.push(ti),i.useInstance.push(ni)};let ei=l=>(i,{instance:u,header:s})=>{if(!l||s.disableReordering)return i;let g=()=>{u.dispatch({type:Mt.columnDragStart,columnIndex:u.flatHeaders.indexOf(s)})},R=(B,P)=>{let H=B.currentTarget;P==="left"?(H.classList.remove(fn),H.classList.add(cn)):P==="right"?(H.classList.remove(cn),H.classList.add(fn)):(H.classList.remove(cn),H.classList.remove(fn))},c=(B,P,H)=>{let T=[...B],[G]=T.splice(P,1);return T.splice(H,0,G),T};return[i,{draggable:!0,onDragStart:g,onDragOver:B=>{B.preventDefault();let P=u.flatHeaders.indexOf(s);u.state.columnReorderStartIndex!==P&&R(B,u.state.columnReorderStartIndex>P?"left":"right")},onDragLeave:B=>{R(B)},onDrop:B=>{B.preventDefault(),R(B);let P=u.allColumns.map(G=>G.id),H=u.state.columnReorderStartIndex,T=P.findIndex(G=>G===s.id);H===T||H===-1||T===-1||(u.setColumnOrder(c(P,H,T)),u.dispatch({type:Mt.columnDragEnd,columnIndex:-1}))}}]},ti=(l,i)=>{switch(i.type){case K.actions.init:return{...l,columnReorderStartIndex:-1};case Mt.columnDragStart:return{...l,columnReorderStartIndex:i.columnIndex};case Mt.columnDragEnd:return{...l,columnReorderStartIndex:-1};default:return l}},ni=l=>{let{flatHeaders:i,getHooks:u}=l,s=K.useGetLatest(l);i.forEach(g=>{g.getDragAndDropProps=K.makePropGetter(u().getDragAndDropProps,{instance:s(),header:g})})};function ri({data:l,enableVirtualization:i,page:u,paginatorRenderer:s,scrollToRow:g}){let R=m.useRef({}),c=m.useRef(u);c.current=u;let b=m.useRef(l);b.current=l;let W=m.useMemo(()=>{if(!g||s)return;let B=g(c.current,b.current);return B<0?void 0:B},[s,g]);m.useEffect(()=>{var B,P;i||W==null||W<0||(P=R.current[(B=c.current[W])==null?void 0:B.id])==null||P.scrollIntoView()},[i,W]);let f=m.useCallback(B=>P=>{R.current[B.id]=P},[]);return{scrollToIndex:W,tableRowRef:f}}K.actions.setScrolledLeft="setScrolledLeft";K.actions.setScrolledRight="setScrolledRight";const li=l=>{l.stateReducers.push(ii),l.useInstance.push(oi)};let ii=(l,i)=>{var u,s;return i.type===K.actions.init?{...l,sticky:{}}:i.type===K.actions.setScrolledLeft&&((u=l.sticky)==null?void 0:u.isScrolledToLeft)!==i.value?{...l,sticky:{...l.sticky,isScrolledToLeft:i.value}}:i.type===K.actions.setScrolledRight&&((s=l.sticky)==null?void 0:s.isScrolledToRight)!==i.value?{...l,sticky:{...l.sticky,isScrolledToRight:i.value}}:l},oi=l=>{let{flatHeaders:i}=l;i.forEach(g=>{g.originalSticky||(g.originalSticky=g.sticky??"none"),g.sticky=g.originalSticky==="none"?void 0:g.originalSticky});let u=!1;[...i].reverse().forEach(g=>{g.sticky==="left"&&(u=!0),u&&(g.sticky="left")});let s=!1;i.forEach(g=>{g.sticky==="right"&&(s=!0),s&&(g.sticky="right")})};const ui=(l,i,u)=>{if(!(i!=null&&i.preFilteredFlatRows.length)){u==null||u([],l);return}let s=[];i.preFilteredFlatRows.forEach(g=>{l.expanded[g.id]&&s.push(g.original)}),u==null||u(s,l)},si=(l,i,u,s,g)=>{let R=u.filters.find(c=>c.id===i.columnId);return(R==null?void 0:R.value)!=i.filterValue?l.filters.map(b=>{let W=g==null?void 0:g.allColumns.find(f=>f.id===b.id);return{id:b.id,value:b.value,fieldType:(W==null?void 0:W.fieldType)??"text",filterType:(W==null?void 0:W.filter)??"text"}}):s};let vn=(l,i,u,s)=>{if(!(i!=null&&i.rows.length)){u==null||u([],l);return}let g={},R=b=>{var G;if(s!=null&&s(b.original))return!1;let W=!!((G=b.initialSubRows[0])!=null&&G.original[st]),f=b.subRows.length>0&&!W,B=!0;return f&&b.initialSubRows.forEach(te=>{R(te)||(B=!1)}),(l.selectedRowIds[b.id]&&(!i.selectSubRows||!f)||f&&B)&&(g[b.id]=!0),!!g[b.id]};i.initialRows.forEach(b=>R(b));let c=fi(g,i);l.selectedRowIds=g,u==null||u(c,l)};const ai=(l,i,u,s,g)=>{vn(l,u,s,g),l.lastSelectedRowId=i.id},di=(l,i,u,s,g)=>{let R={[i.id]:!0};if(u!=null&&u.selectSubRows){let b=W=>{R[W.id]=!0,W.subRows.forEach(f=>b(f))};b(u.rowsById[i.id])}let c={...l,lastSelectedRowId:i.id,selectedRowIds:R};return vn(c,u,s,g),c},ci=(l,i,u,s,g)=>{if(u==null)return l;let R=Math.max(0,u.flatRows.findIndex(P=>P.id===l.lastSelectedRowId)),c=Math.max(0,u.flatRows.findIndex(P=>P.id===i.id));if(R>c){let P=R;R=c,c=P}let b=l.lastSelectedRowId==null||!!l.selectedRowIds[l.lastSelectedRowId],W=i.ctrlPressed?{...l.selectedRowIds}:{};u.flatRows.slice(R,c+1).forEach(P=>W[P.id]=b);let f=P=>{W[P.id]=b,P.subRows.forEach(H=>f(H))};f(u.flatRows[c]);let B={...l,selectedRowIds:W};return vn(B,u,s,g),B};let fi=(l,i)=>{let u=[],s=g=>{l[g.id]&&u.push(g.original),g.initialSubRows.forEach(R=>s(R))};return i==null||i.initialRows.forEach(g=>s(g)),u};const gi=l=>({...l,isTableResizing:!0}),mi=(l,i)=>({...l,isTableResizing:!1,columnResizing:{...l.columnResizing,columnWidths:{...i.columnWidths}}}),pi=l=>{let{column:i,className:u,...s}=l;lr();let[g,R]=m.useState(!1),c=m.useCallback(()=>R(!1),[]),b=m.useCallback(B=>{i.setFilter(B),c()},[c,i]),W=m.useCallback(()=>{i.setFilter(void 0),c()},[c,i]),f=i.filterValue!=null&&i.filterValue!=="";return m.createElement(m.Fragment,null,i.canFilter&&i.Filter&&m.createElement(bl,{content:i.render("Filter",{close:c,setFilter:b,clearFilter:W}),placement:"bottom-start",visible:g,onVisibleChange:R,closeOnOutsideClick:!0,applyBackground:!0},m.createElement(mn,{styleType:"borderless",isActive:g||f,className:Ce("iui-table-filter-button",u),"aria-label":"Filter",onClick:B=>{B.stopPropagation()},"data-iui-shift":"left",...s},f?m.createElement(kl,null):m.createElement(zl,null))))},hi=m.forwardRef((l,i)=>{let{column:u,areFiltersSet:s,isResizable:g,columnResizeMode:R,enableColumnReordering:c,density:b,columnHasExpanders:W,isLast:f,isTableEmpty:B,...P}=l,H=m.useRef(!1),T=m.useContext(hn),G={default:72,withExpander:108},te=X=>(!B||s)&&X.canFilter&&!!X.Filter,J=X=>!B&&X.canSort,{onClick:ie,...ue}=u.getSortByToggleProps();[void 0,0].includes(u.minWidth)&&(u.minWidth=W?G.withExpander:G.default,typeof u.width=="number"&&u.minWidth>u.width&&(u.minWidth=u.width));let Y=u.getHeaderProps({...ue,className:Ce("iui-table-cell",{"iui-actionable":u.canSort,"iui-sorted":u.isSorted,"iui-table-cell-sticky":!!u.sticky},u.columnClassName),style:{...ur(u,!!(T!=null&&T.state.isTableResizing)),...W&&ar({density:b}),...sr(u,(T==null?void 0:T.visibleColumns)??[]),flexWrap:"wrap",columnGap:"var(--iui-size-xs)"}});return m.createElement(de,{...Y,...P,key:Y.key,title:void 0,ref:pn(m.useCallback(X=>{X&&(u.resizeWidth=X.getBoundingClientRect().width)},[u]),i),onMouseDown:()=>{H.current=!0},onClick:X=>{H.current&&(ie==null||ie(X),H.current=!1)},tabIndex:J(u)?0:void 0,onKeyDown:X=>{X.key=="Enter"&&J(u)&&u.toggleSortBy()}},m.createElement(m.Fragment,null,m.createElement(Dt,null,typeof u.Header=="string"?m.createElement(or,null,m.createElement("slot",null)):m.createElement("slot",null),m.createElement("slot",{name:"actions"}),m.createElement("slot",{name:"resizers"}),m.createElement("slot",{name:"shadows"})),u.render("Header"),(te(u)||J(u))&&m.createElement(de,{className:"iui-table-header-actions-container",onKeyDown:X=>X.stopPropagation(),slot:"actions"},te(u)&&m.createElement(pi,{column:u}),J(u)&&m.createElement(de,{className:"iui-table-cell-end-icon"},u.isSortedDesc||!u.isSorted&&u.sortDescFirst?m.createElement(Il,{className:"iui-table-sort","aria-hidden":!0}):m.createElement(xl,{className:"iui-table-sort","aria-hidden":!0}))),g&&u.isResizerVisible&&(!f||R==="expand")&&m.createElement(de,{...u.getResizerProps(),className:"iui-table-resizer",slot:"resizers"},m.createElement(de,{className:"iui-table-resizer-bar"})),c&&!u.disableReordering&&m.createElement(de,{className:"iui-table-reorder-bar",slot:"resizers"}),u.sticky==="left"&&(T==null?void 0:T.state.sticky.isScrolledToRight)&&m.createElement(de,{className:"iui-table-cell-shadow-right",slot:"shadows"}),u.sticky==="right"&&(T==null?void 0:T.state.sticky.isScrolledToLeft)&&m.createElement(de,{className:"iui-table-cell-shadow-left",slot:"shadows"})))});let Ri=m.forwardRef((l,i)=>{let{children:u,className:s,style:g,isDisabled:R,virtualItem:c,...b}=l;return m.createElement(de,{className:Ce("iui-table-row","iui-table-expanded-content",s),style:{flex:"0 0 auto",minWidth:"100%",...c!=null?{transform:`translateY(${c.start}px)`}:{},...g},"aria-disabled":R,"data-iui-index":c==null?void 0:c.index,...c!=null&&{"data-iui-virtualizer":"item"},ref:i,...b},u)});const vi=m.memo(Ri);let Qn="singleRowSelected",er="shiftRowSelected";const tr="tableResizeStart";let nr="tableResizeEnd";const st=Symbol("iui-id");let Sr=l=>{let i=[];return l.forEach(u=>{i.push(u),"columns"in u&&i.push(...Sr(u.columns))}),i};const xi=l=>{let{data:i,columns:u,isLoading:s=!1,emptyTableContent:g,className:R,style:c,id:b,isSelectable:W=!1,onSelect:f,onRowClick:B,selectionMode:P="multi",isSortable:H=!1,onSort:T,stateReducer:G,onBottomReached:te,onRowInViewport:J,intersectionMargin:ie=300,subComponent:ue,onExpand:Y,onFilter:X,globalFilterValue:se,emptyFilteredTableContent:Be,filterTypes:Le,expanderCell:Ge,isRowDisabled:re,rowProps:Oe,density:ce="default",selectSubRows:Ie=!0,getSubRows:Me,selectRowOnClick:we=!0,paginatorRenderer:De,pageSize:Ue=25,isResizable:Je=!1,columnResizeMode:Ae="fit",styleType:at="default",enableVirtualization:ke=!1,enableColumnReordering:Ye=!1,headerWrapperProps:Ze,headerProps:Qe,bodyProps:et,emptyTableContentProps:ye,getRowId:Ve,...jt}=l;lr();let Pe=m.useRef(void 0),_t=m.useMemo(()=>({maxWidth:0,minWidth:0,width:0}),[]),$t=m.useMemo(()=>ce==="condensed"?50:ce==="extra-condensed"?38:62,[ce]),Ct=jn(te),Et=jn(J),je=m.useMemo(()=>Sr(u).some(V=>V.id===St),[u]),dt=m.useCallback(E=>{E.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="none")},[]),ct=m.useCallback(E=>{E.key==="Shift"&&Pe.current&&(Pe.current.documentElement.style.userSelect="")},[]);m.useEffect(()=>{if(!W||P!=="multi")return;let E=Pe.current;return E==null||E.addEventListener("keydown",dt),E==null||E.addEventListener("keyup",ct),()=>{E==null||E.removeEventListener("keydown",dt),E==null||E.removeEventListener("keyup",ct)}},[W,P,Pe,dt,ct]);let ft=m.useRef([]),_e=m.useRef(ft.current),Xt=m.useCallback((E,V,ae,le)=>{switch(V.type){case K.actions.toggleSortBy:T==null||T(E);break;case K.actions.setFilter:_e.current=si(E,V,ae,_e.current,le);break;case K.actions.toggleRowExpanded:case K.actions.toggleAllRowsExpanded:ui(E,le,Y);break;case Qn:E=di(E,V,le,f,je?void 0:re);break;case er:E=ci(E,V,le,f,je?void 0:re);break;case K.actions.toggleRowSelected:case K.actions.toggleAllRowsSelected:case K.actions.toggleAllPageRowsSelected:ai(E,V,le,f,je?void 0:re);break;case tr:E=gi(E);break;case nr:E=mi(E,V);break}return G?G(E,V,ae,le):E},[je,re,Y,f,T,G]),qt=m.useMemo(()=>({...Ll,...Le}),[Le]),tt=m.useMemo(()=>i.some((E,V)=>Me?Me(E,V):E.subRows),[i,Me]),Kt=m.useCallback((E,V)=>E[st]?[]:E.subRows?E.subRows:[{[st]:`subcomponent-${V}`,...E}],[]),Ut=m.useCallback((E,V,ae)=>{let le=ae?`${ae.id}.${V}`:`${V}`,Te=Ve==null?void 0:Ve(E,V,ae);return Te!==void 0&&E[st]?`${Te}-${le}`:Te??le},[Ve]),be=K.useTable({manualPagination:!De,paginateExpandedRows:!1,...l,columns:u,defaultColumn:_t,disableSortBy:!H,stateReducer:Xt,filterTypes:qt,selectSubRows:Ie,data:i,getSubRows:ue?Kt:Me,initialState:{pageSize:Ue,...l.initialState},columnResizeMode:Ae,getRowId:ue?Ut:Ve},K.useFlexLayout,wr(Pe),K.useFilters,Vl(tt),K.useGlobalFilter,K.useSortBy,K.useExpanded,K.usePagination,K.useRowSelect,_l,Ol(ue,Ge,re),Ml(W,P,re,ce),K.useColumnOrder,Ql(Ye),li),{getTableProps:Jt,rows:nt,headerGroups:gt,getTableBodyProps:Yt,prepareRow:mt,state:Se,allColumns:Zt,dispatch:Ee,page:Fe,gotoPage:xt,setPageSize:$e,flatHeaders:Xe,setGlobalFilter:pt}=be,ht=gt;u.length===1&&"columns"in u[0]&&(ht=gt.slice(1));let It=Object.entries(jt).reduce((E,[V,ae])=>((V.startsWith("data-")||V.startsWith("aria-"))&&(E[V]=ae),E),{}),rt=Zt.some(E=>E.filterValue!=null&&E.filterValue!=="")||!!se,Rt=m.useCallback((E,V)=>{let ae=re==null?void 0:re(V.original),le=E.ctrlKey||E.metaKey;ae||B==null||B(E,V),W&&!ae&&we&&!E.isDefaultPrevented()&&(P==="multi"&&E.shiftKey?Ee({type:er,id:V.id,ctrlPressed:le}):V.isSelected||P!=="single"&&le?V.toggleRowSelected(!V.isSelected):Ee({type:Qn,id:V.id}))},[re,W,we,P,Ee,B]);m.useEffect(()=>{pt(se)},[se,pt]),m.useEffect(()=>{$e(Ue)},[Ue,$e]),m.useEffect(()=>{ft.current!==_e.current&&(ft.current=_e.current,X==null||X(_e.current,Se,be.filteredRows))},[Se,be.filteredRows,X]);let lt=m.useRef([]);m.useEffect(()=>{lt.current.length>0&&JSON.stringify(lt.current)!==JSON.stringify(u)&&be.setColumnOrder([]),lt.current=u},[u,be]);let kt=m.useMemo(()=>({currentPage:Se.pageIndex,pageSize:Se.pageSize,totalRowsCount:nt.length,size:ce!=="default"?"small":"default",isLoading:s,onPageChange:xt,onPageSizeChange:$e,totalSelectedRowsCount:P==="single"?0:be.selectedFlatRows.length}),[ce,xt,s,nt.length,$e,Se.pageIndex,Se.pageSize,be.selectedFlatRows,P]),ze=m.useRef(null),{scrollToIndex:We,tableRowRef:it}=ri({...l,page:Fe}),qe=m.useRef({}),zt=m.useRef(0),Bt=m.useCallback(({width:E})=>{Je&&(be.tableWidth=E,E!==zt.current&&(zt.current=E,Xe.forEach(V=>{qe.current[V.id]&&(V.resizeWidth=qe.current[V.id].getBoundingClientRect().width)}),Object.keys(Se.columnResizing.columnWidths).length!==0&&Ee({type:tr})))},[Ee,Se.columnResizing.columnWidths,Xe,be,Je]),[Qt]=wl(Bt);_n(()=>{if(Se.isTableResizing){let E={};Xe.forEach(V=>{qe.current[V.id]&&(E[V.id]=qe.current[V.id].getBoundingClientRect().width)}),Ee({type:nr,columnWidths:E})}});let{virtualizer:Ke,css:Pt}=Sl({enabled:ke,count:Fe.length,getScrollElement:()=>ze.current,estimateSize:()=>$t,getItemKey:E=>Fe[E].id,overscan:1});_n(()=>{We&&Ke.scrollToIndex(We,{align:"start"})},[Ke,We]);let vt=m.useCallback((E,V,ae)=>{let le=Fe[E];return mt(le),!!le.original[st]&&!!ue?m.createElement(vi,{key:le.getRowProps().key,virtualItem:V,ref:ke?ae==null?void 0:ae.measureElement:it(le),isDisabled:!!(re!=null&&re(le.original))},ue(le)):m.createElement(Nl,{row:le,rowProps:Oe,isLast:E===Fe.length-1,onRowInViewport:Et,onBottomReached:Ct,intersectionMargin:ie,state:Se,key:le.getRowProps().key,onClick:Rt,subComponent:ue,isDisabled:!!(re!=null&&re(le.original)),tableHasSubRows:tt,tableInstance:be,expanderCell:Ge,scrollContainerRef:ze.current,tableRowRef:ke?void 0:it(le),density:ce,virtualItem:V,virtualizer:ae})},[Fe,mt,ue,Oe,Et,Ct,ie,Se,Rt,re,tt,be,Ge,ke,it,ce]),Ft=()=>{!ze.current||Xe.every(E=>!E.sticky)||(ze.current.scrollLeft!==0?Ee({type:K.actions.setScrolledRight,value:!0}):Ee({type:K.actions.setScrolledRight,value:!1}),ze.current.scrollLeft!==ze.current.scrollWidth-ze.current.clientWidth?Ee({type:K.actions.setScrolledLeft,value:!0}):Ee({type:K.actions.setScrolledLeft,value:!1}))};return m.useEffect(()=>{Ft()},[]),m.createElement(hn.Provider,{value:be},m.createElement(de,{ref:pn(ze,Qt,m.useCallback(E=>{Pe.current=E==null?void 0:E.ownerDocument},[])),id:b,...Jt({className:Ce("iui-table",R),style:{minWidth:0,...c}}),onScroll:()=>Ft(),"data-iui-size":ce==="default"?void 0:ce,...It},ht.map(E=>{E.headers=E.headers.filter(ae=>!ae.id.includes("iui-table-checkbox-selector_placeholder")&&!ae.id.includes("iui-table-expander_placeholder"));let V=E.getHeaderGroupProps({className:"iui-table-row"});return m.createElement(de,{as:"div",key:V.key,...Ze,className:Ce("iui-table-header-wrapper",Ze==null?void 0:Ze.className)},m.createElement(de,{as:"div",...Qe,className:Ce("iui-table-header",Qe==null?void 0:Qe.className)},m.createElement(de,{...V,key:V.key},E.headers.map((ae,le)=>{let Te=ae.getDragAndDropProps();return m.createElement(hi,{...Te,key:Te.key||ae.id||le,column:ae,areFiltersSet:rt,columnHasExpanders:tt&&le===E.headers.findIndex(ot=>ot.id!==St),isLast:le===E.headers.length-1,isTableEmpty:i.length===0,isResizable:Je,columnResizeMode:Ae,enableColumnReordering:Ye,density:ce,ref:ot=>{ot&&(qe.current[ae.id]=ot)}})}))))}),m.createElement(de,{as:"div",...et,...Yt({className:Ce("iui-table-body",{"iui-zebra-striping":at==="zebra-rows"},et==null?void 0:et.className)}),"aria-multiselectable":W&&P==="multi"||void 0},m.createElement(Dt,{css:Pt},ke&&i.length!==0?m.createElement("div",{"data-iui-virtualizer":"root",style:{minBlockSize:Ke.getTotalSize()}},m.createElement("slot",null)):m.createElement("slot",null)),i.length!==0&&m.createElement(m.Fragment,null,ke?Ke.getVirtualItems().map(E=>vt(E.index,E,Ke)):Fe.map((E,V)=>vt(V))),s&&i.length===0&&m.createElement(de,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement($n,{indeterminate:!0})),!s&&i.length===0&&!rt&&m.createElement(de,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement("div",null,g)),!s&&(i.length===0||nt.length===0)&&rt&&m.createElement(de,{as:"div",...ye,className:Ce("iui-table-empty",ye==null?void 0:ye.className)},m.createElement("div",null,Be))),s&&i.length!==0&&m.createElement(de,{className:"iui-table-body-extra","data-iui-loading":"true"},m.createElement($n,{indeterminate:!0,size:"small"})),De==null?void 0:De(kt)))};export{Rn as D,dr as E,St as S,xi as T,Tl as a,Hl as b,tr as t}; diff --git a/2452/react/assets/Table.stories-DXF67OD6.js b/2452/react/assets/Table.stories-DXF67OD6.js new file mode 100644 index 00000000000..379e5b6dbe3 --- /dev/null +++ b/2452/react/assets/Table.stories-DXF67OD6.js @@ -0,0 +1 @@ +import{r as a,o as me,$ as oe,B as z,c as O,P as pe,V as be,I as q,m as he,Z as B,l as fe,d as ye,Y as De,O as ge,k as we,R as c,j as e,T as xe}from"./index-BiF_XSVc.js";import{S as te}from"./More-ppUkgz_u.js";import{a as Ce,b as Se,S as Re}from"./StatusWarning-vacJUxoU.js";import{A as M}from"./Anchor-9gwhe0n0.js";import{S as Ne,E as ke,t as ve,T as w,D as A,a as Fe,b as Te}from"./Table-KMjhtGOb.js";import{B as J}from"./Button-DJoTb4xb.js";import{D as je,i as le}from"./DatePicker-Dlu_Yuas.js";import{I as He}from"./InputGrid-Cube8CDs.js";import{L as Pe}from"./Label-BaBdAter.js";import{I as Q}from"./InputWithDecorations-BD26TqGD.js";import{L as ce}from"./LabeledInput-Cnpstz9_.js";import{I as ae}from"./Input-D1FcPXKL.js";import{T as G}from"./Text-JFgXX77W.js";import{C as _}from"./Code-DlPhvT1d.js";import{I as X}from"./InputGroup-CQ4MapAZ.js";import{C as ee}from"./Checkbox-CSBhyz7i.js";import{M as L}from"./MenuItem-CgPM3DgF.js";import{F as Ee}from"./Flex-CseMmOEw.js";import{F as Me}from"./FieldsetBase-nNHnGkHf.js";import{D as ie}from"./DropdownMenu-B9DfH_cx.js";import{D as ze}from"./DropdownButton-DP7RhVmc.js";import{P as ne}from"./ProgressRadial-BJPx7fqR.js";import{u as $e}from"./useContainerWidth-BN4XcDTv.js";import{S as Ie}from"./SvgChevronLeft-DK676GzB.js";import{S as Le}from"./SvgChevronRight-B29fjzPj.js";import{R as V}from"./Radio-DuWHn8oM.js";import"./useVirtualScroll-nz8uIm5j.js";import"./useIntersection-W6S9tRXv.js";import"./TimePicker-DbBEAzYH.js";import"./Textarea-C0SdQr5i.js";import"./Icon-DaWu1iQD.js";import"./MenuExtraContent-D0GLP-Ew.js";import"./Select-C5sRZq7A.js";import"./Tag-CMh1PPwp.js";import"./LinkAction-UeJMbSnl.js";import"./List-9GtQ4mx3.js";import"./SvgCheckmark-BUStwd7A.js";import"./SvgCaretDownSmall-Bqg-enXi.js";import"./ListItem-BGCU0KzW.js";import"./InputFlexContainer-BCUPBwKB.js";import"./focusable-DHgriT9F.js";import"./SvgCaretUpSmall-Jehs4qRe.js";const Ve=t=>a.createElement(me,t,a.createElement("path",{d:"m1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2"})),qe=t=>a.createElement(me,t,a.createElement("path",{d:"M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z"})),We=t=>{let{cellElementProps:{className:r,style:l,...i},cellProps:n,onCellEdit:s,children:d,isDisabled:u,className:o,style:m,...p}=t,h=y=>y.replace(/(\r\n|\n|\r)+/gm," "),[R,F]=a.useState(()=>h(n.value));a.useEffect(()=>{F(h(n.value))},[n.value]);let[g,b]=a.useState(oe(10)),[C,N]=a.useState(!1);return a.createElement(z,{...i,contentEditable:!0,suppressContentEditableWarning:!0,key:g,...p,className:O(r,o),style:{...l,...m},onInput:y=>{var f;F(h(y.target.innerText)),N(!0),(f=t.onInput)==null||f.call(t,y)},onBlur:y=>{var f;C&&s(n.column.id,R,n.row.original),(f=t.onBlur)==null||f.call(t,y),b(oe(10))},onKeyDown:y=>{var f;y.key==="Enter"&&y.preventDefault(),(f=t.onKeyDown)==null||f.call(t,y)},onPaste:y=>{var f;y.preventDefault(),document.execCommand("inserttext",!1,h(y.clipboardData.getData("text/plain"))),(f=t.onPaste)==null||f.call(t,y)},onDrop:y=>{var f;y.preventDefault(),(f=t.onDrop)==null||f.call(t,y)},onClick:y=>{var f;y.stopPropagation(),(f=t.onClick)==null||f.call(t,y)}},d)};let de="iui-table-action";const Y=({columnManager:t=!1}={})=>({id:de,disableResizing:!0,disableGroupBy:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",disableReordering:!0,Header:({allColumns:r,dispatch:l,state:i})=>{let n=a.useRef(null);if(!t)return null;let s=[Ne,ke,de],d=()=>r.filter(({id:o})=>!s.includes(o)).map(o=>{let{checked:m}=o.getToggleHiddenProps(),p=()=>{o.toggleHidden(m),Object.keys(i.columnResizing.columnWidths).length!==0&&(l({type:ve}),queueMicrotask(()=>{var h;(h=n.current)==null||h.scrollIntoView({block:"nearest"})}))};return a.createElement(ee,{key:o.id,checked:m,disabled:o.disableToggleVisibility,onChange:p,label:o.render("Header")})}),u=typeof t!="boolean"?t.dropdownMenuProps:{};return a.createElement(pe,{applyBackground:!0,content:a.createElement(Ee,{as:Me,className:"iui-table-column-manager",flexDirection:"column",alignItems:"flex-start"},a.createElement(be,{as:"legend"},"Show/hide columns"),d()),...u},a.createElement(q,{styleType:"borderless",ref:n,label:"Column manager"},a.createElement(Ve,null)))}}),K=a.forwardRef((t,r)=>a.createElement(z,{as:"form",...t,ref:r,className:O("iui-table-column-filter",t.className),onSubmit:l=>{var i;l.preventDefault(),(i=t.onSubmit)==null||i.call(t,l)},onClick:he(t.onClick,l=>{l.stopPropagation()})}));let Ae={filter:"Filter",clear:"Clear"};const re=t=>{let{children:r,setFilter:l,clearFilter:i,translatedLabels:n,className:s,style:d,id:u}=t,o={...Ae,...n};return B(),a.createElement(z,{className:O("iui-button-bar",s),style:d,id:u},r,a.createElement(J,{type:"submit",styleType:"high-visibility",onClick:l},o.filter),a.createElement(J,{onClick:i},o.clear))},ue=a.forwardRef((t,r)=>{let l=fe(),{onChange:i,date:n,parseInput:s,formatDate:d,label:u,required:o,disabled:m,isFromOrTo:p,selectedDate:h,wrapperProps:R,labelProps:F,inputWrapperProps:g,id:b=l,localizedNames:C,showYearSelection:N,...y}=t,f=E=>p==="to"?le(E,h):le(h,E),T=a.useRef(null),[k,S]=a.useState("");a.useEffect(()=>{n&&!isNaN(n.valueOf())&&S(d(n))},[n,d]);let[D,H]=a.useState(!1),v=a.useCallback(()=>H(!1),[]),$=a.useCallback(E=>{var j;i(E),v(),(j=T.current)==null||j.focus()},[v,i]),I=a.useCallback(E=>{let j=E.target.value;S(j),j||i(void 0);let P=s(j);P&&!isNaN(P.valueOf())&&i(P)},[i,s]);return a.createElement(He,{labelPlacement:"inline",...R},a.createElement(Pe,{as:"label",required:o,disabled:m,htmlFor:b,...F},u),a.createElement(Q,g,a.createElement(Q.Input,{id:b,value:k,onChange:I,required:o,disabled:m,ref:r,...y}),a.createElement(pe,{content:a.createElement(je,{date:n,onChange:$,setFocus:!0,isDateDisabled:f,localizedNames:C,applyBackground:!1,showDatesOutsideMonth:!1,showYearSelection:N}),placement:"bottom-end",visible:D,onVisibleChange:H,closeOnOutsideClick:!0,applyBackground:!0},a.createElement(Q.Button,{"aria-label":"Date picker",ref:T},a.createElement(qe,null)))))});let Oe={from:"From",to:"To"},Be=t=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}).format(t),Je=t=>/^[a-z]{3}\s\d{1,2},\s\d{4}$/gi.test(t)?new Date(t):new Date("");const _e=t=>{var N,y,f,T;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n,formatDate:s=Be,parseInput:d=Je,placeholder:u="MMM dd, yyyy",showYearSelection:o}=t;B();let m={...Oe,...l},[p,h]=a.useState((N=r.filterValue)!=null&&N[0]?new Date((y=r.filterValue)==null?void 0:y[0]):void 0),R=a.useRef(null);a.useEffect(()=>{R.current&&R.current.focus()},[]);let F=a.useCallback(k=>{h(S=>S||!k?k:new Date(k.getFullYear(),k.getMonth(),k.getDate(),0,0,0,0))},[]),[g,b]=a.useState((f=r.filterValue)!=null&&f[1]?new Date((T=r.filterValue)==null?void 0:T[1]):void 0),C=a.useCallback(k=>{b(S=>S||!k?k:new Date(k.getFullYear(),k.getMonth(),k.getDate(),23,59,59,999))},[]);return a.createElement(K,{onSubmit:()=>i([p,g])},a.createElement(ue,{ref:R,label:m.from,date:p,onChange:F,formatDate:s,parseInput:d,placeholder:u,selectedDate:g,isFromOrTo:"from",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(ue,{label:m.to,date:g,onChange:C,formatDate:s,parseInput:d,placeholder:u,selectedDate:p,isFromOrTo:"to",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(re,{clearFilter:n,translatedLabels:l}))};let Ge={from:"From",to:"To"};const Ye=t=>{var R,F;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;B();let s={...Ge,...l},d=a.useRef(null);a.useEffect(()=>{d.current&&d.current.focus()},[]);let[u,o]=a.useState(((R=r.filterValue)==null?void 0:R[0])??""),[m,p]=a.useState(((F=r.filterValue)==null?void 0:F[1])??""),h=g=>!g||isNaN(Number(g))?void 0:Number(g);return a.createElement(K,{onSubmit:()=>i([h(u),h(m)])},a.createElement(ce,{ref:d,label:s.from,value:u,onChange:g=>o(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(ce,{label:s.to,value:m,onChange:g=>p(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(re,{clearFilter:n,translatedLabels:l}))},Ke=t=>{let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;B();let[s,d]=a.useState(r.filterValue??""),u=a.useRef(null);return a.useEffect(()=>{u.current&&u.current.focus()},[]),a.createElement(K,{onSubmit:()=>i(s)},a.createElement(ae,{ref:u,value:s,onChange:o=>d(o.target.value),required:!0}),a.createElement(re,{clearFilter:n,translatedLabels:l}))},x={TextFilter:t=>r=>a.createElement(Ke,{...r,translatedLabels:t}),DateRangeFilter:t=>r=>a.createElement(_e,{...r,...t}),NumberRangeFilter:t=>r=>a.createElement(Ye,{...r,translatedLabels:t})};let Ze={pageSizeLabel:t=>`${t} per page`,rangeLabel:(t,r,l,i)=>i?`${t}-${r}…`:`${t}-${r} of ${l}`,previousPage:"Previous page",nextPage:"Next page",goToPageLabel:t=>`Go to page ${t}`,rowsPerPageLabel:"Rows per page",rowsSelectedLabel:t=>`${t} ${t===1?"row":"rows"} selected`};const se=t=>{let{currentPage:r,totalRowsCount:l,pageSize:i,onPageChange:n,totalSelectedRowsCount:s=0,focusActivationMode:d="manual",isLoading:u=!1,size:o="default",pageSizeList:m,onPageSizeChange:p,localization:h,className:R,...F}=t;B();let g=a.useMemo(()=>({...Ze,...h}),[h]),b=a.useRef(null),[C,N]=a.useState(r);ye(()=>{N(r)},[r]);let y=a.useRef(!1),f=a.useRef(!1);a.useEffect(()=>{var j;if(f.current&&y.current){let P=Array.from(((j=b.current)==null?void 0:j.querySelectorAll(`.${De["iui-table-paginator-page-button"]}`))??[]).find(Z=>{var W;return((W=Z.textContent)==null?void 0:W.trim())===(C+1).toString()});P==null||P.focus(),y.current=!1}f.current=!0},[C]);let T=o!="default"?"small":void 0,k=Math.ceil(l/i),S=j=>{if(j.altKey)return;let P=Z=>{let W=we(C+Z,0,k-1);y.current=!0,d==="auto"?n(W):N(W)};switch(j.key){case"ArrowRight":P(1),j.preventDefault();break;case"ArrowLeft":P(-1),j.preventDefault();break;case"Enter":case" ":case"Spacebar":d==="manual"&&n(C);break}},[D,H]=$e(),v=k>1||u,$=m&&!!p&&!!l,I=k===0,E=a.createElement(a.Fragment,null,u?a.createElement(ne,{indeterminate:!0,size:"small"}):a.createElement(J,{styleType:"borderless",disabled:!0,size:T},"1"));return!v&&!$?null:a.createElement(z,{className:O("iui-table-paginator",R),ref:D,...F},a.createElement(z,{className:"iui-left"},s>0&&a.createElement("span",null,g.rowsSelectedLabel(s))),v&&a.createElement(ge,{className:"iui-center",itemsCount:k},a.createElement(q,{styleType:"borderless",disabled:r===0,onClick:()=>n(r-1),size:T,"aria-label":g.previousPage},a.createElement(Ie,null)),a.createElement(z,{as:"span",className:"iui-table-paginator-pages-group",onKeyDown:S,ref:b},I?E:a.createElement(Qe,{size:o,focusedIndex:C,setFocusedIndex:N,totalPagesCount:k,onPageChange:n,currentPage:r,localization:g,isLoading:u})),a.createElement(q,{styleType:"borderless",disabled:r===k-1||I,onClick:()=>n(r+1),size:T,"aria-label":g.nextPage},a.createElement(Le,null))),a.createElement(z,{className:"iui-right"},$&&a.createElement(a.Fragment,null,g.rowsPerPageLabel!==null&&H>=1024&&a.createElement(z,{as:"span",className:"iui-table-paginator-page-size-label"},g.rowsPerPageLabel),a.createElement(ze,{styleType:"borderless",size:T,menuItems:j=>m.map(P=>a.createElement(L,{key:P,isSelected:P===i,onClick:()=>{j(),p(P)}},g.pageSizeLabel(P)))},g.rangeLabel(r*i+1,Math.min(l,(r+1)*i),l,u)))))};let Qe=t=>{let{focusedIndex:r,setFocusedIndex:l,totalPagesCount:i,onPageChange:n,currentPage:s,localization:d,isLoading:u,size:o}=t,{visibleCount:m}=ge.useContext(),p=o!="default"?"small":void 0,h=a.useCallback((f,T=f===r?0:-1)=>{var k;return a.createElement(J,{key:f,className:"iui-table-paginator-page-button",styleType:"borderless",size:p,"data-iui-active":f===s,onClick:()=>{l(f),n(f)},"aria-current":f===s,"aria-label":(k=d.goToPageLabel)==null?void 0:k.call(d,f+1),tabIndex:T},f+1)},[r,p,s,d,l,n]),R=a.useMemo(()=>new Array(i).fill(null).map((f,T)=>h(T)),[h,i]),F=Math.floor(m/2),g=r-F,b=r+F+1;g<0&&(b=Math.min(i,b+Math.abs(g)),g=0),b>i&&(g=Math.max(0,g-(b-i)),b=i);let C=a.createElement(z,{as:"span",className:O("iui-table-paginator-ellipsis",{"iui-table-paginator-ellipsis-small":o==="small"})},"…");if(m===1)return h(r);let N=g>1,y=ba.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},a.createElement("path",{d:"M13 0H3a1 1 0 00-1 1v14a1 1 0 001 1h10a1 1 0 001-1V1a1 1 0 00-1-1zM5 13H4v-1h1zm0-3H4V9h1zm0-3H4V6h1zm0-3H4V3h1zm7 9H7v-1h5zm0-3H7V9h5zm0-3H7V6h5zm0-3H7V3h5z"})),Ue=t=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},a.createElement("path",{d:"M11.726 5.172a3.63 3.63 0 01-.033 5.67.813.813 0 01-1.094-.135l-.067-.067a.706.706 0 01.118-1.01 2.026 2.026 0 00.084-3.196.803.803 0 11.992-1.262zm1.834-2.254a.814.814 0 00-1.11.118.794.794 0 00.101 1.11 4.964 4.964 0 010 7.705.802.802 0 001.01 1.246 6.528 6.528 0 000-10.179zm-6.367-1.19L3.011 4.993H.964A.949.949 0 000 5.931v4.128a.949.949 0 00.964.937h2.047L7.21 14.27A1.11 1.11 0 009 13.4V2.58a1.126 1.126 0 00-1.807-.853z"})),Gt={title:"Table"},Yt=()=>{const t=i=>console.log(i.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data."})},Kt=()=>{const t=a.useCallback((i,n)=>console.log(`Row clicked: ${JSON.stringify(n.original)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:i=>e.jsx(M,{as:"button",onClick:n=>{n.stopPropagation(),console.log(i.row.original.name)},children:"Click me!"})}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",isSelectable:!0,onRowClick:t,selectionMode:"single"})},Zt=()=>{const t=a.useCallback((n,s)=>console.log(`Selected rows: ${JSON.stringify(n)}, Table state: ${JSON.stringify(s)}`),[]),r=a.useCallback((n,s)=>console.log(`Row clicked: ${JSON.stringify(s.original)}`),[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>e.jsx(M,{as:"button",onClick:s=>{s.stopPropagation(),console.log(n.row.original.name)},children:"Click me!"})}],[]),i=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",isSelectable:!0,onSelect:t,onRowClick:r,selectionMode:"multi"})},Qt=()=>{const t=n=>console.log(n.row.original.name),r=a.useCallback(n=>console.log(`Sort changed. Table state: ${JSON.stringify(n)}`),[]),l=c.useMemo(()=>[{id:"id",Header:"ID (Sorts Desc First)",accessor:"id",sortDescFirst:!0},{id:"name",Header:"Name (Sorts Asc First)",accessor:"name"},{id:"description",Header:"Description Not Sortable",accessor:"description",maxWidth:200,disableSortBy:!0},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),i=c.useMemo(()=>[{id:"1",name:"Name1",description:"Description1"},{id:"3",name:"Name3",description:"Description3"},{id:"2",name:"Name2",description:"Description2"}],[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",isSortable:!0,onSort:r})},Ut=()=>{const t=c.useMemo(()=>({filter:"Filter",clear:"Clear",from:"From",to:"To"}),[]),r=c.useMemo(()=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}),[]),l=a.useCallback(d=>r.format(d),[r]),i=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,fieldType:"number",Filter:x.NumberRangeFilter(t),filter:"between"},{id:"name",Header:"Name",accessor:"name",fieldType:"text",Filter:x.TextFilter(t)},{id:"description",Header:"Description",accessor:"description",fieldType:"text",Filter:x.TextFilter(t),maxWidth:200},{id:"ids",Header:"IDs (enter one of the IDs in the filter)",accessor:"ids",Cell:d=>e.jsx(e.Fragment,{children:d.row.original.ids.join(", ")}),Filter:x.TextFilter(t),filter:"includes"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:d=>e.jsx(e.Fragment,{children:l(d.row.original.startDate)}),Filter:x.DateRangeFilter({translatedLabels:t,showYearSelection:!0}),filter:"betweenDate"},{id:"endDate",Header:"End date",accessor:d=>new Date(d.endDate),Cell:d=>e.jsx(e.Fragment,{children:l(new Date(d.row.original.endDate))}),Filter:x.DateRangeFilter({translatedLabels:t,showYearSelection:!0}),filter:"betweenDate"}],[l,t]),n=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",ids:[1],startDate:new Date("May 1, 2021"),endDate:"2021-05-31T21:00:00.000Z"},{index:2,name:"Name2",description:"Description2",ids:[2,3,4],startDate:new Date("May 2, 2021"),endDate:"2021-06-01T21:00:00.000Z"},{index:3,name:"Name3",description:"Description3",ids:[3,4],startDate:new Date("May 3, 2021"),endDate:"2021-06-02T21:00:00.000Z"}],[]),s=c.useCallback((d,u,o)=>{let m="[";o==null||o.forEach(p=>{m+=`${JSON.stringify(p.original)},`}),m=m.slice(0,m.length-1),m+="]",console.log(`Filter changed. Filters: ${JSON.stringify(d)}, State: ${JSON.stringify(u)}, Rows: ${m}`)},[]);return e.jsx(w,{columns:i,data:n,emptyTableContent:"No data.",onFilter:s})},Xt=()=>{const t=c.useCallback(s=>console.log(s.row.original.name),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:s=>{const d=()=>t(s);return e.jsx(M,{as:"button",onClick:d,children:"Click me!"})}}],[t]),l=c.useMemo(()=>[{name:"Name1",description:"Description7"},{name:"Name2",description:"Description7"},{name:"Name3",description:"Description8"},{name:"Name4",description:"Description8"},{name:"Name5",description:"Description9"},{name:"Name6",description:"Description9"}],[]),[i,n]=c.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{display:"flex",margin:"8px 0"},children:e.jsx(ae,{placeholder:"Search...",value:i,onInput:s=>n(s.target.value)})}),e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",globalFilterValue:i})]})},ea=()=>{const t=a.useCallback((n,s)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(s)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),l=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),i=a.useCallback(n=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:n.values},null,2)})})]}),[]);return e.jsx(w,{columns:r,data:l,emptyTableContent:"No data.",subComponent:i,onExpand:t,isSelectable:!0})},ta=()=>{const t=a.useCallback((i,n)=>console.log(`Expanded rows: ${JSON.stringify(i)}. Table state: ${JSON.stringify(n)}`),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description"}],[]),l=[{name:"Row 1",description:"Description 1",subRows:[{name:"Row 1.1",description:"Description 1.1",subRows:[]},{name:"Row 1.2",description:"Description 1.2",subRows:[{name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{name:"Row 1.3",description:"Description 1.3",subRows:[]},{name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{name:"Row 2",description:"Description 2",subRows:[{name:"Row 2.1",description:"Description 2.1",subRows:[]},{name:"Row 2.2",description:"Description 2.2",subRows:[]},{name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{name:"Row 3",description:"Description 3",subRows:[]}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:["Each data entry should have ",e.jsx(_,{children:"subRows"})," property. If"," ",e.jsx(_,{children:"subRows"})," has any items, then expander will be shown for that row."]}),e.jsx("br",{}),e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,data:l,columns:r,onExpand:t})]})},aa=()=>{const t=o=>console.log(o.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:o=>{const m=()=>t(o);return e.jsx(M,{as:"button",onClick:m,children:"Click me!"})}}],[]),l=(o,m)=>Array(m-o).fill(null).map((p,h)=>({name:`Name${o+h}`,description:`Description${o+h}`})),[i,n]=c.useState(()=>l(0,100)),[s,d]=c.useState(!1),u=a.useCallback(()=>{console.log("Bottom reached!"),d(!0),setTimeout(()=>{n(()=>[...i,...l(i.length,i.length+100)]),d(!1)},1e3)},[i]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",onBottomReached:u,isLoading:s,isSortable:!0,style:{height:440,maxHeight:"90vh"},data:i,autoResetFilters:!1,autoResetSortBy:!1})},ia=()=>{const t=n=>console.log(n.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),l=c.useMemo(()=>Array(100).fill(null).map((n,s)=>({name:`Name${s}`,description:`Description${s}`})),[]),i=a.useCallback(n=>{console.log(`Row in view: ${JSON.stringify(n)}`)},[]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:["Demo of ",e.jsx(_,{children:"IntersectionObserver"})," hook that triggers"," ",e.jsx(_,{children:"onRowInViewport"})," callback once the row is visible."]}),e.jsxs("div",{children:["Open"," ",e.jsx(M,{as:"button",onClick:()=>{var n;return(n=parent.document.querySelector('[id^="tabbutton-actions"]'))==null?void 0:n.click()},children:"Actions"})," ","tab to see when callback is called and scroll the table."]}),e.jsx("br",{}),e.jsx(w,{columns:r,emptyTableContent:"No data.",onRowInViewport:i,data:l})]})},na=()=>{const t=a.useCallback((s,d)=>console.log(`Row clicked: ${JSON.stringify(d.original)}`),[]),r=a.useCallback(s=>s.name==="Name2",[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:s=>e.jsx(e.Fragment,{children:r(s.row.original)?e.jsx(e.Fragment,{children:"Click me!"}):e.jsx(M,{as:"button",onClick:()=>console.log(s.row.original.name),children:"Click me!"})})}],[r]),i=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),n=a.useCallback(s=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:s.values},null,2)})})]}),[]);return e.jsx(w,{columns:l,data:i,emptyTableContent:"No data.",onRowClick:t,subComponent:n,isRowDisabled:r,isSelectable:!0})},ra=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(w,{columns:t,data:[],isLoading:!0,emptyTableContent:"No data."})},sa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(w,{columns:t,data:[],isLoading:!1,emptyTableContent:"No data."})},oa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),r=c.useMemo(()=>[{name:"Name17",description:"Description17"},{name:"Name18",description:"Description18"},{name:"Name19",description:"Description19"},{name:"Name20",description:"Description20"},{name:"Name21",description:"Description21"},{name:"Name22",description:"Description22"}],[]);return e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",isSelectable:!0,initialState:{filters:[{id:"name",value:"1"}],selectedRowIds:{0:!0,1:!0,4:!0,5:!0}}})},la=()=>{const t=c.useRef(void 0),[r,l]=c.useState([]),[i,n]=c.useState([]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description"}],[]),d=c.useMemo(()=>[{id:"1",name:"Row 1",description:"Description 1",subRows:[{id:"1.1",name:"Row 1.1",description:"Description 1.1",subRows:[]},{id:"1.2",name:"Row 1.2",description:"Description 1.2",subRows:[{id:"1.2.1",name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{id:"1.2.2",name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{id:"1.2.3",name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{id:"1.2.4",name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{id:"1.3",name:"Row 1.3",description:"Description 1.3",subRows:[]},{id:"1.4",name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{id:"2",name:"Row 2",description:"Description 2",subRows:[{id:"2.1",name:"Row 2.1",description:"Description 2.1",subRows:[]},{id:"2.2",name:"Row 2.2",description:"Description 2.2",subRows:[]},{id:"2.3",name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{id:"3",name:"Row 3",description:"Description 3",subRows:[]}],[]);return e.jsxs(e.Fragment,{children:[e.jsx(X,{label:"Control selected rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ee,{label:u.name,checked:r.some(m=>m.name===u.name),onChange:m=>{var p;(p=t.current)==null||p.toggleRowSelected(u.id,m.target.checked)}},o))}),e.jsx(X,{label:"Control expanded rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ee,{label:u.name,checked:i.some(m=>m.name===u.name),onChange:m=>{var p;(p=t.current)==null||p.toggleRowExpanded([u.id],m.target.checked)}},o))}),e.jsx(w,{columns:s,emptyTableContent:"No data.",stateReducer:a.useCallback((u,o,m,p)=>(t.current=p,u),[]),isSelectable:!0,onSelect:a.useCallback(u=>{l(u??[])},[]),onExpand:a.useCallback(u=>{n(u??[])},[]),getRowId:a.useCallback(u=>u.id,[]),data:d})]})},ca=()=>{const[t,r]=c.useState(0),[l,i]=c.useState({}),n=a.useCallback(p=>p.name==="Name2",[]),s=a.useCallback(p=>[e.jsx(L,{onClick:()=>p(),children:"Edit"},1),e.jsx(L,{onClick:()=>p(),children:"Delete"},2)],[]),d=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter(),disableToggleVisibility:!0},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()},{...Y({columnManager:!0}),Cell:()=>e.jsx(ie,{menuItems:s,onClick:p=>p.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:p=>p.stopPropagation(),"aria-label":"More options",children:e.jsx(te,{})})})}],[s]),u=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"}],[]),o=a.useCallback(p=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:p.values},null,2)})})]}),[]),m=a.useCallback(p=>({onMouseEnter:()=>{console.log(`Hovered over ${p.original.name}`),r(p.index)},ref:h=>{h&&i(R=>(R[p.index]=h,R))}}),[]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{columns:d,data:u,emptyTableContent:"No data.",subComponent:o,isRowDisabled:n,rowProps:m,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0}),e.jsx(xe,{reference:l[t],content:`Hovered over ${u[t].name}.`,placement:"bottom"})]})},da=()=>{const t=a.useCallback((o,m="",p=0)=>{const h=m?`${m}.${o+1}`:`${o+1}`,R=o%4+1;return{product:`Product ${h}`,price:(o%10+1)*15,quantity:(o%10+1)*150,rating:R,deliveryTime:o%15+1,status:R>=4?"positive":R===3?"warning":"negative",subRows:p<2?Array(Math.round(o%5)).fill(null).map((F,g)=>t(g,h,p+1)):[]}},[]),r=c.useMemo(()=>Array(100).fill(null).map((o,m)=>t(m)),[t]),l=a.useCallback(o=>o.product.endsWith("3"),[]),i=a.useCallback(o=>[e.jsx(L,{onClick:()=>o(),children:"Edit"},1),e.jsx(L,{onClick:()=>o(),children:"Delete"},2)],[]),n=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",Filter:x.TextFilter(),disableToggleVisibility:!0,disableReordering:!0,width:200,sticky:"left"},{id:"price",Header:"Price",accessor:"price",width:200,Filter:x.NumberRangeFilter(),filter:"between",disableReordering:!0,sortType:"number",Cell:o=>e.jsxs(e.Fragment,{children:["$",o.value]}),sticky:"left"},{id:"quantity",Header:"Quantity",accessor:"quantity",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400},{id:"rating",Header:"Rating",accessor:"rating",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400,cellRenderer:o=>e.jsxs(A,{...o,status:o.cellProps.row.original.status,children:[o.cellProps.row.original.rating,"/5"]})},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Filter:x.NumberRangeFilter(),filter:"between",sortType:"number",width:400,Cell:o=>e.jsxs(e.Fragment,{children:[o.value," day(s)"]})},{...Y({columnManager:!0}),Cell:o=>e.jsx(ie,{menuItems:i,onClick:m=>m.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:m=>m.stopPropagation(),"aria-label":"More options",disabled:l(o.row.original),children:e.jsx(te,{})})}),sticky:"right"}],[l,i]),s=a.useCallback(o=>({status:o.original.status}),[]),[d,u]=c.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",maxWidth:"1000px",gap:"8px"},children:[e.jsx(ae,{placeholder:"Search...",value:d,onInput:o=>u(o.target.value)}),e.jsx("div",{style:{height:"375px",maxHeight:"90vh"},children:e.jsx(w,{columns:n,emptyTableContent:"No data.",isRowDisabled:l,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0,data:r,style:{height:"100%"},enableVirtualization:!0,rowProps:s,globalFilterValue:d})})]})},Xe=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter({filter:"Localized filter",clear:"Localized clear"})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]),r=(n,s)=>Array(s-n).fill(null).map((d,u)=>({name:`Name${n+u}`,description:`Description${n+u}`})),l=c.useMemo(()=>[50,100,150],[]),i=a.useCallback(n=>e.jsx(se,{...n,pageSizeList:l,localization:{pageSizeLabel:s=>`${s} per localized page`,rangeLabel:(s,d,u,o)=>o?`${s}-${d} localized`:`${s}-${d} of localized ${u}`,previousPage:"Previous localized page",nextPage:"Next localized page",goToPageLabel:s=>`Go to localized page ${s}`,rowsPerPageLabel:"Rows per localized page",rowsSelectedLabel:s=>`${s} localized ${s===1?"row":"rows"} selected`}}),[l]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No localized data.",isSelectable:!0,isSortable:!0,columns:t,data:r(0,100),pageSize:50,paginatorRenderer:i,style:{height:"100%"}})})};Xe.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const ua=()=>{const t=n=>console.log(n.row.original.name),r=a.useCallback((n,s)=>console.log(`Expanded rows: ${JSON.stringify(n)}. Table state: ${JSON.stringify(s)}`),[]),l=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200},{id:"click-me",Header:"Click",width:100,Cell:n=>{const s=()=>t(n);return e.jsx(M,{as:"button",onClick:s,children:"Click me!"})}}],[]),i=[{name:"Row 1",description:"Description 1",subRows:[{name:"Row 1.1",description:"Description 1.1",subRows:[]},{name:"Row 1.2",description:"Description 1.2",subRows:[{name:"Row 1.2.1",description:"Description 1.2.1",subRows:[]},{name:"Row 1.2.2",description:"Description 1.2.2",subRows:[]},{name:"Row 1.2.3",description:"Description 1.2.3",subRows:[]},{name:"Row 1.2.4",description:"Description 1.2.4",subRows:[]}]},{name:"Row 1.3",description:"Description 1.3",subRows:[]},{name:"Row 1.4",description:"Description 1.4",subRows:[]}]},{name:"Row 2",description:"Description 2",subRows:[{name:"Row 2.1",description:"Description 2.1",subRows:[]},{name:"Row 2.2",description:"Description 2.2",subRows:[]},{name:"Row 2.3",description:"Description 2.3",subRows:[]}]},{name:"Row 3",description:"Description 3",subRows:[]}];return e.jsx(w,{isSelectable:!0,isSortable:!0,columns:l,data:i,emptyTableContent:"No data.",density:"condensed",onExpand:r})},ma=()=>{const[t,r]=c.useState(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Fetching..."}]),l=a.useCallback(d=>d.name==="Name2",[]),i=a.useCallback((d,u,o)=>{console.log({columnId:d,value:u,rowData:o}),r(m=>{const p=[...m],h=m.indexOf(o),R={...p[h]};return R[d]=u,p[h]=R,p})},[]),n=a.useCallback(d=>e.jsx(e.Fragment,{children:!l(d.cellProps.row.original)&&d.cellProps.value!=="Fetching..."?e.jsx(We,{...d,onCellEdit:i}):e.jsx(A,{...d})}),[l,i]),s=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:n,Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",cellRenderer:n,Filter:x.TextFilter()}],[n]);return e.jsx(w,{emptyTableContent:"No data.",columns:s,data:t,isRowDisabled:l,isSortable:!0,isSelectable:!0,autoResetFilters:!1,autoResetSortBy:!1})},et=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((s,d="",u=0)=>{const o=d?`${d}.${s}`:`${s}`;return{name:`Name ${o}`,description:`Description ${o}`,subRows:u<2?Array(Math.round(s%5)).fill(null).map((m,p)=>r(p,o,u+1)):[]}},[]),l=c.useMemo(()=>Array(5005).fill(null).map((s,d)=>r(d)),[r]),i=c.useMemo(()=>[50,100,150],[]),n=a.useCallback(s=>e.jsx(se,{...s,pageSizeList:i}),[i]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,columns:t,data:l,pageSize:50,paginatorRenderer:n,style:{height:"100%"}})})};et.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const tt=()=>{const t=c.useMemo(()=>[50,100,150],[]),r=c.useMemo(()=>6e4,[]),[l,i]=c.useState(!1),[n,s]=c.useState(0),[d,u]=c.useState(t[0]),[o,m]=c.useState({name:"",description:""}),[p,h]=c.useState(void 0),[R,F]=c.useState(r),g=(S,D)=>Array(D-S).fill(null).map((H,v)=>p!==void 0&&!(o.name===""&&o.description==="")?p[v]:{name:`Name${S+v}`,description:`Description${S+v}`}),[b,C]=c.useState(()=>g(0,25)),N=c.useCallback((S,D)=>{let H=!1,v=!1;return(!D.name||D.name&&S.name.includes(D.name))&&(H=!0),(!D.description||D.description&&S.description.includes(D.description))&&(v=!0),H&&v},[]),y=c.useCallback(S=>{let D=0;const H=[];let v={name:"",description:""};do{do v={name:`Name${D}`,description:`Description${D}`},D++;while(!N(v,S)&&D{var D,H;m({name:((D=S.find(v=>v.id=="name"))==null?void 0:D.value)??"",description:((H=S.find(v=>v.id=="description"))==null?void 0:H.value)??""}),i(!0),C([]),s(0),setTimeout(()=>{var $,I;i(!1);const v=y({name:(($=S.find(E=>E.id==="name"))==null?void 0:$.value)??"",description:((I=S.find(E=>E.id==="description"))==null?void 0:I.value)??""});C(v.slice(0,d)),F(v.length)},500)},[d,y]),T=[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],k=a.useCallback(S=>e.jsx(se,{...S,onPageChange:D=>{i(!0),C([]),s(D),setTimeout(()=>{i(!1),p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(D*S.pageSize,(D+1)*S.pageSize)):C(g(D*S.pageSize,(D+1)*S.pageSize))},500)},onPageSizeChange:D=>{p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(n*D,(n+1)*D)):C(g(n*D,(n+1)*D)),u(D),S.onPageSizeChange(D)},pageSizeList:t,currentPage:n,isLoading:!1,totalRowsCount:R}),[n,t,R]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isLoading:l,columns:T,data:b,pageSize:25,paginatorRenderer:k,style:{height:"100%"},manualPagination:!0,onFilter:f,manualFilters:!0})})};tt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const at=()=>{const t=c.useMemo(()=>100,[]),[r,l]=c.useState(!1),[i,n]=c.useState(""),[s,d]=c.useState(void 0),u=(g,b)=>Array(b-g).fill(null).map((C,N)=>s!==void 0&&!i?s[N]:{name:`Name${g+N}`,description:`Description${g+N}`}),[o,m]=c.useState(()=>u(0,100)),p=c.useCallback((g,b)=>!!(!b.name||b.name&&g.name.includes(b.name)),[]),h=c.useCallback(g=>{let b=0;const C=[];let N={name:"",description:""};do{do N={name:`Name${b}`,description:`Description${b}`},b++;while(!p(N,g)&&b{const g=(b,C)=>{n(b?C:""),l(!0),m([]),setTimeout(()=>{l(!1);const N=h({name:b?C:"",description:""});m(N.slice(0,t))},500)};return e.jsxs(K,{style:{alignItems:"flex-start"},children:[e.jsx(V,{label:"Contains '3'",onChange:({target:{value:b}})=>{g(b==="on","3")},checked:i==="3",autoFocus:i==="3"}),e.jsx(V,{label:"Contains '5'",onChange:({target:{value:b}})=>{g(b==="on","5")},checked:i==="5",autoFocus:i==="5"}),e.jsx(V,{label:"Contains '7'",onChange:({target:{value:b}})=>{g(b==="on","7")},checked:i==="7",autoFocus:i==="7"}),e.jsx(V,{label:"No filter",onChange:({target:{value:b}})=>{g(b==="on","")},checked:i==="",autoFocus:i===""})]})}},{id:"description",Header:"Description",accessor:"description",maxWidth:200}];return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isLoading:r,columns:F,data:o,pageSize:100,style:{height:"100%"},manualPagination:!0,manualFilters:!0})})};at.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const pa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",width:80,disableResizing:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text",minWidth:100},{id:"id",Header:"ID",accessor:"id",width:100,disableResizing:!0},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.startDate.toLocaleDateString("en-US")}),width:100,disableResizing:!0},{id:"endDate",Header:"End date",Cell:n=>e.jsx(e.Fragment,{children:n.row.original.endDate.toLocaleDateString("en-US")}),maxWidth:200}],[]),r=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",id:"111",startDate:new Date("May 1, 2021"),endDate:new Date("Jun 1, 2021")},{index:2,name:"Name2",description:"Description2",id:"222",startDate:new Date("May 2, 2021"),endDate:new Date("Jun 2, 2021")},{index:3,name:"Name3",description:"Description3",id:"333",startDate:new Date("May 3, 2021"),endDate:new Date("Jun 3, 2021")}],[]),[l,i]=c.useState("fit");return e.jsxs(e.Fragment,{children:[e.jsxs(X,{label:"Resize mode",displayStyle:"inline",children:[e.jsx(V,{name:"choice",value:"fit",onChange:()=>i("fit"),label:"fit",checked:l==="fit"}),e.jsx(V,{name:"choice",value:"expand",onChange:()=>i("expand"),label:"expand",checked:l==="expand"})]}),e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",isResizable:!0,isSortable:!0,columnResizeMode:l})]})},ga=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((i,n="",s=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:s<2?Array(Math.round(i%5)).fill(null).map((u,o)=>r(o,d,s+1)):[]}},[]),l=c.useMemo(()=>Array(10).fill(null).map((i,n)=>r(n)),[r]);return e.jsx(e.Fragment,{children:e.jsx(w,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,styleType:"zebra-rows",columns:t,data:l,style:{height:"100%"}})})},it=()=>{const t=c.useMemo(()=>[{product:"Product 1",price:5,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 2",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 3",price:2.99,quantity:1500,rating:"3/5",deliveryTime:7},{product:"Product 4",price:20,quantity:50,rating:"4/5",deliveryTime:2},{product:"Product 5",price:1.99,quantity:700,rating:"5/5",deliveryTime:1},{product:"Product 6",price:499,quantity:30,rating:"5/5",deliveryTime:20},{product:"Product 7",price:13.99,quantity:130,rating:"1/5",deliveryTime:30},{product:"Product 8",price:5.99,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 9",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 10",price:2.99,quantity:200,rating:"3/5",deliveryTime:17}],[]),r=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",minWidth:400},{id:"price",Header:"Price",accessor:"price",width:400,Cell:l=>e.jsx(e.Fragment,{children:`$${l.value}`})},{id:"quantity",Header:"Quantity",accessor:"quantity",width:400},{id:"rating",Header:"Rating",accessor:"rating",width:400},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",width:400,Cell:l=>e.jsx(e.Fragment,{children:`${l.value} day(s)`})}],[]);return e.jsx(w,{columns:r,data:t,emptyTableContent:"No data.",style:{height:"100%"}})};it.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const ba=()=>{const t=i=>console.log(i.row.original.name),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description"},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[]),l=c.useMemo(()=>{const n=new Array(1e5);for(let s=0;s<1e5;++s)n[s]={name:`Name${s}`,description:`Description${s}`};return n},[]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},ha=()=>{const t=c.useCallback(i=>console.log(i.row.original.name),[]),r=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",Filter:x.TextFilter()},{id:"click-me",Header:"Click",width:100,Cell:i=>{const n=()=>t(i);return e.jsx(M,{as:"button",onClick:n,children:"Click me!"})}}],[t]),l=c.useMemo(()=>{const n=new Array(1e5);for(let s=0;s<1e5;++s)n[s]={id:s.toString(),name:`Name${s}${s===12345?" - Scrolled to me!":""}`,description:`Description${s}${s===12345?" - Scrolled to me!":""}`};return n},[]);return e.jsx(w,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",isSortable:!0,style:{maxHeight:"90vh"},data:l,scrollToRow:c.useCallback((i,n)=>i.findIndex(s=>s.original.id===n[12345].id),[])})},fa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],[]),r=a.useCallback((i,n="",s=0)=>{const d=n?`${n}.${i}`:`${i}`;return{name:`Name ${d}`,description:`Description ${d}`,subRows:s<2?Array(Math.round(i%5)).fill(null).map((u,o)=>r(o,d,s+1)):[]}},[]),l=c.useMemo(()=>Array(1e4).fill(null).map((i,n)=>r(n)),[r]);return e.jsx(w,{enableVirtualization:!0,columns:t,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},ya=()=>{const t=c.useMemo(()=>[{product:"Product 1",price:5,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 2",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 3",price:2.99,quantity:1500,rating:"3/5",deliveryTime:7},{product:"Product 4",price:20,quantity:50,rating:"4/5",deliveryTime:2},{product:"Product 5",price:1.99,quantity:700,rating:"5/5",deliveryTime:1},{product:"Product 6",price:499,quantity:30,rating:"5/5",deliveryTime:20},{product:"Product 7",price:13.99,quantity:130,rating:"1/5",deliveryTime:30},{product:"Product 8",price:5.99,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 9",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 10",price:2.99,quantity:200,rating:"3/5",deliveryTime:17}],[]),r=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",disableReordering:!0},{id:"price",Header:"Price",accessor:"price",Cell:l=>e.jsx(e.Fragment,{children:`$${l.value}`})},{id:"quantity",Header:"Quantity",accessor:"quantity"},{id:"rating",Header:"Rating",accessor:"rating"},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",Cell:l=>e.jsx(e.Fragment,{children:`${l.value} day(s)`})}],[]);return e.jsx(w,{enableColumnReordering:!0,columns:r,data:t,emptyTableContent:"No data.",isSelectable:!0})},Da=()=>{const t=a.useCallback((o,m)=>console.log(`Expanded rows: ${JSON.stringify(o)}. Table state: ${JSON.stringify(m)}`),[]),r=c.useMemo(()=>[{name:"Name1",description:"Description1"},{name:"Name2",description:"Description2"},{name:"Name3",description:"Description3"},{name:"Name4",description:"Description4"}],[]),l=a.useCallback(o=>o.name==="Name1",[]),i=a.useCallback(o=>o.name==="Name2",[]),n=a.useCallback(o=>o.name==="Name3",[]),s=a.useCallback(o=>o.name==="Name4",[]),d=a.useCallback(o=>e.jsxs("div",{style:{padding:16},children:[e.jsx(G,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:o.values},null,2)})})]}),[]),u=c.useMemo(()=>[Fe({isDisabled:l}),Te({subComponent:d,isDisabled:i}),{id:"name",Header:"Name",accessor:"name",cellRenderer:o=>e.jsx(A,{...o,isDisabled:m=>n(m)||s(m)})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[l,d,i,n,s]);return e.jsx(w,{columns:u,data:r,emptyTableContent:"No data.",subComponent:d,onExpand:t,isSelectable:!0,isRowDisabled:s,rowProps:({index:o})=>({onClick:m=>o===0&&m.preventDefault()})})},wa=()=>{const t=c.useMemo(()=>[{id:"index",Header:"#",accessor:"index",disableToggleVisibility:!0},{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",fieldType:"text"},{id:"id",Header:"ID",accessor:"id"},{id:"startDate",Header:"Start date",accessor:"startDate",Cell:l=>e.jsx(e.Fragment,{children:l.row.original.startDate.toLocaleDateString("en-US")})},{id:"endDate",Header:"End date",accessor:"endDate",Cell:l=>e.jsx(e.Fragment,{children:l.row.original.endDate.toLocaleDateString("en-US")})},{id:"Price",Header:"Price",accessor:"price"},{id:"Color",Header:"Color",accessor:"color"},{id:"# in stock",Header:"# in stock",accessor:"stock"},{id:"Rating",Header:"Rating",accessor:"rating"},{id:"Location",Header:"Location",accessor:"location"},Y({columnManager:!0})],[]),r=c.useMemo(()=>[{index:1,name:"Name1",description:"Description1",id:"111",startDate:new Date("May 1, 2021"),endDate:new Date("Jun 1, 2021"),price:"$1.00",color:"Red",stock:10,rating:"5/5",location:"Philadelphia, Pennsylvania"},{index:2,name:"Name2",description:"Description2",id:"222",startDate:new Date("May 2, 2021"),endDate:new Date("Jun 2, 2021"),price:"$2.00",color:"Green",stock:20,rating:"4/5",location:"Philadelphia, Pennsylvania"},{index:3,name:"Name3",description:"Description3",id:"333",startDate:new Date("May 3, 2021"),endDate:new Date("Jun 3, 2021"),price:"$3.00",color:"Green",stock:30,rating:"3/5",location:"Philadelphia, Pennsylvania"},{index:4,name:"Name4",description:"Description4",id:"444",startDate:new Date("May 4, 2021"),endDate:new Date("Jun 4, 2021"),price:"$4.00",color:"Yellow",stock:40,rating:"2/5",location:"Philadelphia, Pennsylvania"},{index:5,name:"Name5",description:"Description5",id:"555",startDate:new Date("May 5, 2021"),endDate:new Date("Jun 5, 2021"),price:"$5.00",color:"Purple",stock:50,rating:"1/5",location:"Philadelphia, Pennsylvania"}],[]);return e.jsx(w,{isSelectable:!0,columns:t,data:r,emptyTableContent:"No data."})},nt=()=>{const t=c.useMemo(()=>[{product:"Product 1",price:5,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 2",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 3",price:2.99,quantity:1500,rating:"3/5",deliveryTime:7},{product:"Product 4",price:20,quantity:50,rating:"4/5",deliveryTime:2},{product:"Product 5",price:1.99,quantity:700,rating:"5/5",deliveryTime:1},{product:"Product 6",price:499,quantity:30,rating:"5/5",deliveryTime:20},{product:"Product 7",price:13.99,quantity:130,rating:"1/5",deliveryTime:30},{product:"Product 8",price:5.99,quantity:500,rating:"4/5",deliveryTime:5},{product:"Product 9",price:12,quantity:1200,rating:"1/5",deliveryTime:25},{product:"Product 10",price:2.99,quantity:200,rating:"3/5",deliveryTime:17}],[]),r=a.useCallback(i=>[e.jsx(L,{onClick:()=>i(),children:"Edit"},1),e.jsx(L,{onClick:()=>i(),children:"Delete"},2)],[]),l=c.useMemo(()=>[{id:"product",Header:"Product",accessor:"product",minWidth:150,sticky:"left"},{id:"price",Header:"Price",accessor:"price",width:150,Cell:i=>e.jsxs(e.Fragment,{children:["$",i.value]}),sticky:"left"},{id:"quantity",Header:"Quantity",accessor:"quantity",width:400},{id:"rating",Header:"Rating",accessor:"rating",width:400},{id:"deliveryTime",Header:"Delivery Time",accessor:"deliveryTime",width:400,Cell:i=>e.jsxs(e.Fragment,{children:[i.value," day(s)"]})},{...Y({columnManager:!0}),Cell:()=>e.jsx(ie,{menuItems:r,onClick:i=>i.stopPropagation(),children:e.jsx(q,{styleType:"borderless",onClick:i=>i.stopPropagation(),"aria-label":"More options",children:e.jsx(te,{})})}),sticky:"right"}],[r]);return e.jsx(w,{columns:l,data:t,emptyTableContent:"No data.",style:{height:"100%"},isResizable:!0})};nt.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const xa=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:i=>e.jsx(A,{...i,startIcon:i.cellProps.row.original.startIcon,endIcon:i.cellProps.row.original.isLoading?e.jsx(ne,{value:40,size:"small"}):i.cellProps.row.original.endIcon})},{id:"modified",Header:"Modified",accessor:"modified",maxWidth:200,cellRenderer:i=>e.jsx(A,{...i,status:i.cellProps.row.original.status})},{id:"size",Header:"Size",maxWidth:200,accessor:"size"}],[]),r=c.useMemo(()=>[{name:"alfa.mp3",modified:"Just now",size:"76 KB",isLoading:!0},{name:"beta.mp3",modified:"Just now",size:"15 KB",startIcon:e.jsx(Ue,{fill:"#66c6ff"})},{name:"gamma.pdf",modified:"A few moments ago",size:"9 MB",startIcon:e.jsx(U,{fill:"#dd3e39"}),endIcon:e.jsx(Ce,{}),status:"positive"},{name:"delta.jpg",modified:"A few moments ago",size:"963 MB",startIcon:e.jsx(U,{fill:"#7957a3"}),endIcon:e.jsx(Se,{}),status:"warning"},{name:"theta.dgn",modified:"A few moments ago",size:"64 KB",startIcon:e.jsx(U,{fill:"#d16c00"}),endIcon:e.jsx(Re,{}),status:"negative"}],[]),l=a.useCallback(i=>({status:i.original.status,isLoading:i.original.isLoading}),[]);return e.jsx(w,{columns:t,data:r,emptyTableContent:"No data.",selectionMode:"multi",isSelectable:!0,rowProps:l})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Yt as Basic,wa as ColumnManager,ua as Condensed,la as ControlledState,at as CustomFilter,Da as CustomizedColumns,na as DisabledRows,ya as DraggableColumns,ma as Editable,ea as Expandable,ta as ExpandableSubrows,Ut as Filters,ca as Full,da as Full2,Xt as GlobalFilter,it as HorizontalScroll,oa as InitialState,aa as LazyLoading,ra as Loading,Xe as Localized,sa as NoData,pa as ResizableColumns,ia as RowInViewport,ha as ScrollToRow,Zt as SelectableMulti,Kt as SelectableSingle,Qt as Sortable,xa as StatusAndCellIcons,nt as StickyColumns,ba as Virtualized,fa as VirtualizedSubRows,tt as WithManualPaginatorAndFilter,et as WithPaginator,ga as ZebraStripedRows,Gt as default}; diff --git a/2452/react/assets/Tabs.stories-b8bMkcMe.js b/2452/react/assets/Tabs.stories-b8bMkcMe.js new file mode 100644 index 00000000000..39df43b86f6 --- /dev/null +++ b/2452/react/assets/Tabs.stories-b8bMkcMe.js @@ -0,0 +1,28 @@ +import{r,p as J,t as $,u as z,B as I,c as C,d as M,n as Q,h as X,m as V,e as O,a0 as ee,l as ae,j as e}from"./index-BiF_XSVc.js";import{S as T}from"./Star-CfmG88yT.js";import{I as te}from"./Icon-DaWu1iQD.js";import{u as re}from"./useContainerWidth-BN4XcDTv.js";import{B as b}from"./Button-DJoTb4xb.js";import"./ProgressRadial-BJPx7fqR.js";let D=r.forwardRef((t,l)=>{let{className:n,children:i,orientation:s="horizontal",type:c="default",focusActivationMode:h="auto",color:o="blue",defaultValue:g,value:m,onValueChange:j,...x}=t,[A,E]=$(g,m,j),[N,v]=r.useState({}),[p,y]=r.useState(!1),R=ae();return r.createElement(I,{className:C("iui-tabs-wrapper",`iui-${s}`,n),...x,style:{...N,...t==null?void 0:t.style},ref:l},r.createElement(k.Provider,{value:{orientation:s,type:c,activeValue:A,setActiveValue:E,setStripeProperties:v,idPrefix:R,focusActivationMode:h,hasSublabel:p,setHasSublabel:y,color:o}},i))}),W=r.forwardRef((t,l)=>{let{className:n,children:i,...s}=t,{type:c,hasSublabel:h,color:o}=z(k),g=ee(),m=r.useRef(null),[j,x]=re(c!=="default"),A=O(l,m,j,ie());return r.createElement(I,{className:C("iui-tabs",`iui-${c}`,{"iui-green":o==="green","iui-animated":c!=="default"&&g,"iui-not-animated":c!=="default"&&!g,"iui-large":h},n),role:"tablist",ref:A,...s},r.createElement(Z.Provider,{value:{tabsWidth:x,tablistRef:m}},i))}),B=r.forwardRef((t,l)=>{let{className:n,children:i,value:s,label:c,...h}=t,{orientation:o,activeValue:g,setActiveValue:m,type:j,setStripeProperties:x,idPrefix:A,focusActivationMode:E}=z(k),{tabsWidth:N,tablistRef:v}=z(Z),p=r.useRef(void 0),y=g===s,R=Q(y);M(()=>{var u,d,f;R.current&&((f=(u=p.current)==null?void 0:u.parentElement)==null||f.scrollTo({[o==="horizontal"?"left":"top"]:((d=p.current)==null?void 0:d[o==="horizontal"?"offsetLeft":"offsetTop"])-4,behavior:"instant"}))},[R,o]),M(()=>{j!=="default"&&y&&(()=>{var S,P;let d=(S=p.current)==null?void 0:S.getBoundingClientRect(),f=(P=v.current)==null?void 0:P.getBoundingClientRect(),w=d!=null&&f!=null?{horizontal:d.x-f.x,vertical:d.y-f.y}:{horizontal:0,vertical:0};x({"--iui-tabs-stripe-size":o==="horizontal"?`${d==null?void 0:d.width}px`:`${d==null?void 0:d.height}px`,"--iui-tabs-stripe-position":o==="horizontal"?`${w.horizontal}px`:`${w.vertical}px`})})()},[j,o,y,N,x,v,s]);let _=u=>{var S,P,G;if(u.altKey)return;let d=Array.from(((S=u.currentTarget.parentElement)==null?void 0:S.children)??[]),f=((P=p.current)==null?void 0:P.nextElementSibling)??d.at(0),w=((G=p.current)==null?void 0:G.previousElementSibling)??d.at(-1);switch(u.key){case"ArrowDown":o==="vertical"&&(f==null||f.focus(),u.preventDefault());break;case"ArrowRight":o==="horizontal"&&(f==null||f.focus(),u.preventDefault());break;case"ArrowUp":o==="vertical"&&(w==null||w.focus(),u.preventDefault());break;case"ArrowLeft":o==="horizontal"&&(w==null||w.focus(),u.preventDefault());break}},q=r.useCallback(u=>{g===void 0&&u!=null&&u.matches(":first-of-type")&&m(s)},[g,m,s]);return r.createElement(X,{className:C("iui-tab",n),role:"tab",tabIndex:y?0:-1,"aria-selected":y,"aria-controls":`${A}-panel-${s.replaceAll(" ","-")}`,ref:O(p,l,q),...h,id:`${A}-tab-${s.replaceAll(" ","-")}`,onClick:V(t.onClick,()=>m(s)),onKeyDown:V(t.onKeyDown,_),onFocus:V(t.onFocus,()=>{var u;(u=p.current)==null||u.scrollIntoView({block:"nearest",inline:"nearest"}),E==="auto"&&!t.disabled&&m(s)})},c?r.createElement(a.TabLabel,null,c):i)}),H=r.forwardRef((t,l)=>r.createElement(te,{...t,className:C("iui-tab-icon",t==null?void 0:t.className),ref:l})),F=J.span("iui-tab-label"),K=r.forwardRef((t,l)=>{let{className:n,children:i,...s}=t,{hasSublabel:c,setHasSublabel:h}=z(k);return M(()=>{c||h(!0)},[c,h]),r.createElement(I,{as:"span",className:C("iui-tab-description",n),ref:l,...s},i)}),U=r.forwardRef((t,l)=>{let{wrapperProps:n,className:i,children:s,...c}=t;return r.createElement(I,{...n,className:C("iui-tabs-actions-wrapper",n==null?void 0:n.className)},r.createElement(I,{className:C("iui-tabs-actions",i),ref:l,...c},s))}),Y=r.forwardRef((t,l)=>{let{value:n,className:i,children:s,...c}=t,{activeValue:h,idPrefix:o}=z(k);return r.createElement(I,{className:C("iui-tabs-content",i),"aria-labelledby":`${o}-tab-${n.replaceAll(" ","-")}`,role:"tabpanel",hidden:h!==n?!0:void 0,ref:l,...c,id:`${o}-panel-${n.replaceAll(" ","-")}`},s)}),ne=r.forwardRef((t,l)=>{let n;t.type!=="pill"&&t.actions&&(n=t.actions,t={...t},delete t.actions);let{labels:i,onTabSelected:s,focusActivationMode:c,color:h,activeIndex:o,tabsClassName:g,contentClassName:m,wrapperClassName:j,children:x,...A}=t,[E,N]=$(0,o,s);return r.createElement(D,{className:j,focusActivationMode:c,color:h,value:`${E}`,onValueChange:v=>N(Number(v)),...A},r.createElement(W,{className:g,ref:l},i.map((v,p)=>{let y=`${p}`;return r.isValidElement(v)?r.cloneElement(v,{value:y}):r.createElement(L,{key:p,value:y,label:v})})),n&&r.createElement(U,null,n),x&&r.createElement(Y,{value:`${E}`,className:m},x))}),L=r.forwardRef((t,l)=>{let{label:n,sublabel:i,startIcon:s,children:c,value:h,...o}=t;return r.createElement(r.Fragment,null,r.createElement(B,{...o,value:h,ref:l},s&&r.createElement(H,null,s),r.createElement(F,null,n),i&&r.createElement(K,null,i),c))});const a=Object.assign(ne,{Wrapper:D,TabList:W,Tab:B,TabIcon:H,TabLabel:F,TabDescription:K,Actions:U,Panel:Y});let k=r.createContext(void 0),Z=r.createContext(void 0),ie=()=>r.useCallback(t=>{t&&t.scrollHeight>t.clientHeight&&(t.style.scrollbarGutter="stable",CSS.supports("scrollbar-gutter: stable")||(t.style.overflowY="scroll"))},[]);const he={title:"Tabs"},fe=()=>e.jsxs(a.Wrapper,{children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{label:"Apple",value:"apple"}),e.jsx(a.Tab,{label:"Orange",value:"orange"}),e.jsx(a.Tab,{label:"Grape",value:"grape"})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),pe=()=>e.jsxs(a.Wrapper,{type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{value:"pear",label:"Pear"}),e.jsx(a.Tab,{value:"cherry",label:"Cherry"}),e.jsx(a.Tab,{value:"peach",label:"Peach"})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"pear",children:"Pears are fruits produced and consumed around the world, growing on a tree and harvested in late summer into mid-autumn. The pear tree and shrub are a species of genus Pyrus, in the family Rosaceae, bearing the pomaceous fruit of the same name. Several species of pears are valued for their edible fruit and juices, while others are cultivated as trees."}),e.jsx(a.Panel,{value:"cherry",children:`A cherry is the fruit of many plants of the genus Prunus, and is a + fleshy drupe (stone fruit). Commercial cherries are obtained from + cultivars of several species, such as the sweet Prunus avium and the + sour Prunus cerasus. The name "cherry" also refers to the cherry tree + and its wood, and is sometimes applied to almonds and visually similar + flowering trees in the genus Prunus, as in "ornamental cherry" or + "cherry blossom". Wild cherry may refer to any of the cherry species + growing outside cultivation, although Prunus avium is often referred to + specifically by the name "wild cherry" in the British Isles.`}),e.jsx(a.Panel,{value:"peach",children:"The peach (Prunus persica) is a deciduous tree first domesticated and cultivated in Zhejiang province of Eastern China. It bears edible juicy fruits with various characteristics, most called peaches and others (the glossy-skinned, non-fuzzy varieties), nectarines."})]}),be=()=>e.jsxs(a.Wrapper,{type:"pill",children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{value:"apple",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})}),e.jsx(a.Tab,{value:"orange",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})}),e.jsx(a.Tab,{value:"grape",children:e.jsx(a.TabIcon,{children:e.jsx(T,{})})})]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),me=()=>e.jsxs(a.Wrapper,{type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsxs(a.Tab,{value:"apple",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Apple"}),e.jsx(a.TabDescription,{children:"Red fruit"})]}),e.jsxs(a.Tab,{value:"orange",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Orange"}),e.jsx(a.TabDescription,{children:"Orange fruit"})]}),e.jsxs(a.Tab,{value:"grape",disabled:!0,children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),ge=()=>{const[t,l]=r.useState("Item 11"),n=[{name:"Item 1",content:"Tab Content One",disabled:!1},{name:"Item 2",content:"Tab Content Two",disabled:!1},{name:"Item 3",content:"Tab Content Three",disabled:!1},{name:"Item 4",content:"Tab Content Four",disabled:!1},{name:"Item 5",content:"Tab Content Five",disabled:!1},{name:"Item 6",content:"Tab Content Six",disabled:!0},{name:"Item 7",content:"Tab Content Seven",disabled:!1},{name:"Item 8",content:"Tab Content Eight",disabled:!1},{name:"Item 9",content:"Tab Content Nine",disabled:!0},{name:"Item 10",content:"Tab Content Ten",disabled:!1},{name:"Item 11",content:"Tab Content Eleven",disabled:!1},{name:"Item 12",content:"Tab Content Twelve",disabled:!1},{name:"Very long item number thirteen",content:"Tab Content Thirteen",disabled:!1}];return e.jsx("div",{style:{width:"60%",maxWidth:800,minWidth:250,border:"1px solid lightpink",padding:8},children:e.jsxs(a.Wrapper,{value:t,onValueChange:l,children:[e.jsx(a.TabList,{children:n==null?void 0:n.map(i=>e.jsx(a.Tab,{value:i.name,disabled:i.disabled,label:i.name},i.name))}),e.jsx(a.Actions,{children:e.jsx(b,{children:"Button"},"button")}),n.map(i=>e.jsx(a.Panel,{value:i.name,children:i.content},i.name))]})})},ve=()=>{const[t,l]=r.useState("Item 11"),n=[{name:"Item 1",content:"Tab Content One",disabled:!1},{name:"Item 2",content:"Tab Content Two",disabled:!1},{name:"Item 3",content:"Tab Content Three",disabled:!1},{name:"Item 4",content:"Tab Content Four",disabled:!1},{name:"Item 5",content:"Tab Content Five",disabled:!1},{name:"Item 6",content:"Tab Content Six",disabled:!0},{name:"Item 7",content:"Tab Content Seven",disabled:!1},{name:"Item 8",content:"Tab Content Eight",disabled:!1},{name:"Item 9",content:"Tab Content Nine",disabled:!0},{name:"Item 10",content:"Tab Content Ten",disabled:!1},{name:"Item 11",content:"Tab Content Eleven",disabled:!1},{name:"Item 12",content:"Tab Content Twelve",disabled:!1},{name:"Very long item number thirteen",content:"Tab Content Thirteen",disabled:!1}];return e.jsx("div",{style:{height:"50vh",maxHeight:400,minHeight:100,border:"1px solid lightpink",padding:8},children:e.jsxs(a.Wrapper,{orientation:"vertical",value:t,onValueChange:l,children:[e.jsx(a.TabList,{children:n==null?void 0:n.map(i=>e.jsx(a.Tab,{value:i.name,disabled:i.disabled,label:i.name},i.name))}),e.jsx(a.Actions,{children:e.jsx(b,{children:"Button"},"button")}),n.map(i=>e.jsx(a.Panel,{value:i.name,children:i.content},i.name))]})})},ye=()=>e.jsxs(a.Wrapper,{orientation:"vertical",type:"borderless",children:[e.jsxs(a.TabList,{children:[e.jsxs(a.Tab,{value:"apple",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Apple"}),e.jsx(a.TabDescription,{children:"Red fruit"})]}),e.jsxs(a.Tab,{value:"orange",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Orange"}),e.jsx(a.TabDescription,{children:"Orange fruit"})]}),e.jsxs(a.Tab,{value:"grape",children:[e.jsx(a.TabIcon,{children:e.jsx(T,{})}),e.jsx(a.TabLabel,{children:"Grape"}),e.jsx(a.TabDescription,{children:"Green fruit"})]})]}),e.jsxs(a.Actions,{children:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")]}),e.jsx(a.Panel,{value:"apple",children:"An apple is a round, edible fruit produced by an apple tree (Malus domestica). Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found. Apples have been grown for thousands of years in Asia and Europe and were introduced to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek, and European Christian tradition."}),e.jsx(a.Panel,{value:"orange",children:"An orange is a fruit of various citrus species in the family Rutaceae (see list of plants known as orange); it primarily refers to Citrus x sinensis, which is also called sweet orange, to distinguish it from the related Citrus x aurantium, referred to as bitter orange. The sweet orange reproduces asexually (apomixis through nucellar embryony); varieties of the sweet orange arise through mutations."}),e.jsx(a.Panel,{value:"grape",children:"A grape is a fruit, botanically a berry, of the deciduous woody vines of the flowering plant genus Vitis. Grapes are a non-climacteric type of fruit, generally occurring in clusters. The cultivation of grapes began perhaps 8,000 years ago, and the fruit has been used as human food over history. Eaten fresh or in dried form (as raisins, currants and sultanas), grapes also hold cultural significance in many parts of the world, particularly for their role in winemaking. Other grape-derived products include various types of jam, juice, vinegar and oil."})]}),xe=()=>{const[t,l]=r.useState(0),n=()=>{switch(t){case 0:return`An apple is a round, edible fruit produced by an apple tree (Malus + domestica). Apple trees are cultivated worldwide and are the most widely + grown species in the genus Malus. The tree originated in Central Asia, + where its wild ancestor, Malus sieversii, is still found. Apples have + been grown for thousands of years in Asia and Europe and were introduced + to North America by European colonists. Apples have religious and + mythological significance in many cultures, including Norse, Greek, and + European Christian tradition.`;case 1:return`An orange is a fruit of various citrus species in the family Rutaceae + (see list of plants known as orange); it primarily refers to Citrus x + sinensis, which is also called sweet orange, to distinguish it from the + related Citrus x aurantium, referred to as bitter orange. The sweet + orange reproduces asexually (apomixis through nucellar embryony); + varieties of the sweet orange arise through mutations.`;default:return`A grape is a fruit, botanically a berry, of the deciduous woody vines of + the flowering plant genus Vitis. Grapes are a non-climacteric type of + fruit, generally occurring in clusters. The cultivation of grapes began + perhaps 8,000 years ago, and the fruit has been used as human food over + history. Eaten fresh or in dried form (as raisins, currants and + sultanas), grapes also hold cultural significance in many parts of the + world, particularly for their role in winemaking. Other grape-derived + products include various types of jam, juice, vinegar and oil.`}};return e.jsx(a,{labels:[e.jsx(L,{label:"Apple"},1),e.jsx(L,{label:"Orange"},2),e.jsx(L,{label:"Grape"},3)],activeIndex:t,onTabSelected:l,actions:[e.jsx(b,{size:"small",children:"Small size button"},"Small"),e.jsx(b,{children:"Normal size button"},"Normal")],children:n()})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{pe as BorderlessTabs,fe as DefaultTabs,ge as HorizontalOverflow,xe as LegacyTabs,be as PillTabs,me as SublabelsAndIcons,ye as Vertical,ve as VerticalOverflow,he as default}; diff --git a/2452/react/assets/Tag-CMh1PPwp.js b/2452/react/assets/Tag-CMh1PPwp.js new file mode 100644 index 00000000000..b8fd6f4fddd --- /dev/null +++ b/2452/react/assets/Tag-CMh1PPwp.js @@ -0,0 +1 @@ +import{r as a,B as o,c,h as g,I as k,S as N}from"./index-BiF_XSVc.js";import{L as b,a as p}from"./LinkAction-UeJMbSnl.js";const C=a.forwardRef((m,u)=>{let{className:d,variant:i="default",children:r,onRemove:n,onClick:e,labelProps:s,removeButtonProps:t,...f}=m,l=!!e&&!!n;return a.createElement(o,{as:l?b:e?g:"span",className:c({"iui-tag-basic":i==="basic","iui-tag":i==="default"},d),ref:u,onClick:l?void 0:e,...f},i==="default"?a.createElement(o,{as:l?p:"span",onClick:l?e:void 0,...s,className:c("iui-tag-label",s==null?void 0:s.className)},r):r,n&&a.createElement(k,{styleType:"borderless",size:"small",onClick:n,"aria-label":"Delete tag",...t,className:c("iui-tag-button",t==null?void 0:t.className)},a.createElement(N,{"aria-hidden":!0})))});export{C as T}; diff --git a/2452/react/assets/Tag.stories-D5zfHFwg.js b/2452/react/assets/Tag.stories-D5zfHFwg.js new file mode 100644 index 00000000000..d9f38c88b26 --- /dev/null +++ b/2452/react/assets/Tag.stories-D5zfHFwg.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{T as o}from"./Tag-CMh1PPwp.js";import"./LinkAction-UeJMbSnl.js";const l={title:"Tag"},r=()=>{const t=()=>{console.log("Closed me!")};return e.jsx(o,{onRemove:t,children:"I'm a tag"})},d=()=>e.jsx(o,{children:"Cannot close me!"}),i=()=>e.jsx(o,{onClick:()=>console.log("clicked!"),children:"Click me"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{i as Clickable,r as Default,d as NoClose,l as default}; diff --git a/2452/react/assets/TagContainer-CoV31Civ.js b/2452/react/assets/TagContainer-CoV31Civ.js new file mode 100644 index 00000000000..4dbd734a2f0 --- /dev/null +++ b/2452/react/assets/TagContainer-CoV31Civ.js @@ -0,0 +1 @@ +import{r,B as c,c as l}from"./index-BiF_XSVc.js";const m=r.forwardRef((a,o)=>{let{className:n,children:t,overflow:e,background:i="none",...s}=a;return r.createElement(c,{className:l("iui-tag-container",{[`iui-${e}`]:!!e,"iui-visible":i!=="none"},n),ref:o,...s},t)});export{m as T}; diff --git a/2452/react/assets/TagContainer.stories-BJuojoOP.js b/2452/react/assets/TagContainer.stories-BJuojoOP.js new file mode 100644 index 00000000000..c79e052c15c --- /dev/null +++ b/2452/react/assets/TagContainer.stories-BJuojoOP.js @@ -0,0 +1 @@ +import{j as a}from"./index-BiF_XSVc.js";import{T as r}from"./TagContainer-CoV31Civ.js";import{T as n}from"./Tag-CMh1PPwp.js";import"./LinkAction-UeJMbSnl.js";const c={title:"TagContainer"},d=()=>a.jsxs(r,{children:[a.jsx(n,{variant:"basic",children:"Tag 1"}),a.jsx(n,{variant:"basic",children:"Tag 2"}),a.jsx(n,{variant:"basic",children:"Tag 3"})]}),l=()=>a.jsxs(r,{children:[a.jsx(n,{children:"Tag 1"}),a.jsx(n,{children:"Tag 2"}),a.jsx(n,{children:"Tag 3"})]}),o=()=>a.jsxs(r,{overflow:"scroll",style:{maxWidth:200},children:[a.jsx(n,{children:"Tag 1"}),a.jsx(n,{children:"Tag 2"}),a.jsx(n,{children:"Tag 3"}),a.jsx(n,{children:"Tag 4"}),a.jsx(n,{children:"Tag 5"}),a.jsx(n,{children:"Tag 6"}),a.jsx(n,{children:"Tag 7"})]}),T=()=>a.jsxs(r,{overflow:"truncate",style:{maxWidth:200},children:[a.jsx(n,{variant:"basic",children:"Tag 1"}),a.jsx(n,{variant:"basic",children:"Tag 2"}),a.jsx(n,{variant:"basic",children:"Tag 3"}),a.jsx(n,{variant:"basic",children:"Tag 4"}),a.jsx(n,{variant:"basic",children:"Tag 5"}),a.jsx(n,{variant:"basic",children:"Tag 6"}),a.jsx(n,{variant:"basic",children:"Tag 7"})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as BasicTagsContainer,l as DefaultTagsContainer,o as ScrollableDefaultTagsContainer,T as TruncatedBasicTagsContainer,c as default}; diff --git a/2452/react/assets/Text-JFgXX77W.js b/2452/react/assets/Text-JFgXX77W.js new file mode 100644 index 00000000000..6986a151427 --- /dev/null +++ b/2452/react/assets/Text-JFgXX77W.js @@ -0,0 +1 @@ +import{r as e,B as c,c as x}from"./index-BiF_XSVc.js";const d=e.forwardRef((a,r)=>{let{variant:t="body",className:s,isMuted:o=!1,isSkeleton:i=!1,...l}=a;return e.createElement(n.Provider,{value:!0},e.createElement(c,{className:x({[`iui-text-${t}`]:t!=="body","iui-text-block":t==="body","iui-text-muted":o,"iui-skeleton":i},s),ref:r,...l}))}),n=e.createContext(!1);export{d as T,n as a}; diff --git a/2452/react/assets/Text.stories-Chxa2hu5.js b/2452/react/assets/Text.stories-Chxa2hu5.js new file mode 100644 index 00000000000..3ea8690cbee --- /dev/null +++ b/2452/react/assets/Text.stories-Chxa2hu5.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{T as t}from"./Text-JFgXX77W.js";const r={title:"Text"},s=()=>e.jsx(t,{children:"I'm a Text"}),i=()=>e.jsx(t,{variant:"body",as:"p",children:"I'm a Text"}),d=()=>e.jsx(t,{variant:"small",as:"small",children:"I'm a Text"}),o=()=>e.jsx(t,{variant:"leading",as:"h4",children:"I'm a Text"}),l=()=>e.jsx(t,{variant:"subheading",as:"h3",children:"I'm a Text"}),c=()=>e.jsx(t,{variant:"title",as:"h2",children:"I'm a Text"}),m=()=>e.jsx(t,{variant:"headline",as:"h1",children:"I'm a Text"}),x=()=>e.jsx(t,{variant:"headline",as:"h4",children:"I'm a headline text rendered as an h4 element!"}),h=()=>e.jsx(t,{isSkeleton:!0,children:"I'm a Text"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{s as Basic,i as Body,m as Headline,o as Leading,x as Polymorphic,h as Skeleton,d as Small,l as Subheading,c as Title,r as default}; diff --git a/2452/react/assets/Textarea-C0SdQr5i.js b/2452/react/assets/Textarea-C0SdQr5i.js new file mode 100644 index 00000000000..fd9a42b143a --- /dev/null +++ b/2452/react/assets/Textarea-C0SdQr5i.js @@ -0,0 +1 @@ +import{r}from"./index-BiF_XSVc.js";import{I as a}from"./Input-D1FcPXKL.js";const f=r.forwardRef((e,t)=>r.createElement(a,{as:"textarea",rows:3,ref:t,...e}));export{f as T}; diff --git a/2452/react/assets/Textarea.stories-D8F4bg3p.js b/2452/react/assets/Textarea.stories-D8F4bg3p.js new file mode 100644 index 00000000000..081c64e857b --- /dev/null +++ b/2452/react/assets/Textarea.stories-D8F4bg3p.js @@ -0,0 +1 @@ +import{j as e}from"./index-BiF_XSVc.js";import{T as t}from"./Textarea-C0SdQr5i.js";import"./Input-D1FcPXKL.js";const s={title:"Textarea"},d=()=>e.jsx(t,{placeholder:"This is a textarea"}),i=()=>e.jsx(t,{disabled:!0,placeholder:"This is a textarea"});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as Basic,i as Disabled,s as default}; diff --git a/2452/react/assets/Tile.stories-XDtUUsMm.js b/2452/react/assets/Tile.stories-XDtUUsMm.js new file mode 100644 index 00000000000..730470fa5d3 --- /dev/null +++ b/2452/react/assets/Tile.stories-XDtUUsMm.js @@ -0,0 +1 @@ +import{r as t,o as S,p as j,B as b,c as g,I as y,u as L,a as Y,j as e}from"./index-BiF_XSVc.js";import{S as Z}from"./Folder-BZr-j4ck.js";import{S as ee}from"./Star-CfmG88yT.js";import{D as ie}from"./DropdownMenu-B9DfH_cx.js";import{P as te}from"./ProgressRadial-BJPx7fqR.js";import{a as ne}from"./LinkAction-UeJMbSnl.js";import{b as le,M as o}from"./MenuItem-CgPM3DgF.js";import{s as re}from"./supports-DV2LxME-.js";import{S as ae}from"./SvgCheckmark-BUStwd7A.js";import{B as f}from"./Badge-D51fTPLq.js";import{T as C}from"./TagContainer-CoV31Civ.js";import{T as h}from"./Tag-CMh1PPwp.js";import{B as I}from"./Button-DJoTb4xb.js";import{A as se}from"./Avatar-CDlqyec4.js";import{g as ce}from"./colors-ymlpSE_k.js";import"./focusable-DHgriT9F.js";import"./ListItem-BGCU0KzW.js";const oe=n=>t.createElement(S,n,t.createElement("path",{d:"m4 8a2 2 0 1 1 -2-2 2 2 0 0 1 2 2zm4-2a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z"})),de=n=>t.createElement(S,n,t.createElement("path",{d:"M8 5a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM4.535 7a.997.997 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5A1 1 0 0 1 4.536 7zM1.94 12.5a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.997.997 0 0 1-.499.134zM8 16a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zm6.061-3.5a.995.995 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5a1 1 0 0 1-.5 1.866zM11.465 7a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.995.995 0 0 1-.5.134z"}));let M=t.createContext(void 0),z=t.forwardRef((n,a)=>{let{className:l,status:r,variant:s,isNew:c,isSelected:d,isLoading:m,isDisabled:x,...p}=n,[u,v]=t.useState(!1),T=u;return t.createElement(M.Provider,{value:{status:r,variant:s,isNew:c,isSelected:d,isLoading:m,isActionable:T,isDisabled:x,setActionable:v}},t.createElement(b,{className:g("iui-tile",{"iui-folder":s==="folder","iui-new":c,"iui-selected":d,"iui-actionable":T,[`iui-${r}`]:!!r,"iui-loading":m},l),"aria-disabled":x,ref:a,...p}))}),D=t.forwardRef((n,a)=>{let{onClick:l,children:r,href:s,...c}=n,{setActionable:d,isDisabled:m}=L(M);return t.useEffect(()=>{re()||d(!0)},[d]),t.createElement(ne,{as:n.href?"a":"button",href:s,onClick:m?void 0:l,"aria-disabled":m,ref:a,...c},r)}),P=j.div("iui-tile-thumbnail"),E=t.forwardRef((n,a)=>{let{className:l,url:r,children:s,...c}=n;return r?t.createElement(b,{className:g("iui-tile-thumbnail-picture",l),style:{backgroundImage:typeof r=="string"?`url(${r})`:void 0},ref:a,...c}):t.createElement(b,{className:g("iui-thumbnail-icon",l),ref:a,...c},s)}),O=j.div("iui-tile-thumbnail-quick-action"),W=j.div("iui-tile-thumbnail-type-indicator"),me=t.forwardRef((n,a)=>{let{className:l,children:r,...s}=n;return t.createElement(y,{className:g("iui-tile-thumbnail-button",l),styleType:"borderless",size:"small",ref:a,...s},r)}),R=j.div("iui-tile-thumbnail-badge-container"),U=t.forwardRef((n,a)=>{let{className:l,children:r,name:s,...c}=n;return t.createElement(b,{className:g("iui-tile-name",l),ref:a,...c},r??s)}),V=t.forwardRef((n,a)=>{let{children:l,className:r,...s}=n,{status:c,isLoading:d,isSelected:m,isNew:x}=L(M),p=!!c&&Y[c],u;return p&&(u=t.createElement(p,{"aria-hidden":!0})),d&&(u=t.createElement(te,{size:"x-small","aria-hidden":!0,indeterminate:!0})),m&&(u=t.createElement(ae,{"aria-hidden":!0})),x&&(u=t.createElement(de,{"aria-hidden":!0})),l||u?t.createElement(b,{className:g("iui-tile-status-icon",r),ref:a,...s},l??u):null}),F=j.span("iui-tile-name-label"),Q=j.div("iui-tile-content"),q=j.div("iui-tile-description"),H=j.div("iui-tile-metadata"),$=t.forwardRef((n,a)=>{let{className:l,children:r=[],buttonProps:s,...c}=n,[d,m]=t.useState(!1);return t.createElement(le.Provider,{value:!0},t.createElement(b,{className:g("iui-tile-more-options",{"iui-visible":d},l),ref:a,...c},t.createElement(ie,{onVisibleChange:m,menuItems:r},t.createElement(y,{styleType:"borderless",size:"small","aria-label":"More options",...s},t.createElement(oe,null)))))}),_=j.div("iui-tile-buttons"),ue=t.forwardRef((n,a)=>{let{name:l,description:r,status:s,isNew:c,isLoading:d,isSelected:m,thumbnail:x,badge:p,leftIcon:u,rightIcon:v,buttons:T,metadata:w,moreOptions:B,children:G,isActionable:J,isDisabled:A,onClick:K,...X}=n;return t.createElement(z,{ref:a,isNew:c,isSelected:m,isLoading:d,status:s,isDisabled:A,...X},t.createElement(U,null,(s||c||d||m)&&t.createElement(V,null),t.createElement(F,null,J?t.createElement(D,{onClick:A?void 0:K,"aria-disabled":A},l):l)),x&&t.createElement(P,null,typeof x!="string"?t.createElement(E,null,x):t.createElement(E,{url:x}),p&&t.createElement(R,null,p),u&&t.createElement(W,null,u),v&&t.createElement(O,null,v)),t.createElement(Q,null,r&&t.createElement(q,null,r),B&&t.createElement($,null,B),w&&t.createElement(H,null,w),G),T&&t.createElement(_,null,T))});const i=Object.assign(ue,{Wrapper:z,ThumbnailArea:P,ThumbnailPicture:E,QuickAction:O,TypeIndicator:W,BadgeContainer:R,IconButton:me,Name:U,NameIcon:V,NameLabel:F,Action:D,ContentArea:Q,Description:q,Metadata:H,MoreOptions:$,Buttons:_}),N=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M8 1a1.004 1.004 0 01.514.138l5.01 2.981a.951.951 0 01.476.82v6.097a1.004 1.004 0 01-.486.851l-5 2.975a1.023 1.023 0 01-1.028 0l-4.984-2.965a1.032 1.032 0 01-.502-.86V4.963a1.004 1.004 0 01.486-.851l5-2.975A1.004 1.004 0 018 1m0-1a2.006 2.006 0 00-1.025.28l-5 2.974A1.994 1.994 0 001 4.963v6.073a2.025 2.025 0 00.975 1.71l5 2.975a2.023 2.023 0 002.05 0l5-2.974a1.994 1.994 0 00.975-1.71V4.938a1.953 1.953 0 00-.975-1.686l-5-2.974A2.006 2.006 0 008 0zm0 3.25a1.063 1.063 0 11-1.063 1.063A1.063 1.063 0 018 3.25zm3 9.19a.25.25 0 01-.122.214l-2.725 1.623a.25.25 0 01-.255 0L5.123 12.64A.25.25 0 015 12.424v-1.441a.25.25 0 01.378-.215L7 11.667v-3.43l-.878-.56A.25.25 0 016 7.462V6.016a.25.25 0 01.378-.214l2.5 1.383A.25.25 0 019 7.399v4.268l1.622-.899a.25.25 0 01.378.215z"})),he=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M10 0a1.539 1.539 0 011.662 1.405q.004.048.005.095a2.182 2.182 0 01-2.167 2 1.575 1.575 0 01-1.667-1.667A2.047 2.047 0 0110 0M6.667 16c-.833 0-1.5-.5-.833-2.833l1-4C7 8.5 7 8.333 6.833 8.333c-.333-.167-1.5.333-2.167.833l-.333-.833c2-1.667 4.333-2.667 5.5-2.667.833 0 1 1 .5 2.667l-1.166 4.334c-.167.833-.167 1 .167 1a3.338 3.338 0 001.833-1l.5.667a9.615 9.615 0 01-5 2.666"})),k=n=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...n},t.createElement("path",{d:"M9 0L0 9l7 7 9-9V0zm3.5 5A1.5 1.5 0 1114 3.5 1.5 1.5 0 0112.5 5z"})),Se={title:"Tile"},ye=()=>e.jsxs(i.Wrapper,{children:[e.jsx(i.Name,{name:"Stadium"}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(h,{variant:"basic",children:"tag 1"}),e.jsx(h,{variant:"basic",children:"tag 2"})]})]})]})]}),Le=()=>e.jsxs(i.Wrapper,{isSelected:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Stadium"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"}),e.jsx(i.TypeIndicator,{children:e.jsx(i.IconButton,{children:e.jsx(ee,{})})}),e.jsx(i.QuickAction,{children:e.jsx(i.IconButton,{children:e.jsx(he,{})})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"National stadium in Singapore. Features landscape details and a metro station. This is the largest sample iModel."}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(h,{variant:"basic",children:"tag 1"}),e.jsx(h,{variant:"basic",children:"tag 2"})]})]})]}),e.jsxs(i.Buttons,{children:[e.jsx(I,{onClick:()=>console.log("clicked left button"),children:"Manage"},1),e.jsx(I,{onClick:()=>console.log("clicked right button"),children:"Projects"},2)]})]}),ze=()=>{const[n,a]=t.useState(!1);return e.jsxs(i.Wrapper,{isSelected:n,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{onClick:()=>a(l=>!l),children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"}),e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to be selected."}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(h,{variant:"basic",children:"tag 1"}),e.jsx(h,{variant:"basic",children:"tag 2"})]})]})]})]})},De=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:e.jsx(i.Action,{href:"https://inclusive-components.design/cards/",children:"Stadium"})})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{url:"https://itwinplatformcdn.azureedge.net/iTwinUI/stadium.png"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"If you click on this stadium, it is going to open another page."}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(h,{variant:"basic",children:"tag 1"}),e.jsx(h,{variant:"basic",children:"tag 2"})]})]})]})]}),Pe=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Condensed"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsx(i.ContentArea,{children:e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]})})]}),Oe=()=>e.jsxs(i.Wrapper,{children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Some User"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(se,{size:"x-large",status:"online",abbreviation:"TR",backgroundColor:ce("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"User Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]})]})]}),We=()=>e.jsxs(i.Wrapper,{variant:"folder",children:[e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(Z,{})})}),e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Folder Name"})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Folder description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Folder metadata"})})]})]}),Re=()=>e.jsxs(i.Wrapper,{status:"positive",children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Tile with status"})})]})]}),Ue=()=>e.jsxs(i.Wrapper,{isLoading:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsx(i.ThumbnailArea,{children:e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsx(i.Metadata,{children:e.jsx("span",{children:"Loading tile"})})]})]}),Ve=()=>e.jsxs(i.Wrapper,{isDisabled:!0,children:[e.jsxs(i.Name,{children:[e.jsx(i.NameIcon,{}),e.jsx(i.NameLabel,{children:"Tile Name"})]}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(f,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(N,{})})]}),e.jsxs(i.ContentArea,{children:[e.jsx(i.Description,{children:"Description"}),e.jsxs(i.MoreOptions,{children:[e.jsx(o,{onClick:()=>console.log("clicked item 1"),children:"Item 1"},1),e.jsx(o,{onClick:()=>console.log("clicked item 2"),children:"Item 2"},2)]}),e.jsxs(i.Metadata,{children:[e.jsx(k,{}),e.jsxs(C,{children:[e.jsx(h,{variant:"basic",children:"tag 1"}),e.jsx(h,{variant:"basic",children:"tag 2"})]})]})]}),e.jsx(i.Buttons,{children:e.jsx(I,{disabled:!0,children:"Button"})})]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{ze as Actionable,Le as AllProps,De as AnchorLink,ye as Basic,Pe as Condensed,Ve as Disabled,We as Folder,Ue as Loading,Re as Status,Oe as WithAvatar,Se as default}; diff --git a/2452/react/assets/TimePicker-DbBEAzYH.js b/2452/react/assets/TimePicker-DbBEAzYH.js new file mode 100644 index 00000000000..52bb70c1988 --- /dev/null +++ b/2452/react/assets/TimePicker-DbBEAzYH.js @@ -0,0 +1 @@ +import{r as o,B as L,c as q}from"./index-BiF_XSVc.js";let P=(n,r,u)=>{let m=u?E(n.getHours(),u):n.getHours();return u?!!r&&m%12===r.getHours()%12:!!r&&m===r.getHours()},N=(n,r)=>!!r&&n.getMinutes()===r.getMinutes(),x=(n,r)=>!!r&&n.getSeconds()===r.getSeconds(),U=(n,r,u,m)=>{let s=!0;switch(u){case"seconds":if(s=x(n,r),!s)break;case"minutes":if(s=N(n,r),!s)break;case"hours":s=P(n,r,m)}return s},$=(n,r)=>!!r&&(n==="AM"?r.getHours()<12:r.getHours()>=12),E=(n,r)=>{let u=n%12;return r==="PM"?u+12:u},h=(n,r)=>new Date(r.getFullYear(),r.getMonth(),r.getDate(),n,r.getMinutes(),r.getSeconds()),te=(n,r)=>{let u="";switch(r){case"seconds":u=":"+n.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2});case"minutes":u=":"+n.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2})+u;case"hours":u=n.getHours().toLocaleString(void 0,{minimumIntegerDigits:2})+u}return u};const se=o.forwardRef((n,r)=>{let{date:u,onChange:m,use12Hours:s=!1,precision:l="minutes",hourStep:F=1,minuteStep:w=1,secondStep:p=1,setFocusHour:R=!1,hourRenderer:k=e=>e.getHours().toLocaleString(void 0,{minimumIntegerDigits:2}),minuteRenderer:j=e=>e.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2}),secondRenderer:c=e=>e.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2}),meridiemRenderer:C=e=>e,useCombinedRenderer:H=!1,combinedRenderer:S=te,className:d,...z}=n,[a,K]=o.useState(u),[f,M]=o.useState(a??new Date),[D,Y]=o.useState(s?(f==null?void 0:f.getHours())>11?"PM":"AM":void 0);o.useEffect(()=>{M(u??new Date),K(u)},[u]);let G=e=>{let t=s?E(e.getHours(),D):e.getHours(),i=h(t,a??new Date);T(i)},J=e=>{let t=s?E(e.getHours(),D):e.getHours(),i=h(t,e);T(i)},O=e=>{let t=a??new Date,i=t.getHours();Y(e),e==="AM"&&i>11&&(t=h(i-12,t)),e==="PM"&&i<=12&&(t=h(i+12,t)),T(t)},T=e=>{let t=e;l==="hours"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),0,0)),l==="minutes"&&(t=new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),0)),M(t),K(t),m==null||m(t)},Q=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,f))},W=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,e))},X=e=>{let t=a??new Date,i=t.getHours();e==="AM"&&i>11&&(Y(e),t=h(i-12,t)),e==="PM"&&i<=12&&(Y(e),t=h(i+12,t)),M(t)},I=(e,t,i)=>{let b=[];for(let y=0;y{let e=a??new Date,t=[],i=Array.from(Array(s?12:24).keys()).filter(g=>g%F===0).map(g=>s&&g===0?12:g),b=Array.from(Array(60).keys()).filter(g=>g%w===0),y=Array.from(Array(60).keys()).filter(g=>g%p===0);return i.forEach(g=>{l==="hours"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,e.getMinutes(),e.getSeconds())):b.forEach(B=>{l==="minutes"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,B,e.getSeconds())):y.forEach(ee=>{t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,B,ee))})})}),t},[F,w,p,a,s,l]),_=o.useMemo(()=>{let e=a??new Date;return I(s?12:24,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),s&&t===0?12:t,e.getMinutes(),e.getSeconds()),F)},[F,a,s]),v=o.useMemo(()=>{let e=a??new Date;return I(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),t,e.getSeconds()),w)},[w,a]),V=o.useMemo(()=>{let e=a??new Date;return I(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),t),p)},[p,a]);return o.createElement(L,{className:q("iui-time-picker",d),ref:r,...z},H?o.createElement(A,{data:Z,isSameFocused:e=>U(e,f,l,s?D:void 0),isSameSelected:e=>U(e,a,l,s?D:void 0),onFocusChange:W,onSelectChange:J,setFocus:R,precision:l,valueRenderer:S}):o.createElement(o.Fragment,null,o.createElement(A,{data:_,isSameFocused:e=>P(e,f,s?D:void 0),isSameSelected:e=>P(e,a,s?D:void 0),onFocusChange:Q,onSelectChange:G,setFocus:R,valueRenderer:k}),l!=="hours"&&o.createElement(A,{data:v,isSameFocused:e=>N(e,f),isSameSelected:e=>N(e,a),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:j}),l==="seconds"&&o.createElement(A,{data:V,isSameFocused:e=>x(e,f),isSameSelected:e=>x(e,a),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:c})),s&&o.createElement(A,{data:["AM","PM"],isSameFocused:e=>$(e,f),isSameSelected:e=>$(e,a),onFocusChange:e=>X(e),onSelectChange:e=>O(e),valueRenderer:C,className:"iui-period"}))});let A=n=>{let{data:r,onFocusChange:u,onSelectChange:m,isSameFocused:s,isSameSelected:l,setFocus:F=!1,valueRenderer:w,precision:p="minutes",className:R="iui-time"}=n,k=o.useRef(F),j=(c,C,H,S,d)=>{if(!c.altKey)switch(c.key){case"ArrowDown":if(d+1>C)break;H(d+1),k.current=!0,c.preventDefault();break;case"ArrowUp":if(d-1<0)break;H(d-1),k.current=!0,c.preventDefault();break;case"Enter":case" ":case"Spacebar":S(d),c.preventDefault();break}};return o.createElement(L,{className:`${R}`},o.createElement("ol",null,r.map((c,C)=>{let H=s(c);return o.createElement(L,{as:"li",onKeyDown:S=>{j(S,r.length-1,d=>u(r[d]),d=>m(r[d]),C)},className:q({"iui-selected":l(c)}),key:C,tabIndex:H?0:void 0,ref:S=>{!S||!H||setTimeout(()=>{S.scrollIntoView({block:"nearest",inline:"nearest"}),k.current&&(S.focus(),k.current=!1)})},onClick:()=>{m(c)}},w(c,p))})))};export{se as T}; diff --git a/2452/react/assets/TimePicker.stories-BfcCl24r.js b/2452/react/assets/TimePicker.stories-BfcCl24r.js new file mode 100644 index 00000000000..80c06957def --- /dev/null +++ b/2452/react/assets/TimePicker.stories-BfcCl24r.js @@ -0,0 +1 @@ +import{r as u,j as e,P as i}from"./index-BiF_XSVc.js";import{S as a}from"./Calendar-ohgNFd3C.js";import{I as n}from"./InputWithDecorations-BD26TqGD.js";import{T as c}from"./TimePicker-DbBEAzYH.js";import"./InputFlexContainer-BCUPBwKB.js";import"./Icon-DaWu1iQD.js";const g={title:"TimePicker"},y=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,55,22)),s=t=>{o(t),console.log(`New Time value: ${t}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:150},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,use12Hours:!1}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})},S=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,55,22)),s=t=>{o(t),console.log(`New Time value: ${t}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:200},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,use12Hours:!1,hourRenderer:t=>t.getHours()===1?`${t.getHours()} hr`:`${t.getHours()} hrs`,minuteRenderer:t=>t.getMinutes()===1?`${t.getMinutes()} min`:`${t.getMinutes()} mins`,meridiemRenderer:t=>t==="AM"?"Before":"After"}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})},w=()=>{const[r,o]=u.useState(new Date(2021,4,11,14,30,0)),s=l=>{o(l),console.log(`New Time value: ${l}`)};return e.jsx(e.Fragment,{children:e.jsxs(n,{style:{width:150},id:"time-input",children:[e.jsx(n.Input,{value:r.toLocaleTimeString("en-US",{timeStyle:"short"}),readOnly:!0}),e.jsx(i,{applyBackground:!0,placement:"bottom-end",content:e.jsx(c,{date:r,onChange:s,setFocusHour:!0,useCombinedRenderer:!0,precision:"minutes",hourStep:1,minuteStep:30,use12Hours:!0}),children:e.jsx(n.Button,{children:e.jsx(a,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{y as Basic,w as Combined,S as CustomRenderers,g as default}; diff --git a/2452/react/assets/Toasts.stories-CTIpeDBY.js b/2452/react/assets/Toasts.stories-CTIpeDBY.js new file mode 100644 index 00000000000..0d75ac09c97 --- /dev/null +++ b/2452/react/assets/Toasts.stories-CTIpeDBY.js @@ -0,0 +1 @@ +import{a1 as i,j as e,r as l}from"./index-BiF_XSVc.js";import{B as s}from"./Button-DJoTb4xb.js";import{P as a}from"./ProgressRadial-BJPx7fqR.js";const m={title:"Toasts"},p=()=>{const t=i(),o=()=>{t.setSettings({placement:"top",order:"descending"}),t.positive("This is a positive toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")}})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Positive"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},g=()=>{const t=i(),o=()=>{t.setSettings({placement:"top",order:"descending"}),t.negative("This is a negative toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")}})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Negative"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},k=()=>{const t=i(),o=()=>{t.setSettings({placement:"top",order:"descending"}),t.informational("This is an informational toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")}})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Informational"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},y=()=>{const t=i(),o=()=>{t.setSettings({placement:"top",order:"descending"}),t.warning("This is a warning toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")}})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Warning"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},h=()=>{const t=i(),o=()=>{t.setSettings({placement:"bottom-end"}),t.informational("This is a toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")}})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Toast"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},u=()=>{const t=i(),o=l.useRef(null),n=()=>{t.setSettings({placement:"top",order:"descending"}),t.positive("This is a positive toast message",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"temporary",onRemove:()=>{console.log("Toast removed!")},animateOutTo:o.current})};return e.jsxs(e.Fragment,{children:[e.jsx(s,{ref:o,styleType:"high-visibility",onClick:n,children:"Positive"}),e.jsx(s,{style:{display:"block",marginTop:16},onClick:()=>t.closeAll(),children:"Close All"})]})},T=()=>{const t=i(),o=()=>{t.setSettings({placement:"top",order:"descending"});const{close:n}=t.informational(e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"flex-end"},children:[e.jsx(a,{size:"small",indeterminate:!0,style:{marginRight:"8px"}}),"Your process is running..."]}),{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"persisting",onRemove:()=>{console.log("Toast removed!")}});setTimeout(()=>{n(),t.positive("Process completed",{duration:7e3,hasCloseButton:!0,link:{title:"Link",onClick:()=>{alert("Link was clicked!")}},type:"persisting",onRemove:()=>{console.log("Toast removed!")}})},3e3)};return e.jsx(e.Fragment,{children:e.jsx(s,{styleType:"high-visibility",onClick:o,children:"Start process"})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{u as AnchorToButton,T as CloseIndividual,k as Informational,g as Negative,h as PositionChanged,p as Positive,y as Warning,m as default}; diff --git a/2452/react/assets/ToggleSwitch-u1t84S3V.js b/2452/react/assets/ToggleSwitch-u1t84S3V.js new file mode 100644 index 00000000000..6acf69e755a --- /dev/null +++ b/2452/react/assets/ToggleSwitch-u1t84S3V.js @@ -0,0 +1 @@ +import{r as e,B as t,c as o}from"./index-BiF_XSVc.js";import{S as f}from"./SvgCheckmark-BUStwd7A.js";const w=e.forwardRef((n,m)=>{let{disabled:s=!1,labelPosition:c="right",label:a,className:u,style:d,size:r="default",labelProps:l={},icon:i,...g}=n,h=i===void 0||i!==null&&r!=="small";return e.createElement(t,{as:a?"label":"div",className:o("iui-toggle-switch-wrapper",{"iui-disabled":s,"iui-label-on-right":a&&c==="right","iui-label-on-left":a&&c==="left"},u),"data-iui-size":r,style:d},e.createElement(t,{as:"input",className:"iui-toggle-switch",type:"checkbox",role:"switch",disabled:s,ref:m,...g}),h&&e.createElement(t,{as:"span",className:"iui-toggle-switch-icon","aria-hidden":!0},i||e.createElement(f,null)),a&&e.createElement(t,{as:"span",...l,className:o("iui-toggle-switch-label",l==null?void 0:l.className)},a))});export{w as T}; diff --git a/2452/react/assets/ToggleSwitch.stories-DtkfdLs3.js b/2452/react/assets/ToggleSwitch.stories-DtkfdLs3.js new file mode 100644 index 00000000000..0fc2b68a9a0 --- /dev/null +++ b/2452/react/assets/ToggleSwitch.stories-DtkfdLs3.js @@ -0,0 +1 @@ +import{r,j as e}from"./index-BiF_XSVc.js";import{T as t}from"./ToggleSwitch-u1t84S3V.js";import"./SvgCheckmark-BUStwd7A.js";const o=l=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},r.createElement("path",{d:"M10 14a2 2 0 01-4 0m.5-2h3a.5.5 0 010 1h-3a.5.5 0 010-1M11 5.5a3.772 3.772 0 00-2.29-3.455.504.504 0 00-.665.25.499.499 0 00.248.66h.003A2.784 2.784 0 019.994 5.5.503.503 0 0011 5.5M8 0a4.998 4.998 0 00-4.156 7.778h-.002l.011.017v.001L6 11h4l2.158-3.222h-.002A4.998 4.998 0 008 0",fillRule:"evenodd"})),d={title:"ToggleSwitch",decorators:[l=>e.jsx("div",{style:{padding:"5.5px 0"},children:e.jsx(l,{})})]},n=()=>e.jsx(t,{defaultChecked:!0}),c=()=>e.jsx(t,{defaultChecked:!0,size:"small"}),u=()=>e.jsx(t,{defaultChecked:!0,disabled:!0}),h=()=>e.jsx(t,{disabled:!0}),m=()=>e.jsx(t,{defaultChecked:!0,label:"This is a right label",labelPosition:"right"}),x=()=>e.jsx(t,{label:"This is a left label",labelPosition:"left"}),b=()=>e.jsx(t,{defaultChecked:!0,icon:e.jsx(o,{})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{n as Basic,u as DisabledChecked,h as DisabledUnchecked,x as LabelLeft,m as LabelRight,c as Small,b as WithCustomIcon,d as default}; diff --git a/2452/react/assets/Tooltip.stories-7of0F3PB.js b/2452/react/assets/Tooltip.stories-7of0F3PB.js new file mode 100644 index 00000000000..4a46048d03d --- /dev/null +++ b/2452/react/assets/Tooltip.stories-7of0F3PB.js @@ -0,0 +1 @@ +import{j as t,T as e}from"./index-BiF_XSVc.js";import{B as o}from"./Button-DJoTb4xb.js";import"./ProgressRadial-BJPx7fqR.js";const l={title:"Tooltip"},s=()=>t.jsx(e,{placement:"top",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),c=()=>t.jsx(e,{placement:"right",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),d=()=>t.jsx(e,{placement:"bottom",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"Please, try to hover me!"})}),m=()=>t.jsx(e,{placement:"left",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",style:{marginLeft:100},children:"Please, try to hover me!"})}),a=()=>t.jsx(e,{visible:!0,placement:"left",content:"Here I am!",children:t.jsx(o,{id:"tooltip-target",children:"No need to hover me"})});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{d as Bottom,a as Controlled,m as Left,c as Right,s as Top,l as default}; diff --git a/2452/react/assets/TransferList.stories-O3V0zije.js b/2452/react/assets/TransferList.stories-O3V0zije.js new file mode 100644 index 00000000000..766b3d80edf --- /dev/null +++ b/2452/react/assets/TransferList.stories-O3V0zije.js @@ -0,0 +1 @@ +import{p as T,r,b as I,c as L,u as w,e as D,l as O,B as k,j as e,I as h}from"./index-BiF_XSVc.js";import{S as y}from"./ChevronRightDouble-CWa9hAYR.js";import{L as A}from"./List-9GtQ4mx3.js";import{L as M}from"./ListItem-BGCU0KzW.js";import{L as R}from"./Label-BaBdAter.js";import{a as S}from"./focusable-DHgriT9F.js";import"./LinkAction-UeJMbSnl.js";let B=T.div("iui-transfer-list-wrapper"),N=r.forwardRef((s,i)=>{let{className:u,children:l,...d}=s,t=O(),[a,f]=r.useState(t);return r.createElement(k,{as:"div",className:L("iui-transfer-list-listbox-wrapper",u),ref:i,...d},r.createElement(j.Provider,{value:{labelId:a,setLabelId:f}},l))}),W=r.forwardRef((s,i)=>{let{children:u,className:l,...d}=s,{labelId:t}=w(j),[a,f]=r.useState(),b=r.useRef(null),o=D(b,i),n=r.useCallback(()=>{let c=S(b.current);return c.filter(m=>!c.some(v=>v.contains(m.parentElement)))},[]);r.useEffect(()=>{var m;let c=n();if(a!=null){(m=c==null?void 0:c[a])==null||m.focus();return}},[a,n]);let x=c=>{if(c.altKey)return;let m=n();if(!(m!=null&&m.length))return;let v=a??0;switch(c.key){case"ArrowDown":f(Math.min(v+1,m.length-1)),c.preventDefault(),c.stopPropagation();break;case"ArrowUp":f(Math.max(v-1,0)),c.preventDefault(),c.stopPropagation();break}};return r.createElement(A,{className:L("iui-transfer-list-listbox",l),onKeyDown:x,role:"listbox","aria-multiselectable":!0,"aria-labelledby":t,tabIndex:0,ref:o,...d},u)}),K=r.forwardRef((s,i)=>{let{actionable:u=!0,disabled:l,onActiveChange:d,children:t,active:a,...f}=s,b=()=>u&&d&&d(!a),o=n=>{n.altKey||(n.key==="Enter"||n.key===" "||n.key==="Spacebar")&&(l||b(),n.preventDefault())};return r.createElement(M,{ref:i,onClick:b,onKeyDown:o,active:a,actionable:u,tabIndex:-1,role:"option","aria-disabled":l?"true":void 0,"aria-selected":a?"true":void 0,disabled:l,...f},t)}),F=r.forwardRef((s,i)=>{let{children:u,id:l,...d}=s,{labelId:t,setLabelId:a}=w(j);return r.useEffect(()=>{l&&l!==t&&a(l)},[l,t,a]),r.createElement(R,{as:"div",id:t,ref:i,...d},u)}),z=r.forwardRef((s,i)=>{let{className:u,children:l,...d}=s;return r.createElement(I,{role:"toolbar",ref:i,...d,orientation:"vertical",className:L("iui-transfer-list-toolbar",u)},l)});const p=Object.assign(B,{ListboxWrapper:N,Listbox:W,Item:K,ListboxLabel:F,Toolbar:z}),j=r.createContext(void 0),g=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M14.6 0L16 1.4 9.4 8l6.6 6.6-1.4 1.4-8-8zM8 0l1.4 1.4L2.8 8l6.6 6.6L8 16 0 8z"})),C=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M11.3 0l1.4 1.4L6.1 8l6.6 6.6-1.4 1.4-8-8z"})),E=s=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},r.createElement("path",{d:"M4.7 0L3.3 1.4 9.9 8l-6.6 6.6L4.7 16l8-8z"})),Q={title:"TransferList"},V=()=>{const[s,i]=r.useState([{name:"Option 1",active:!1},{name:"Option 2",active:!1},{name:"Option 3",active:!1},{name:"Option 4",active:!1},{name:"Option 5",active:!1},{name:"Option 6",active:!1}]),[u,l]=r.useState([{name:"Option 7",active:!1}]),d=(t,a,f,b)=>{f(o=>{const n=[...o],x=[];return t.forEach(c=>{if(b||c.active===!0){const m=c;m.active=!1,n.push(m)}else x.push(c)}),a(x),n})};return e.jsxs(p,{children:[e.jsx(p.ListboxWrapper,{children:e.jsx(p.Listbox,{children:s==null?void 0:s.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{i(b=>{const o=[...b],n={...o[a]};return n.active=f,o[a]=n,o})},children:t.name},t.name))})}),e.jsxs(p.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(s,i,l,!0)},children:e.jsx(y,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(s,i,l,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(u,l,i,!1),children:e.jsx(C,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(u,l,i,!0),children:e.jsx(g,{})})]}),e.jsx(p.ListboxWrapper,{children:e.jsx(p.Listbox,{children:u.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{l(b=>{const o=[...b],n={...o[a]};return n.active=f,o[a]=n,o})},children:t.name},t.name))})})]})},X=()=>{const[s,i]=r.useState([{name:"Option 1",active:!1},{name:"Option 2",active:!1},{name:"Option 3",active:!1},{name:"Option 4",active:!1},{name:"Option 5",active:!1},{name:"Option 6",active:!1}]),[u,l]=r.useState([{name:"Option 7",active:!1}]),d=(t,a,f,b)=>{f(o=>{const n=[...o],x=[];return t.forEach(c=>{if(b||c.active===!0){const m=c;m.active=!1,n.push(m)}else x.push(c)}),a(x),n})};return e.jsxs(p,{children:[e.jsxs(p.ListboxWrapper,{children:[e.jsx(p.ListboxLabel,{children:"Options"}),e.jsx(p.Listbox,{children:s==null?void 0:s.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{i(b=>{const o=[...b],n={...o[a]};return n.active=f,o[a]=n,o})},children:t.name},t.name))})]}),e.jsxs(p.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(s,i,l,!0)},children:e.jsx(y,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(s,i,l,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(u,l,i,!1),children:e.jsx(C,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(u,l,i,!0),children:e.jsx(g,{})})]}),e.jsxs(p.ListboxWrapper,{children:[e.jsx(p.ListboxLabel,{children:"Applied"}),e.jsx(p.Listbox,{children:u.map((t,a)=>e.jsx(p.Item,{actionable:!0,active:t.active,onActiveChange:f=>{l(b=>{const o=[...b],n={...o[a]};return n.active=f,o[a]=n,o})},children:t.name},t.name))})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{V as Basic,X as WithLabel,Q as default}; diff --git a/2452/react/assets/Tree.stories-MZvwxyFD.js b/2452/react/assets/Tree.stories-MZvwxyFD.js new file mode 100644 index 00000000000..ed42ae2d341 --- /dev/null +++ b/2452/react/assets/Tree.stories-MZvwxyFD.js @@ -0,0 +1 @@ +import{r as t,o as re,D as de,p as ue,d as ce,e as se,K as ie,I as be,c as y,B as v,m as W,j as x}from"./index-BiF_XSVc.js";import{S as F}from"./Placeholder-BLpsNn0N.js";import{a as O}from"./focusable-DHgriT9F.js";import{u as me}from"./useVirtualScroll-nz8uIm5j.js";import{S as Ne}from"./SvgChevronRight-B29fjzPj.js";import{C as U}from"./Checkbox-CSBhyz7i.js";import{P as fe}from"./ProgressRadial-BJPx7fqR.js";const xe=u=>t.createElement(re,u,t.createElement("path",{d:"m5.525 2-1.05 1.05L9.425 8l-4.95 4.95L5.525 14l6-6-6-6Z"})),H=t.createContext(void 0),pe=()=>{let u=t.useContext(H);if(u==null)throw new Error("TreeContext must be used within a TreeContext.Provider");return u},M=u=>{let{data:m,className:c,nodeRenderer:d,getNode:f,size:i="default",enableVirtualization:l=!1,style:n,...b}=u,o=t.useRef(null),e=t.useRef(0);t.useEffect(()=>{e.current=0},[m]);let s=t.useCallback(()=>{let p=O(o.current);return p.filter(N=>!p.some(E=>E.contains(N.parentElement)))},[]),a=p=>{if(p.altKey)return;let N=s();if(!(N!=null&&N.length))return;let E=N.findIndex(S=>{var I;return S.contains((I=o.current)==null?void 0:I.ownerDocument.activeElement)}),h=E>-1?E:0;switch(p.key){case"ArrowUp":{p.preventDefault();let S=Math.max(0,h-1);N[S].focus(),e.current=S;break}case"ArrowDown":{p.preventDefault();let S=Math.min(N.length-1,h+1);N[S].focus(),e.current=S;break}}},[r,g]=t.useMemo(()=>{let p=[],N=[],E=(h=[],S=0,I)=>{let j=Array();return h.forEach((D,P)=>{let{subNodes:R,...K}=f(D),z={nodeProps:K,depth:S,parentNode:I,indexInGroup:P};if(j.push(z.nodeProps.nodeId),p.push(z),S===0&&N.push(z),z.nodeProps.isExpanded){let G=E(R,S+1,z);z.subNodeIds=G}}),j};return E(m),[p,N]},[m,f]),k=t.useCallback((p,N,E)=>{var S,I,j;let h=r[p];return t.createElement(H.Provider,{key:h.nodeProps.nodeId,value:{nodeDepth:h.depth,subNodeIds:h.subNodeIds,groupSize:h.depth===0?g.length:((I=(S=h.parentNode)==null?void 0:S.subNodeIds)==null?void 0:I.length)??0,indexInGroup:h.indexInGroup,parentNodeId:(j=h.parentNode)==null?void 0:j.nodeProps.nodeId,scrollToParent:h.parentNode?()=>{var R;let D=(R=h.parentNode)==null?void 0:R.nodeProps.nodeId,P=r.findIndex(K=>K.nodeProps.nodeId===D);A(P)}:void 0,size:i}},N&&E?de(d(h.nodeProps),D=>({...D.props,key:N.key,"data-iui-index":N.index,"data-iui-virtualizer":"item",ref:E.measureElement,style:{...D.props.style,"--_iui-width":"100%",transform:`translateY(${N.start}px)`}})):d(h.nodeProps))},[g.length,r,d,i]),[C,A]=t.useState(),T=t.useRef(r);t.useEffect(()=>{T.current=r},[r]),t.useEffect(()=>{setTimeout(()=>{var p;if(C!==void 0){let N=T.current[C].nodeProps.nodeId,E=(p=o.current)==null?void 0:p.ownerDocument.querySelector(`#${N}`);E==null||E.focus(),A(void 0)}})},[C]);let _=p=>{var E,h;if((E=o.current)!=null&&E.contains(p.relatedTarget))return;let N=s();N.length>0&&((h=N[e.current])==null||h.focus())};return t.createElement(t.Fragment,null,l?t.createElement(Ee,{flatNodesList:r,itemRenderer:k,scrollToIndex:C,onFocus:_,onKeyDown:a,ref:o,className:c,"data-iui-size":i==="small"?"small":void 0,style:n,...b}):t.createElement(le,{onKeyDown:a,onFocus:_,className:c,"data-iui-size":i==="small"?"small":void 0,style:n,ref:o,...b},r.map((p,N)=>k(N))))};let le=ue.div("iui-tree",{role:"tree",tabIndex:0}),Ee=t.forwardRef(({flatNodesList:u,itemRenderer:m,scrollToIndex:c,...d},f)=>{let i=t.useRef(null),l=t.useCallback(o=>u[o].nodeProps.nodeId,[u]),{virtualizer:n,css:b}=me({count:u.length,getScrollElement:()=>i.current,estimateSize:()=>39,getItemKey:l});return ce(()=>{c&&n.scrollToIndex(c)},[n,c]),t.createElement(le,{...d,ref:se(f,i)},t.createElement(ie,{css:b},t.createElement("div",{"data-iui-virtualizer":"root",style:{minBlockSize:n.getTotalSize()}},t.createElement("slot",null))),t.createElement(t.Fragment,null,n.getVirtualItems().map(o=>m(o.index,o,n))))});const ae=t.forwardRef((u,m)=>{var n;let{isExpanded:c,expanderIconProps:d={},...f}=u,l=(((n=t.useContext(H))==null?void 0:n.size)??"default")==="small"?xe:Ne;return t.createElement(be,{styleType:"borderless",size:"small","aria-label":c?"Collapse":"Expand",ref:m,...f},t.createElement(l,{...d,className:y("iui-tree-node-content-expander-icon",d==null?void 0:d.className,{"iui-tree-node-content-expander-icon-expanded":c})}))}),V=t.forwardRef((u,m)=>{let{nodeId:c,nodeProps:d={},label:f,labelProps:i={},sublabel:l,sublabelProps:n={},children:b,className:o,icon:e,iconProps:s={},hasSubNodes:a=!1,isDisabled:r=!1,isExpanded:g=!1,isSelected:k=!1,onSelected:C,onExpanded:A,checkbox:T,checkboxProps:_={},subTreeProps:p={},contentProps:N={},titleProps:E={},expanderProps:h={},expander:S,...I}=u,{nodeDepth:j,subNodeIds:D=[],parentNodeId:P,scrollToParent:R,groupSize:K,indexInGroup:z}=pe(),[G,q]=t.useState(!1),w=t.useRef(null),oe=$=>{var Z,J,Q,X,ee,te;if($.altKey)return;let Y=w.current===((Z=w.current)==null?void 0:Z.ownerDocument.activeElement);switch($.key){case"ArrowLeft":{if($.preventDefault(),Y){if(g){A(c,!1);break}P&&(R==null||R());break}let L=O(w.current),B=L.indexOf((J=w.current)==null?void 0:J.ownerDocument.activeElement);B===0?(Q=w.current)==null||Q.focus():(X=L[B-1])==null||X.focus();break}case"ArrowRight":{$.preventDefault();let L=O(w.current);if(Y){if(!g&&a){A(c,!0);break}(ee=L[0])==null||ee.focus();break}let B=L.indexOf((te=w.current)==null?void 0:te.ownerDocument.activeElement);B{A(c,!g),$.stopPropagation()},[g,c,A]);return t.createElement(v,{as:"div",role:"treeitem",className:y("iui-tree-item",o),"aria-expanded":a?g:void 0,"aria-disabled":r,"aria-selected":k,"aria-level":j+1,"aria-setsize":K,"aria-posinset":z+1,tabIndex:-1,...I,id:c,ref:se(w,m),onFocus:W(u.onFocus,$=>{q(!0),$.stopPropagation()}),onBlur:W(u.onBlur,()=>{q(!1)}),onKeyDown:W(u.onKeyDown,oe)},t.createElement(v,{as:"div",style:{"--level":j},onClick:()=>!r&&(C==null?void 0:C(c,!k)),...d,className:y("iui-tree-node",{"iui-active":k,"iui-disabled":r},d==null?void 0:d.className)},T&&t.createElement(v,{as:"div",..._,className:y("iui-tree-node-checkbox",_==null?void 0:_.className)},t.isValidElement(T)?t.cloneElement(T,{tabIndex:G?0:-1}):T),t.createElement(v,{as:"div",...N,className:y("iui-tree-node-content",N==null?void 0:N.className)},a&&S,a&&!S&&t.createElement(ae,{isExpanded:g,disabled:r,onClick:ne,tabIndex:G?0:-1,...h}),e&&t.createElement(v,{as:"span","aria-hidden":!0,...s,className:y("iui-tree-node-content-icon",s==null?void 0:s.className)},e),t.createElement(v,{as:"div",...i,className:y("iui-tree-node-content-label",i==null?void 0:i.className)},t.createElement(v,{as:"div",...E,className:y("iui-tree-node-content-title",E==null?void 0:E.className)},f),l&&t.createElement(v,{as:"div",...n,className:y("iui-tree-node-content-caption",n==null?void 0:n.className)},l)),b)),a&&t.createElement(v,{as:"div",role:"group","aria-owns":D.join(" "),...p,className:y("iui-sub-tree",p==null?void 0:p.className)}))}),Ie={title:"Tree"},we=()=>{const[u,m]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),c=t.useCallback((l,n)=>{n?(m(b=>({...b,[l]:!0})),console.log(`Expanded node ${l}`)):(m(b=>({...b,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",b=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:b<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,b+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),i=t.useCallback(l=>({subNodes:l.subItems,nodeId:l.id,node:l,isExpanded:u[l.id],hasSubNodes:l.subItems.length>0}),[u]);return x.jsx(M,{data:f,getNode:i,nodeRenderer:t.useCallback(({node:l,...n})=>x.jsx(V,{label:l.label,onExpanded:c,...n}),[c])})},ve=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((e,s)=>{s?(m(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(m(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Expanded node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Closed node ${e}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback((e,s="",a=0)=>{const r=s?`${s}-${e}`:`${e}`;return{id:`Node-${r}`,label:`Node ${r}`,sublabel:`Sublabel for Node ${r}`,subItems:a<10?Array(Math.round(e%5)).fill(null).map((g,k)=>n(k,r,a+1)):[]}},[]),b=t.useMemo(()=>Array(8).fill(null).map((e,s)=>n(s)),[n]),o=t.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:d[e.id],isDisabled:l[e.id],isSelected:u[e.id],hasSubNodes:e.subItems.length>0}),[l,d,u]);return x.jsx(M,{data:b,getNode:o,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[i,c])})},je=()=>{const u=t.useCallback(e=>({id:`Node-${e}`,label:`Node ${e}`,subItems:[],hasSubNodes:!0}),[]),[m,c]=t.useState(()=>Array(8).fill(null).map((e,s)=>u(s))),[d,f]=t.useState({}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[l,n]=t.useState({}),b=t.useCallback((e,s,a)=>{s&&!a.subItems.length&&a.hasSubNodes&&setTimeout(()=>{c(r=>{const g=[...r],k=g.find(C=>C.id===e);return k?(k.subItems=[{id:`Async-${e}`,label:`Async ${e}`,subItems:[]}],g):r})},1e3),s?(n(r=>({...r,[e]:!0})),console.log(`Expanded node ${e}`)):(n(r=>({...r,[e]:!1})),console.log(`Closed node ${e}`))},[]),o=t.useCallback(e=>({subNodes:!e.subItems.length&&e.hasSubNodes?[{id:`Async-${e.id}`,label:"",subItems:[],isLoading:!0}]:e.subItems,nodeId:e.id,node:e,isExpanded:l[e.id],isSelected:d[e.id],hasSubNodes:!!e.hasSubNodes}),[l,d]);return x.jsx(M,{data:m,getNode:o,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.isLoading?"Loading...":e.label,onExpanded:(a,r)=>b(a,r,e),onSelected:i,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:e.isLoading?x.jsx(fe,{size:"x-small",indeterminate:!0}):x.jsx(F,{}),...s}),[b,i])})},De=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((s,a)=>{a?(m(r=>({...r,[s]:!0})),console.log(`Selected node ${s}`)):(m(r=>({...r,[s]:!1})),console.log(`Unselected node ${s}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((s,a)=>{a?(f(r=>({...r,[s]:!0})),console.log(`Expanded node ${s}`)):(f(r=>({...r,[s]:!1})),console.log(`Closed node ${s}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback(s=>Object.keys(l).some(a=>s===a||s.startsWith(`${a}-`)),[l]),b=t.useCallback((s,a="",r=0)=>{const g=a?`${a}-${s}`:`${s}`;return{id:`Node-${g}`,label:`Node ${g}`,sublabel:`Sublabel for Node ${g}`,subItems:r<10?Array(Math.round(s%5)).fill(null).map((k,C)=>b(C,g,r+1)):[]}},[]),o=t.useMemo(()=>Array(8).fill(null).map((s,a)=>b(a)),[b]),e=t.useCallback(s=>({subNodes:s.subItems,nodeId:s.id,node:s,isExpanded:d[s.id],isDisabled:n(s.id),isSelected:u[s.id],hasSubNodes:s.subItems.length>0}),[d,n,u]);return x.jsx(M,{data:o,getNode:e,nodeRenderer:t.useCallback(({node:s,...a})=>x.jsx(V,{label:s.label,sublabel:s.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:a.isDisabled}),icon:x.jsx(F,{}),expander:x.jsx(ae,{isExpanded:a.isExpanded,onClick:r=>{i(s.id,!a.isExpanded),r.stopPropagation()}}),...a}),[i,c])})},Re=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((e,s)=>{s?(m(a=>({...a,[e]:!0})),console.log(`Selected node ${e}`)):(m(a=>({...a,[e]:!1})),console.log(`Unselected node ${e}`))},[]),[d,f]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((e,s)=>{s?(f(a=>({...a,[e]:!0})),console.log(`Expanded node ${e}`)):(f(a=>({...a,[e]:!1})),console.log(`Closed node ${e}`))},[]),[l]=t.useState({"Node-4":!0,"Node-3-0":!0,"Node-6":!0,"Node-10":!0}),n=t.useCallback((e,s="",a=0)=>{const r=s?`${s}-${e}`:`${e}`;return{id:`Node-${r}`,label:`Node ${r}`,sublabel:`Sublabel for Node ${r}`,subItems:a<10?Array(Math.round(e%5)).fill(null).map((g,k)=>n(k,r,a+1)):[]}},[]),b=t.useMemo(()=>Array(1e5).fill(null).map((e,s)=>n(s)),[n]),o=t.useCallback(e=>({subNodes:e.subItems,nodeId:e.id,node:e,isExpanded:d[e.id],isDisabled:l[e.id],isSelected:u[e.id],hasSubNodes:e.subItems.length>0}),[l,d,u]);return x.jsx(M,{data:b,getNode:o,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[i,c]),style:{height:"min(400px, 90vh)"}})},ze=()=>{const[u,m]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),c=t.useCallback((l,n)=>{n?(m(b=>({...b,[l]:!0})),console.log(`Expanded node ${l}`)):(m(b=>({...b,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",b=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:b<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,b+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),i=t.useCallback(l=>({subNodes:l.subItems,nodeId:l.id,node:l,isExpanded:u[l.id],hasSubNodes:l.subItems.length>0}),[u]);return x.jsx(M,{data:f,size:"small",getNode:i,nodeRenderer:t.useCallback(({node:l,...n})=>x.jsx(V,{label:l.label,sublabel:l.sublabel,onExpanded:c,icon:x.jsx(F,{}),...n}),[c])})},Ae=()=>{const[u,m]=t.useState({"Node-0":!0,"Node-3-2":!0,"Node-22":!0}),c=t.useCallback((o,e)=>{e?(m(s=>({...s,[o]:!0})),console.log(`Selected node ${o}`)):(m(s=>({...s,[o]:!1})),console.log(`Unselected node ${o}`))},[]),[d,f]=t.useState({"Node-0":!0,"Node-0-0":!0,"Node-0-0-0":!0,"Node-0-0-0-0":!0,"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),i=t.useCallback((o,e)=>{e?(f(s=>({...s,[o]:!0})),console.log(`Expanded node ${o}`)):(f(s=>({...s,[o]:!1})),console.log(`Closed node ${o}`))},[]),l=t.useCallback((o,e="",s=0)=>{const a=e?`${e}-${o}`:`${o}`;return{id:`Node-${a}`,label:`Node ${a}`,subItems:s<10?Array(1).fill(null).map((r,g)=>l(g,a,s+1)):[]}},[]),n=t.useMemo(()=>Array(1e5).fill(null).map((o,e)=>l(e)),[l]),b=t.useCallback(o=>({subNodes:o.subItems,nodeId:o.id,node:o,isExpanded:d[o.id],isSelected:u[o.id],hasSubNodes:o.subItems.length>0}),[d,u]);return x.jsx(M,{data:n,getNode:b,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:o,...e})=>x.jsx(V,{label:o.label,onExpanded:i,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:e.isDisabled}),icon:x.jsx(F,{}),style:{width:"fit-content",minWidth:"100%"},...e}),[i,c]),style:{height:"min(400px, 90vh)",width:"250px"}})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{je as AsyncLoading,we as Basic,De as CustomizedExpander,ve as Full,ze as Small,Re as Virtualized,Ae as VirtualizedWithHorizontalScroll,Ie as default}; diff --git a/2452/react/assets/WorkflowDiagram.stories-DyOyOusJ.js b/2452/react/assets/WorkflowDiagram.stories-DyOyOusJ.js new file mode 100644 index 00000000000..729c793a460 --- /dev/null +++ b/2452/react/assets/WorkflowDiagram.stories-DyOyOusJ.js @@ -0,0 +1 @@ +import{r as e,B as s,c as p,T as f,j as d}from"./index-BiF_XSVc.js";const v=i=>{let{title:n,description:r,className:l,style:a,contentProps:t,...m}=i,o=e.createElement(s,{as:"li",className:p("iui-workflow-diagram-step",l),style:a,...m},e.createElement(s,{as:"span",...t,className:p("iui-workflow-diagram-content",t==null?void 0:t.className)},n));return r?e.createElement(f,{content:r},o):o},w=e.forwardRef((i,n)=>{let{steps:r,className:l,contentProps:a,wrapperProps:t,...m}=i;return e.createElement(s,{as:"div",...t,ref:n},e.createElement(s,{as:"ol",className:p("iui-workflow-diagram",l),...m},r.map((o,c)=>{let u=a==null?void 0:a(c);return e.createElement(v,{contentProps:u,key:c,title:o.name,description:o.description})})))}),k={title:"WorkflowDiagram"},S=()=>d.jsx(w,{steps:[{name:"Start"},{name:"Set parameters"},{name:"Invite collaborators"},{name:"Review & Approve"},{name:"Complete"}]}),T=()=>d.jsx(w,{steps:[{name:"Start",description:"Start Tooltip"},{name:"Set parameters",description:"Set parameters Tooltip"},{name:"Invite collaborators",description:"Invite collaborators Tooltip"},{name:"Review & Approve",description:"Review & Approve Tooltip"},{name:"Complete",description:"Complete Tooltip"}]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{S as Basic,T as WithTooltips,k as default}; diff --git a/2452/react/assets/colors-ymlpSE_k.js b/2452/react/assets/colors-ymlpSE_k.js new file mode 100644 index 00000000000..af477868478 --- /dev/null +++ b/2452/react/assets/colors-ymlpSE_k.js @@ -0,0 +1 @@ +const l={skyblue:"var(--iui-color-background-skyblue)",celery:"var(--iui-color-background-celery)",froly:"var(--iui-color-background-froly)",steelblue:"var(--iui-color-background-steelblue)",sunglow:"var(--iui-color-background-sunglow)",seabuckthorn:"var(--iui-color-background-seabuckthorn)",montecarlo:"var(--iui-color-background-montecarlo)",poloblue:"var(--iui-color-background-poloblue)",bouquet:"var(--iui-color-background-bouquet)",ash:"var(--iui-color-background-ash)",oak:"var(--iui-color-background-oak)"},i=o=>Object.keys(l).includes(o);let u=Object.values(l);const t=o=>{let e=o.trim().toLowerCase(),r=0;for(let a=0;a + + + diff --git a/2452/react/assets/focusable-DHgriT9F.js b/2452/react/assets/focusable-DHgriT9F.js new file mode 100644 index 00000000000..f4c6ef47975 --- /dev/null +++ b/2452/react/assets/focusable-DHgriT9F.js @@ -0,0 +1 @@ +import{r as a,n as E,C as A}from"./index-BiF_XSVc.js";let d='a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';const p=t=>{if(!t)return[];let s=t.querySelectorAll(d);return Array.from(s).filter(e=>!e.hasAttribute("disabled")&&!e.classList.contains("iui-disabled")&&e.getAttribute("aria-disabled")!=="true")},x=t=>{if(!t)return[];let s=t.querySelectorAll(`${d}, [tabindex="-1"]`);return Array.from(s).filter(e=>!e.hasAttribute("disabled")&&!e.classList.contains("iui-disabled")&&e.getAttribute("aria-disabled")!=="true")};function g(t,s){let e=a.useRef([]),[u,f]=a.useState(e.current),i=l=>{e.current=l,f(l)},{filter:m}=s??{},r=E(m),b=a.useMemo(()=>({focusableElementsRef:e,focusableElements:u}),[e,u]);return A(a.useCallback(()=>{if(!t)return i([]),()=>{};o();let l=new MutationObserver(()=>o());return l.observe(t,{childList:!0,subtree:!0}),()=>l.disconnect();function o(){var c;let n=x(t);r.current&&(n=(c=r.current)==null?void 0:c.call(r,n)),i(n)}},[t,r]),()=>b,()=>b)}export{x as a,p as g,g as u}; diff --git a/2452/react/assets/index-BiF_XSVc.js b/2452/react/assets/index-BiF_XSVc.js new file mode 100644 index 00000000000..05b69412aa4 --- /dev/null +++ b/2452/react/assets/index-BiF_XSVc.js @@ -0,0 +1,220 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-D6UgjsK5.js","./Placeholder-BLpsNn0N.js","./SmileyHappy-dIqQ2eFY.js","./Icon-DaWu1iQD.js","./Anchor-9gwhe0n0.js","./Text-JFgXX77W.js","./Anchor.stories-e_9WM9yL.js","./Avatar.stories-iCQhap1A.js","./Avatar-CDlqyec4.js","./colors-ymlpSE_k.js","./AvatarGroup.stories-B0xclzEy.js","./Badge.stories-Bke7kdb3.js","./Badge-D51fTPLq.js","./Breadcrumbs.stories-CXIeq6Zg.js","./ChevronRightDouble-CWa9hAYR.js","./Folder-BZr-j4ck.js","./More-ppUkgz_u.js","./Button-DJoTb4xb.js","./ProgressRadial-BJPx7fqR.js","./SvgChevronRight-B29fjzPj.js","./DropdownMenu-B9DfH_cx.js","./MenuItem-CgPM3DgF.js","./focusable-DHgriT9F.js","./ListItem-BGCU0KzW.js","./LinkAction-UeJMbSnl.js","./DropdownButton-DP7RhVmc.js","./SvgCaretUpSmall-Jehs4qRe.js","./SvgCaretDownSmall-Bqg-enXi.js","./Input-D1FcPXKL.js","./Button.stories-02OB9Whf.js","./Add-DRm23ihK.js","./NotificationMarker-CpmI9r7E.js","./ButtonGroup.stories-DM82UIT7.js","./Edit-BhhUZmRT.js","./Carousel.stories-8eqXk3U0.js","./useIntersection-W6S9tRXv.js","./SvgChevronLeft-DK676GzB.js","./Code-DlPhvT1d.js","./Checkbox.stories-DaXDtHS7.js","./Checkbox-CSBhyz7i.js","./Code.stories-gNoQmgbF.js","./ColorPicker.stories-Dg78jCWm.js","./Slider-D2u2dpme.js","./useEventListener-BWDd9VON.js","./ComboBox.stories-DO8UER5R.js","./Camera-D3YZdoPa.js","./InputGrid-Cube8CDs.js","./Label-BaBdAter.js","./Textarea-C0SdQr5i.js","./InputWithDecorations-BD26TqGD.js","./InputFlexContainer-BCUPBwKB.js","./MenuExtraContent-D0GLP-Ew.js","./Select-C5sRZq7A.js","./Tag-CMh1PPwp.js","./List-9GtQ4mx3.js","./SvgCheckmark-BUStwd7A.js","./useContainerWidth-BN4XcDTv.js","./useVirtualScroll-nz8uIm5j.js","./Flex-CseMmOEw.js","./Divider-CUQ1C7OA.js","./DatePicker.stories-C6vZkCpV.js","./Calendar-ohgNFd3C.js","./DatePicker-Dlu_Yuas.js","./TimePicker-DbBEAzYH.js","./Dialog.stories-_09UuN72.js","./Dialog-CJqvBzaB.js","./DropdownButton.stories-D3CbIG1O.js","./DropdownMenu.stories-Bc8CmdzN.js","./MenuDivider-Y4A55qWs.js","./ExpandableBlock.stories-DXMZqZNV.js","./Fieldset.stories-D1akHXc1.js","./FieldsetBase-nNHnGkHf.js","./LabeledSelect-G-eqtlzb.js","./InputGroup-CQ4MapAZ.js","./Radio-DuWHn8oM.js","./ToggleSwitch-u1t84S3V.js","./FileUpload.stories-ChypoDsq.js","./LabeledInput-Cnpstz9_.js","./Flex.stories-kUKedMCA.js","./Footer.stories-DkI_Uii3.js","./Header.stories-DHPsFBCF.js","./Network-8ErFVsXx.js","./Notification-CZ3OBLId.js","./Icon.stories-xi8yMb6Y.js","./StatusWarning-vacJUxoU.js","./IconButton.stories-D06HKVVU.js","./IdeasButton.stories-C1VU_6yz.js","./InformationPanel.stories-Ve0IUZof.js","./Table-KMjhtGOb.js","./Input.stories-C6CNjqoN.js","./InputGrid.stories-Dc8cHcIf.js","./Airplane-DohovcMN.js","./SearchBox-CT2pIpXM.js","./InputGroup.stories-DYVPaah0.js","./InputWithDecoration.stories-k425JsRz.js","./Kbd.stories-DtsxbUE3.js","./Kbd-DWEemHEf.js","./Label.stories-BbGMy7sX.js","./LabeledInput.stories-DQM26v6r.js","./LabeledSelect.stories-DBQZEoee.js","./LabeledTextarea.stories-D4KFhE3o.js","./List.stories-4U1LqMOW.js","./Modal.stories-D-J08pOR.js","./NonIdealState.stories-CENY6pkQ.js","./NotificationMarker.stories-BBpF7PCS.js","./Overlay.stories-BJV7zOfG.js","./ProgressLinear-DX94GaBV.js","./Panels.stories-D8ntS5Xu.js","./Surface-M_FyDJMb.js","./supports-DV2LxME-.js","./ProgressLinear.stories-BdtAEQTe.js","./ProgressRadial.stories-BxZhSd0e.js","./Radio.stories-DKZvPcvA.js","./RadioTileGroup.stories-DMJBE4Yb.js","./SearchBox.stories-DqLN-Rpw.js","./Select.stories-U_1fgZgO.js","./SmileySad-JWeeJEYw.js","./SideNavigation.stories-CHSnMfVb.js","./Settings-XjWAjfr3.js","./SkipToContentLink.stories-HEUQwpKr.js","./Slider.stories-B2rY-hU8.js","./SplitButton.stories-DoyxaMau.js","./Surface.stories-DYK_tQzC.js","./Table.stories-DXF67OD6.js","./Tabs.stories-b8bMkcMe.js","./Star-CfmG88yT.js","./Tag.stories-D5zfHFwg.js","./TagContainer.stories-BJuojoOP.js","./TagContainer-CoV31Civ.js","./Text.stories-Chxa2hu5.js","./Textarea.stories-D8F4bg3p.js","./Tile.stories-XDtUUsMm.js","./TimePicker.stories-BfcCl24r.js","./Toasts.stories-CTIpeDBY.js","./ToggleSwitch.stories-DtkfdLs3.js","./Tooltip.stories-7of0F3PB.js","./TransferList.stories-O3V0zije.js","./Tree.stories-MZvwxyFD.js"])))=>i.map(i=>d[i]); +var th=Object.defineProperty;var nh=(e,o,a)=>o in e?th(e,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[o]=a;var Zo=(e,o,a)=>nh(e,typeof o!="symbol"?o+"":o,a);function oh(e,o){for(var a=0;ai[s]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))i(s);new MutationObserver(s=>{for(const c of s)if(c.type==="childList")for(const A of c.addedNodes)A.tagName==="LINK"&&A.rel==="modulepreload"&&i(A)}).observe(document,{childList:!0,subtree:!0});function a(s){const c={};return s.integrity&&(c.integrity=s.integrity),s.referrerPolicy&&(c.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?c.credentials="include":s.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function i(s){if(s.ep)return;s.ep=!0;const c=a(s);fetch(s.href,c)}})();var dl=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Wa(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Al={exports:{}},Tu,uD;function rh(){if(uD)return Tu;uD=1;var e=1e3,o=e*60,a=o*60,i=a*24,s=i*7,c=i*365.25;Tu=function(m,b){b=b||{};var g=typeof m;if(g==="string"&&m.length>0)return A(m);if(g==="number"&&isFinite(m))return b.long?D(m):p(m);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(m))};function A(m){if(m=String(m),!(m.length>100)){var b=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(m);if(b){var g=parseFloat(b[1]),h=(b[2]||"ms").toLowerCase();switch(h){case"years":case"year":case"yrs":case"yr":case"y":return g*c;case"weeks":case"week":case"w":return g*s;case"days":case"day":case"d":return g*i;case"hours":case"hour":case"hrs":case"hr":case"h":return g*a;case"minutes":case"minute":case"mins":case"min":case"m":return g*o;case"seconds":case"second":case"secs":case"sec":case"s":return g*e;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return g;default:return}}}}function p(m){var b=Math.abs(m);return b>=i?Math.round(m/i)+"d":b>=a?Math.round(m/a)+"h":b>=o?Math.round(m/o)+"m":b>=e?Math.round(m/e)+"s":m+"ms"}function D(m){var b=Math.abs(m);return b>=i?C(m,b,i,"day"):b>=a?C(m,b,a,"hour"):b>=o?C(m,b,o,"minute"):b>=e?C(m,b,e,"second"):m+" ms"}function C(m,b,g,h){var v=b>=g*1.5;return Math.round(m/g)+" "+h+(v?"s":"")}return Tu}var Fu,dD;function ah(){if(dD)return Fu;dD=1;function e(o){i.debug=i,i.default=i,i.coerce=C,i.disable=p,i.enable=c,i.enabled=D,i.humanize=rh(),i.destroy=m,Object.keys(o).forEach(b=>{i[b]=o[b]}),i.names=[],i.skips=[],i.formatters={};function a(b){let g=0;for(let h=0;h{if(n0==="%%")return"%";Y++;const V=i.formatters[z];if(typeof V=="function"){const G=R[Y];n0=V.call(I,G),R.splice(Y,1),Y--}return n0}),i.formatArgs.call(I,R),(I.log||i.log).apply(I,R)}return y.namespace=b,y.useColors=i.useColors(),y.color=i.selectColor(b),y.extend=s,y.destroy=i.destroy,Object.defineProperty(y,"enabled",{enumerable:!0,configurable:!1,get:()=>h!==null?h:(v!==i.namespaces&&(v=i.namespaces,B=i.enabled(b)),B),set:R=>{h=R}}),typeof i.init=="function"&&i.init(y),y}function s(b,g){const h=i(this.namespace+(typeof g>"u"?":":g)+b);return h.log=this.log,h}function c(b){i.save(b),i.namespaces=b,i.names=[],i.skips=[];const g=(typeof b=="string"?b:"").trim().replace(" ",",").split(",").filter(Boolean);for(const h of g)h[0]==="-"?i.skips.push(h.slice(1)):i.names.push(h)}function A(b,g){let h=0,v=0,B=-1,y=0;for(;h"-"+g)].join(",");return i.enable(""),b}function D(b){for(const g of i.skips)if(A(b,g))return!1;for(const g of i.names)if(A(b,g))return!0;return!1}function C(b){return b instanceof Error?b.stack||b.message:b}function m(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}return i.enable(i.load()),i}return Fu=e,Fu}var AD;function ih(){return AD||(AD=1,function(e,o){var a={};o.formatArgs=s,o.save=c,o.load=A,o.useColors=i,o.storage=p(),o.destroy=(()=>{let C=!1;return()=>{C||(C=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}})(),o.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function i(){if(typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs))return!0;if(typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let C;return typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window<"u"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator<"u"&&navigator.userAgent&&(C=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(C[1],10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function s(C){if(C[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+C[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const m="color: "+this.color;C.splice(1,0,m,"color: inherit");let b=0,g=0;C[0].replace(/%[a-zA-Z%]/g,h=>{h!=="%%"&&(b++,h==="%c"&&(g=b))}),C.splice(g,0,m)}o.log=console.debug||console.log||(()=>{});function c(C){try{C?o.storage.setItem("debug",C):o.storage.removeItem("debug")}catch{}}function A(){let C;try{C=o.storage.getItem("debug")}catch{}return!C&&typeof process<"u"&&"env"in process&&(C=a.DEBUG),C}function p(){try{return localStorage}catch{}}e.exports=ah()(o);const{formatters:D}=e.exports;D.j=function(C){try{return JSON.stringify(C)}catch(m){return"[UnexpectedJSONParseError]: "+m.message}}}(Al,Al.exports)),Al.exports}var lh=ih();const sh=Wa(lh),ot=sh("ladle"),am="%[a-f0-9]{2}",fD=new RegExp("("+am+")|([^%]+?)","gi"),pD=new RegExp("("+am+")+","gi");function C3(e,o){try{return[decodeURIComponent(e.join(""))]}catch{}if(e.length===1)return e;o=o||1;const a=e.slice(0,o),i=e.slice(o);return Array.prototype.concat.call([],C3(a),C3(i))}function ch(e){try{return decodeURIComponent(e)}catch{let o=e.match(fD)||[];for(let a=1;ae==null,ph=e=>encodeURIComponent(e).replaceAll(/[!'()*]/g,o=>`%${o.charCodeAt(0).toString(16).toUpperCase()}`),m3=Symbol("encodeFragmentIdentifier");function Dh(e){switch(e.arrayFormat){case"index":return o=>(a,i)=>{const s=a.length;return i===void 0||e.skipNull&&i===null||e.skipEmptyString&&i===""?a:i===null?[...a,[x2(o,e),"[",s,"]"].join("")]:[...a,[x2(o,e),"[",x2(s,e),"]=",x2(i,e)].join("")]};case"bracket":return o=>(a,i)=>i===void 0||e.skipNull&&i===null||e.skipEmptyString&&i===""?a:i===null?[...a,[x2(o,e),"[]"].join("")]:[...a,[x2(o,e),"[]=",x2(i,e)].join("")];case"colon-list-separator":return o=>(a,i)=>i===void 0||e.skipNull&&i===null||e.skipEmptyString&&i===""?a:i===null?[...a,[x2(o,e),":list="].join("")]:[...a,[x2(o,e),":list=",x2(i,e)].join("")];case"comma":case"separator":case"bracket-separator":{const o=e.arrayFormat==="bracket-separator"?"[]=":"=";return a=>(i,s)=>s===void 0||e.skipNull&&s===null||e.skipEmptyString&&s===""?i:(s=s===null?"":s,i.length===0?[[x2(a,e),o,x2(s,e)].join("")]:[[i,x2(s,e)].join(e.arrayFormatSeparator)])}default:return o=>(a,i)=>i===void 0||e.skipNull&&i===null||e.skipEmptyString&&i===""?a:i===null?[...a,x2(o,e)]:[...a,[x2(o,e),"=",x2(i,e)].join("")]}}function Ch(e){let o;switch(e.arrayFormat){case"index":return(a,i,s)=>{if(o=/\[(\d*)]$/.exec(a),a=a.replace(/\[\d*]$/,""),!o){s[a]=i;return}s[a]===void 0&&(s[a]={}),s[a][o[1]]=i};case"bracket":return(a,i,s)=>{if(o=/(\[])$/.exec(a),a=a.replace(/\[]$/,""),!o){s[a]=i;return}if(s[a]===void 0){s[a]=[i];return}s[a]=[...s[a],i]};case"colon-list-separator":return(a,i,s)=>{if(o=/(:list)$/.exec(a),a=a.replace(/:list$/,""),!o){s[a]=i;return}if(s[a]===void 0){s[a]=[i];return}s[a]=[...s[a],i]};case"comma":case"separator":return(a,i,s)=>{const c=typeof i=="string"&&i.includes(e.arrayFormatSeparator),A=typeof i=="string"&&!c&&It(i,e).includes(e.arrayFormatSeparator);i=A?It(i,e):i;const p=c||A?i.split(e.arrayFormatSeparator).map(D=>It(D,e)):i===null?i:It(i,e);s[a]=p};case"bracket-separator":return(a,i,s)=>{const c=/(\[])$/.test(a);if(a=a.replace(/\[]$/,""),!c){s[a]=i&&It(i,e);return}const A=i===null?[]:It(i,e).split(e.arrayFormatSeparator);if(s[a]===void 0){s[a]=A;return}s[a]=[...s[a],...A]};default:return(a,i,s)=>{if(s[a]===void 0){s[a]=i;return}s[a]=[...[s[a]].flat(),i]}}}function lm(e){if(typeof e!="string"||e.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function x2(e,o){return o.encode?o.strict?ph(e):encodeURIComponent(e):e}function It(e,o){return o.decode?dh(e):e}function sm(e){return Array.isArray(e)?e.sort():typeof e=="object"?sm(Object.keys(e)).sort((o,a)=>Number(o)-Number(a)).map(o=>e[o]):e}function cm(e){const o=e.indexOf("#");return o!==-1&&(e=e.slice(0,o)),e}function mh(e){let o="";const a=e.indexOf("#");return a!==-1&&(o=e.slice(a)),o}function DD(e,o,a){return a==="string"&&typeof e=="string"?e:typeof a=="function"&&typeof e=="string"?a(e):o.parseBooleans&&e!==null&&(e.toLowerCase()==="true"||e.toLowerCase()==="false")?e.toLowerCase()==="true":a==="number"&&!Number.isNaN(Number(e))&&typeof e=="string"&&e.trim()!==""||o.parseNumbers&&!Number.isNaN(Number(e))&&typeof e=="string"&&e.trim()!==""?Number(e):e}function dd(e){e=cm(e);const o=e.indexOf("?");return o===-1?"":e.slice(o+1)}function Ad(e,o){o={decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1,types:Object.create(null),...o},lm(o.arrayFormatSeparator);const a=Ch(o),i=Object.create(null);if(typeof e!="string"||(e=e.trim().replace(/^[?#&]/,""),!e))return i;for(const s of e.split("&")){if(s==="")continue;const c=o.decode?s.replaceAll("+"," "):s;let[A,p]=im(c,"=");A===void 0&&(A=c),p=p===void 0?null:["comma","separator","bracket-separator"].includes(o.arrayFormat)?p:It(p,o),a(It(A,o),p,i)}for(const[s,c]of Object.entries(i))if(typeof c=="object"&&c!==null&&o.types[s]!=="string")for(const[A,p]of Object.entries(c)){const D=o.types[s]?o.types[s].replace("[]",""):void 0;c[A]=DD(p,o,D)}else typeof c=="object"&&c!==null&&o.types[s]==="string"?i[s]=Object.values(c).join(o.arrayFormatSeparator):i[s]=DD(c,o,o.types[s]);return o.sort===!1?i:(o.sort===!0?Object.keys(i).sort():Object.keys(i).sort(o.sort)).reduce((s,c)=>{const A=i[c];return s[c]=A&&typeof A=="object"&&!Array.isArray(A)?sm(A):A,s},Object.create(null))}function um(e,o){if(!e)return"";o={encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:",",...o},lm(o.arrayFormatSeparator);const a=A=>o.skipNull&&fh(e[A])||o.skipEmptyString&&e[A]==="",i=Dh(o),s={};for(const[A,p]of Object.entries(e))a(A)||(s[A]=p);const c=Object.keys(s);return o.sort!==!1&&c.sort(o.sort),c.map(A=>{const p=e[A];return p===void 0?"":p===null?x2(A,o):Array.isArray(p)?p.length===0&&o.arrayFormat==="bracket-separator"?x2(A,o)+"[]":p.reduce(i(A),[]).join("&"):x2(A,o)+"="+x2(p,o)}).filter(A=>A.length>0).join("&")}function dm(e,o){var s;o={decode:!0,...o};let[a,i]=im(e,"#");return a===void 0&&(a=e),{url:((s=a==null?void 0:a.split("?"))==null?void 0:s[0])??"",query:Ad(dd(e),o),...o&&o.parseFragmentIdentifier&&i?{fragmentIdentifier:It(i,o)}:{}}}function Am(e,o){o={encode:!0,strict:!0,[m3]:!0,...o};const a=cm(e.url).split("?")[0]||"",i=dd(e.url),s={...Ad(i,{sort:!1}),...e.query};let c=um(s,o);c&&(c=`?${c}`);let A=mh(e.url);if(typeof e.fragmentIdentifier=="string"){const p=new URL(a);p.hash=e.fragmentIdentifier,A=o[m3]?p.hash:`#${e.fragmentIdentifier}`}return`${a}${c}${A}`}function fm(e,o,a){a={parseFragmentIdentifier:!0,[m3]:!1,...a};const{url:i,query:s,fragmentIdentifier:c}=dm(e,a);return Am({url:i,query:Ah(s,o),fragmentIdentifier:c},a)}function bh(e,o,a){const i=Array.isArray(o)?s=>!o.includes(s):(s,c)=>!o(s,c);return fm(e,i,a)}const ut=Object.freeze(Object.defineProperty({__proto__:null,exclude:bh,extract:dd,parse:Ad,parseUrl:dm,pick:fm,stringify:um,stringifyUrl:Am},Symbol.toStringTag,{value:"Module"})),or="-",pm=(e,o)=>ut.parse(e).story||o,Bh=e=>!!ut.parse(e).story,Dm=e=>typeof e!="string"?"":e.charAt(0).toUpperCase()+e.slice(1),Cm=e=>e?e.split(`${or}${or}`).reverse().map(o=>Dm(o.replace(/-/g," "))).join(" - "):"",_u=(e,o,a)=>{const i=[],s=(A,p,D,C)=>{const m=p.shift();let b=!!a,g=[];D[0]===m&&(g=[...D.slice(1)],b=!0);const h=A.findIndex(v=>v.subId===m);m&&(h===-1&&A.push({id:`${C}${m}`,subId:m,name:Dm(m.replace(/-/g," ")),isLinkable:p.length===0,isExpanded:b,isFocused:!1,children:[]}),s(A[h>-1?h:A.length-1].children,p,g,`${C}${m}--`))},c=o?o.split(`${or}${or}`):[];return e.forEach(A=>{const p=A.split(`${or}${or}`);s(i,p,c,"")}),i},Eh=(e,o)=>{const a=e.split("--"),i=o.split("--"),s=Math.min(a.length,i.length);for(let c=0;c{const a=e.sort(Eh);let i=[...a];Array.isArray(o)?i=o:i=o(a);const s=new Set;return i.forEach(c=>{const A=c.toLowerCase();if(A.includes("*")){const p=A.split("*")[0];a.forEach(D=>{D.startsWith(p)&&s.add(D)})}else{if(!a.includes(A))throw new Error(`Story "${c}" does not exist in your storybook. Please check your storyOrder config.`);s.add(A)}}),[...s]};var La={exports:{}};La.exports;var CD;function gh(){return CD||(CD=1,function(e,o){var a=200,i="__lodash_hash_undefined__",s=800,c=16,A=9007199254740991,p="[object Arguments]",D="[object Array]",C="[object AsyncFunction]",m="[object Boolean]",b="[object Date]",g="[object Error]",h="[object Function]",v="[object GeneratorFunction]",B="[object Map]",y="[object Number]",R="[object Null]",I="[object Object]",M="[object Proxy]",q="[object RegExp]",Y="[object Set]",Z="[object String]",n0="[object Undefined]",z="[object WeakMap]",V="[object ArrayBuffer]",G="[object DataView]",e0="[object Float32Array]",F="[object Float64Array]",O="[object Int8Array]",P="[object Int16Array]",U="[object Int32Array]",N="[object Uint8Array]",H="[object Uint8ClampedArray]",j="[object Uint16Array]",X="[object Uint32Array]",T=/[\\^$.*+?()[\]{}|]/g,W=/^\[object .+?Constructor\]$/,a0=/^(?:0|[1-9]\d*)$/,l0={};l0[e0]=l0[F]=l0[O]=l0[P]=l0[U]=l0[N]=l0[H]=l0[j]=l0[X]=!0,l0[p]=l0[D]=l0[V]=l0[m]=l0[G]=l0[b]=l0[g]=l0[h]=l0[B]=l0[y]=l0[I]=l0[q]=l0[Y]=l0[Z]=l0[z]=!1;var f0=typeof dl=="object"&&dl&&dl.Object===Object&&dl,v0=typeof self=="object"&&self&&self.Object===Object&&self,C0=f0||v0||Function("return this")(),x0=o&&!o.nodeType&&o,b0=x0&&!0&&e&&!e.nodeType&&e,m0=b0&&b0.exports===x0,B0=m0&&f0.process,g0=function(){try{var L=b0&&b0.require&&b0.require("util").types;return L||B0&&B0.binding&&B0.binding("util")}catch{}}(),F0=g0&&g0.isTypedArray;function P0(L,K,i0){switch(i0.length){case 0:return L.call(K);case 1:return L.call(K,i0[0]);case 2:return L.call(K,i0[0],i0[1]);case 3:return L.call(K,i0[0],i0[1],i0[2])}return L.apply(K,i0)}function s0(L,K){for(var i0=-1,E0=Array(L);++i0-1}function oi(L,K){var i0=this.__data__,E0=Re(i0,L);return E0<0?(++this.size,i0.push([L,K])):i0[E0][1]=K,this}le.prototype.clear=yn,le.prototype.delete=ws,le.prototype.get=ti,le.prototype.has=ni,le.prototype.set=oi;function At(L){var K=-1,i0=L==null?0:L.length;for(this.clear();++K1?i0[U0-1]:void 0,n2=U0>2?i0[2]:void 0;for(J0=L.length>3&&typeof J0=="function"?(U0--,J0):void 0,n2&&Lr(i0[0],i0[1],n2)&&(J0=U0<3?void 0:J0,U0=1),K=Object(K);++E0-1&&L%1==0&&L0){if(++K>=s)return arguments[0]}else K=0;return L.apply(void 0,arguments)}}function Ns(L){if(L!=null){try{return R0.call(L)}catch{}try{return L+""}catch{}}return""}function Dt(L,K){return L===K||L!==L&&K!==K}var wn=Ze(function(){return arguments}())?Ze:function(L){return Ct(L)&&u2.call(L,"callee")&&!Ge.call(L,"callee")},Tn=Array.isArray;function Ke(L){return L!=null&&zr(L.length)&&!Fn(L)}function Ut(L){return Ct(L)&&Ke(L)}var Pr=g2||Ai;function Fn(L){if(!se(L))return!1;var K=Sn(L);return K==h||K==v||K==C||K==M}function zr(L){return typeof L=="number"&&L>-1&&L%1==0&&L<=A}function se(L){var K=typeof L;return L!=null&&(K=="object"||K=="function")}function Ct(L){return L!=null&&typeof L=="object"}function _n(L){if(!Ct(L)||Sn(L)!=I)return!1;var K=fo(L);if(K===null)return!0;var i0=u2.call(K,"constructor")&&K.constructor;return typeof i0=="function"&&i0 instanceof i0&&R0.call(i0)==dt}var Le=F0?O0(F0):Ie;function $r(L){return Is(L,kn(L))}function kn(L){return Ke(L)?ft(L):ks(L)}var di=Eo(function(L,K,i0){kr(L,K,i0)});function ho(L){return function(){return L}}function Rn(L){return L}function Ai(){return!1}e.exports=di}(La,La.exports)),La.exports}var hh=gh();const yh=Wa(hh),vh="modulepreload",xh=function(e,o){return new URL(e,o).href},mD={},x=function(o,a,i){let s=Promise.resolve();if(a&&a.length>0){const A=document.getElementsByTagName("link"),p=document.querySelector("meta[property=csp-nonce]"),D=(p==null?void 0:p.nonce)||(p==null?void 0:p.getAttribute("nonce"));s=Promise.allSettled(a.map(C=>{if(C=xh(C,i),C in mD)return;mD[C]=!0;const m=C.endsWith(".css"),b=m?'[rel="stylesheet"]':"";if(!!i)for(let v=A.length-1;v>=0;v--){const B=A[v];if(B.href===C&&(!m||B.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${C}"]${b}`))return;const h=document.createElement("link");if(h.rel=m?"stylesheet":vh,m||(h.as="script"),h.crossOrigin="",h.href=C,D&&h.setAttribute("nonce",D),document.head.appendChild(h),m)return new Promise((v,B)=>{h.addEventListener("load",v),h.addEventListener("error",()=>B(new Error(`Unable to preload CSS for ${C}`)))})}))}function c(A){const p=new Event("vite:preloadError",{cancelable:!0});if(p.payload=A,window.dispatchEvent(p),!p.defaultPrevented)throw A}return s.then(A=>{for(const p of A||[])p.status==="rejected"&&c(p.reason);return o().catch(c)})};var ku={exports:{}},M0={};/** + * @license React + * react.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var bD;function Sh(){if(bD)return M0;bD=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),c=Symbol.for("react.consumer"),A=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),C=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),b=Symbol.iterator;function g(T){return T===null||typeof T!="object"?null:(T=b&&T[b]||T["@@iterator"],typeof T=="function"?T:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},v=Object.assign,B={};function y(T,W,a0){this.props=T,this.context=W,this.refs=B,this.updater=a0||h}y.prototype.isReactComponent={},y.prototype.setState=function(T,W){if(typeof T!="object"&&typeof T!="function"&&T!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,T,W,"setState")},y.prototype.forceUpdate=function(T){this.updater.enqueueForceUpdate(this,T,"forceUpdate")};function R(){}R.prototype=y.prototype;function I(T,W,a0){this.props=T,this.context=W,this.refs=B,this.updater=a0||h}var M=I.prototype=new R;M.constructor=I,v(M,y.prototype),M.isPureReactComponent=!0;var q=Array.isArray,Y={H:null,A:null,T:null,S:null},Z=Object.prototype.hasOwnProperty;function n0(T,W,a0,l0,f0,v0){return a0=v0.ref,{$$typeof:e,type:T,key:W,ref:a0!==void 0?a0:null,props:v0}}function z(T,W){return n0(T.type,W,void 0,void 0,void 0,T.props)}function V(T){return typeof T=="object"&&T!==null&&T.$$typeof===e}function G(T){var W={"=":"=0",":":"=2"};return"$"+T.replace(/[=:]/g,function(a0){return W[a0]})}var e0=/\/+/g;function F(T,W){return typeof T=="object"&&T!==null&&T.key!=null?G(""+T.key):W.toString(36)}function O(){}function P(T){switch(T.status){case"fulfilled":return T.value;case"rejected":throw T.reason;default:switch(typeof T.status=="string"?T.then(O,O):(T.status="pending",T.then(function(W){T.status==="pending"&&(T.status="fulfilled",T.value=W)},function(W){T.status==="pending"&&(T.status="rejected",T.reason=W)})),T.status){case"fulfilled":return T.value;case"rejected":throw T.reason}}throw T}function U(T,W,a0,l0,f0){var v0=typeof T;(v0==="undefined"||v0==="boolean")&&(T=null);var C0=!1;if(T===null)C0=!0;else switch(v0){case"bigint":case"string":case"number":C0=!0;break;case"object":switch(T.$$typeof){case e:case o:C0=!0;break;case m:return C0=T._init,U(C0(T._payload),W,a0,l0,f0)}}if(C0)return f0=f0(T),C0=l0===""?"."+F(T,0):l0,q(f0)?(a0="",C0!=null&&(a0=C0.replace(e0,"$&/")+"/"),U(f0,W,a0,"",function(m0){return m0})):f0!=null&&(V(f0)&&(f0=z(f0,a0+(f0.key==null||T&&T.key===f0.key?"":(""+f0.key).replace(e0,"$&/")+"/")+C0)),W.push(f0)),1;C0=0;var x0=l0===""?".":l0+":";if(q(T))for(var b0=0;b0d.useContext(pd);function B3(){return B3=Object.assign?Object.assign.bind():function(e){for(var o=1;o'),!0):o?e.some(function(a){return o.includes(a)})||e.includes("*"):!0}var Mh=function(o,a,i){i===void 0&&(i=!1);var s=a.alt,c=a.meta,A=a.mod,p=a.shift,D=a.ctrl,C=a.keys,m=o.key,b=o.code,g=o.ctrlKey,h=o.metaKey,v=o.shiftKey,B=o.altKey,y=An(b),R=m.toLowerCase();if(!(C!=null&&C.includes(y))&&!(C!=null&&C.includes(R))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(y))return!1;if(!i){if(s===!B&&R!=="alt"||p===!v&&R!=="shift")return!1;if(A){if(!h&&!g)return!1}else if(c===!h&&R!=="meta"&&R!=="os"||D===!g&&R!=="ctrl"&&R!=="control")return!1}return C&&C.length===1&&(C.includes(R)||C.includes(y))?!0:C?kh(C):!C},Ph=d.createContext(void 0),zh=function(){return d.useContext(Ph)};function hm(e,o){return e&&o&&typeof e=="object"&&typeof o=="object"?Object.keys(e).length===Object.keys(o).length&&Object.keys(e).reduce(function(a,i){return a&&hm(e[i],o[i])},!0):e===o}var $h=d.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),jh=function(){return d.useContext($h)};function Vh(e){var o=d.useRef(void 0);return hm(o.current,e)||(o.current=e),o.current}var yD=function(o){o.stopPropagation(),o.preventDefault(),o.stopImmediatePropagation()},Hh=typeof window<"u"?d.useLayoutEffect:d.useEffect;function Fe(e,o,a,i){var s=d.useState(null),c=s[0],A=s[1],p=d.useRef(!1),D=a instanceof Array?i instanceof Array?void 0:i:a,C=Dd(e)?e.join(D==null?void 0:D.splitKey):e,m=a instanceof Array?a:i instanceof Array?i:void 0,b=d.useCallback(o,m??[]),g=d.useRef(b);m?g.current=b:g.current=o;var h=Vh(D),v=jh(),B=v.enabledScopes,y=zh();return Hh(function(){if(!((h==null?void 0:h.enabled)===!1||!Nh(B,h==null?void 0:h.scopes))){var R=function(Z,n0){var z;if(n0===void 0&&(n0=!1),!(Oh(Z)&&!gm(Z,h==null?void 0:h.enableOnFormTags))){if(c!==null){var V=c.getRootNode();if((V instanceof Document||V instanceof ShadowRoot)&&V.activeElement!==c&&!c.contains(V.activeElement)){yD(Z);return}}(z=Z.target)!=null&&z.isContentEditable&&!(h!=null&&h.enableOnContentEditable)||Iu(C,h==null?void 0:h.splitKey).forEach(function(G){var e0,F=Ou(G,h==null?void 0:h.combinationKey);if(Mh(Z,F,h==null?void 0:h.ignoreModifiers)||(e0=F.keys)!=null&&e0.includes("*")){if(h!=null&&h.ignoreEventWhen!=null&&h.ignoreEventWhen(Z)||n0&&p.current)return;if(Rh(Z,F,h==null?void 0:h.preventDefault),!Ih(Z,F,h==null?void 0:h.enabled)){yD(Z);return}g.current(Z,F),n0||(p.current=!0)}})}},I=function(Z){Z.key!==void 0&&(Bm(An(Z.code)),((h==null?void 0:h.keydown)===void 0&&(h==null?void 0:h.keyup)!==!0||h!=null&&h.keydown)&&R(Z))},M=function(Z){Z.key!==void 0&&(Em(An(Z.code)),p.current=!1,h!=null&&h.keyup&&R(Z,!0))},q=c||(D==null?void 0:D.document)||document;return q.addEventListener("keyup",M),q.addEventListener("keydown",I),y&&Iu(C,h==null?void 0:h.splitKey).forEach(function(Y){return y.addHotkey(Ou(Y,h==null?void 0:h.combinationKey,h==null?void 0:h.description))}),function(){q.removeEventListener("keyup",M),q.removeEventListener("keydown",I),y&&Iu(C,h==null?void 0:h.splitKey).forEach(function(Y){return y.removeHotkey(Ou(Y,h==null?void 0:h.combinationKey,h==null?void 0:h.description))})}}},[c,C,h,B]),A}const Uh=()=>_.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("path",{d:"M18 6L6 18M6 6l12 12"})]}),Gh=()=>_.jsx("svg",{viewBox:"0 0 24 24",strokeWidth:.5,stroke:"currentColor",fill:"currentColor",width:24,height:24,children:_.jsx("path",{d:"M22 14H9V5a4 4 0 00-8 0v3a1 1 0 002 0V5a2 2 0 014 0v10a8 8 0 0016 0 1 1 0 00-1-1zm-7 7a6.01 6.01 0 01-5.917-5h11.834A6.01 6.01 0 0115 21z"})}),qh=()=>_.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("path",{d:"M16 4H9.5a3.5 3.5 0 000 7h.5M14 15V4M10 15V4M5 19h14M7 21l-2-2 2-2"})]}),Wh=()=>(d.useEffect(()=>(document.documentElement.removeAttribute("data-storyloaded"),()=>document.documentElement.setAttribute("data-storyloaded","")),[]),_.jsx("div",{className:"ladle-ring-wrapper",children:_.jsxs("div",{className:"ladle-ring",children:[_.jsx("div",{}),_.jsx("div",{}),_.jsx("div",{}),_.jsx("div",{})]})})),Yh=()=>_.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("path",{d:"M16 4h4v4M14 10l6-6M8 20H4v-4M4 20l6-6"})]}),Xh=()=>_.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),_.jsx("path",{d:"M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"}),_.jsx("path",{d:"M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"}),_.jsx("line",{x1:9.7,y1:17,x2:14.3,y2:17})]}),Zh=()=>_.jsx("div",{style:{width:"10px",marginInlineEnd:"0.5em",flexShrink:0},children:_.jsx("svg",{fill:"currentColor",viewBox:"0 0 768 1024",children:_.jsx("path",{d:"M509 64l195 218v669q0 3-4 6t-9 3H77q-5 0-9-3t-4-6V73q0-3 4-6t9-3h432zm29-64H77Q45 0 22.5 21.5T0 73v878q0 30 22.5 51.5T77 1024h614q32 0 54.5-21.5T768 951V257zm-26 256V0h-64v256q0 26 19 45t45 19h253v-64H512z"})})}),Kh=({rotate:e})=>{const o="16px",a="16px";return _.jsx("div",{"aria-hidden":!0,style:{width:o,height:a,marginInlineEnd:"0.1em"},children:e?_.jsxs("svg",{style:{width:o,height:a},viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",children:[_.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),_.jsx("path",{d:"M9 6l6 6l-6 6"})]}):_.jsxs("svg",{style:{width:o,height:a},viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",children:[_.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),_.jsx("path",{d:"M6 9l6 6l6 -6"})]})})},Qh=()=>_.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",children:[_.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),_.jsx("circle",{cx:14,cy:6,r:2}),_.jsx("line",{x1:4,y1:6,x2:12,y2:6}),_.jsx("line",{x1:16,y1:6,x2:20,y2:6}),_.jsx("circle",{cx:8,cy:12,r:2}),_.jsx("line",{x1:4,y1:12,x2:6,y2:12}),_.jsx("line",{x1:10,y1:12,x2:20,y2:12}),_.jsx("circle",{cx:17,cy:18,r:2}),_.jsx("line",{x1:4,y1:18,x2:15,y2:18}),_.jsx("line",{x1:19,y1:18,x2:20,y2:18})]}),Jh=()=>_.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("path",{d:"m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16"})]}),ey=()=>_.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("circle",{cx:12,cy:12,r:9}),_.jsx("path",{d:"m10 16.5 2-3 2 3m-2-3v-2l3-1m-6 0 3 1"}),_.jsx("circle",{cx:12,cy:7.5,r:.5,fill:"currentColor"})]}),ty=()=>_.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("rect",{x:13,y:8,width:8,height:12,rx:1}),_.jsx("path",{d:"M18 8V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h9M16 9h2"})]}),ny=()=>_.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[_.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),_.jsx("path",{d:"M18 8a3 3 0 0 1 0 6M10 8v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5"}),_.jsx("path",{d:"M12 8h0l4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h8"})]});var Lu={exports:{}},q2={};/** + * @license React + * react-dom.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var vD;function oy(){if(vD)return q2;vD=1;var e=fd();function o(D){var C="https://react.dev/errors/"+D;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(o){console.error(o)}}return e(),Lu.exports=oy(),Lu.exports}var it=ym();const SD=Wa(it);function E3(){return lt=Object.assign||function(e){for(let o=1;o=0)&&(a[s]=e[s]);return a}const py=Cd(function(e,o){(function(){const a=typeof Symbol=="function"&&Symbol.for,i=a?Symbol.for("react.element"):60103,s=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,A=a?Symbol.for("react.strict_mode"):60108,p=a?Symbol.for("react.profiler"):60114,D=a?Symbol.for("react.provider"):60109,C=a?Symbol.for("react.context"):60110,m=a?Symbol.for("react.async_mode"):60111,b=a?Symbol.for("react.concurrent_mode"):60111,g=a?Symbol.for("react.forward_ref"):60112,h=a?Symbol.for("react.suspense"):60113,v=a?Symbol.for("react.suspense_list"):60120,B=a?Symbol.for("react.memo"):60115,y=a?Symbol.for("react.lazy"):60116,R=a?Symbol.for("react.block"):60121,I=a?Symbol.for("react.fundamental"):60117,M=a?Symbol.for("react.responder"):60118,q=a?Symbol.for("react.scope"):60119;function Y(s0){return typeof s0=="string"||typeof s0=="function"||s0===c||s0===b||s0===p||s0===A||s0===h||s0===v||typeof s0=="object"&&s0!==null&&(s0.$$typeof===y||s0.$$typeof===B||s0.$$typeof===D||s0.$$typeof===C||s0.$$typeof===g||s0.$$typeof===I||s0.$$typeof===M||s0.$$typeof===q||s0.$$typeof===R)}function Z(s0){if(typeof s0=="object"&&s0!==null){const W0=s0.$$typeof;switch(W0){case i:var O0=s0.type;switch(O0){case m:case b:case c:case p:case A:case h:return O0;default:var Q0=O0&&O0.$$typeof;switch(Q0){case C:case g:case y:case B:case D:return Q0;default:return W0}}case s:return W0}}}const n0=m,z=b,V=C,G=D,e0=i,F=g,O=c,P=y,U=B,N=s,H=p,j=A,X=h;let T=!1;function W(s0){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),a0(s0)||Z(s0)===m}function a0(s0){return Z(s0)===b}function l0(s0){return Z(s0)===C}function f0(s0){return Z(s0)===D}function v0(s0){return typeof s0=="object"&&s0!==null&&s0.$$typeof===i}function C0(s0){return Z(s0)===g}function x0(s0){return Z(s0)===c}function b0(s0){return Z(s0)===y}function m0(s0){return Z(s0)===B}function B0(s0){return Z(s0)===s}function g0(s0){return Z(s0)===p}function F0(s0){return Z(s0)===A}function P0(s0){return Z(s0)===h}o.AsyncMode=n0,o.ConcurrentMode=z,o.ContextConsumer=V,o.ContextProvider=G,o.Element=e0,o.ForwardRef=F,o.Fragment=O,o.Lazy=P,o.Memo=U,o.Portal=N,o.Profiler=H,o.StrictMode=j,o.Suspense=X,o.isAsyncMode=W,o.isConcurrentMode=a0,o.isContextConsumer=l0,o.isContextProvider=f0,o.isElement=v0,o.isForwardRef=C0,o.isFragment=x0,o.isLazy=b0,o.isMemo=m0,o.isPortal=B0,o.isProfiler=g0,o.isStrictMode=F0,o.isSuspense=P0,o.isValidElementType=Y,o.typeOf=Z})()}),Tm=Cd(function(e){e.exports=py}),Dy="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Jn=Dy;let g3=function(){};{var Cy=Jn,h3={},my=Function.call.bind(Object.prototype.hasOwnProperty);g3=function(e){const o="Warning: "+e;typeof console<"u"&&console.error(o);try{throw new Error(o)}catch{}}}function Fm(e,o,a,i,s){for(const A in e)if(my(e,A)){var c;try{if(typeof e[A]!="function"){const p=Error((i||"React class")+": "+a+" type `"+A+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[A]+"`.");throw p.name="Invariant Violation",p}c=e[A](o,A,i,a,null,Cy)}catch(p){c=p}if(c&&!(c instanceof Error)&&g3((i||"React class")+": type specification of "+a+" `"+A+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in h3)){h3[c.message]=!0;const p=s?s():"";g3("Failed "+a+" type: "+c.message+(p??""))}}}Fm.resetWarningCache=function(){h3={}};const TD=Fm,by=Function.call.bind(Object.prototype.hasOwnProperty);let Na=function(){};Na=function(e){const o="Warning: "+e;typeof console<"u"&&console.error(o);try{throw new Error(o)}catch{}};function fl(){return null}const By=function(e,o){const a=typeof Symbol=="function"&&Symbol.iterator,i="@@iterator";function s(F){const O=F&&(a&&F[a]||F[i]);if(typeof O=="function")return O}const c="<>",A={array:m("array"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:b(),arrayOf:g,element:h(),elementType:v(),instanceOf:B,node:M(),objectOf:R,oneOf:y,oneOfType:I,shape:q,exact:Y};function p(F,O){return F===O?F!==0||1/F===1/O:F!==F&&O!==O}function D(F){this.message=F,this.stack=""}D.prototype=Error.prototype;function C(F){function O(U,N,H,j,X,T,W){if(j=j||c,T=T||H,W!==Jn){const a0=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw a0.name="Invariant Violation",a0}return N[H]==null?U?N[H]===null?new D("The "+X+" `"+T+"` is marked as required "+("in `"+j+"`, but its value is `null`.")):new D("The "+X+" `"+T+"` is marked as required in "+("`"+j+"`, but its value is `undefined`.")):null:F(N,H,j,X,T)}const P=O.bind(null,!1);return P.isRequired=O.bind(null,!0),P}function m(F){function O(P,U,N,H,j,X){const T=P[U];if(z(T)!==F){const a0=V(T);return new D("Invalid "+H+" `"+j+"` of type "+("`"+a0+"` supplied to `"+N+"`, expected ")+("`"+F+"`."))}return null}return C(O)}function b(){return C(fl)}function g(F){function O(P,U,N,H,j){if(typeof F!="function")return new D("Property `"+j+"` of component `"+N+"` has invalid PropType notation inside arrayOf.");const X=P[U];if(!Array.isArray(X)){const T=z(X);return new D("Invalid "+H+" `"+j+"` of type "+("`"+T+"` supplied to `"+N+"`, expected an array."))}for(let T=0;T1?Na("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):Na("Invalid argument supplied to oneOf, expected an array."),fl;function O(P,U,N,H,j){const X=P[U];for(let W=0;W"u"||F===null)return""+F;const O=z(F);if(O==="object"){if(F instanceof Date)return"date";if(F instanceof RegExp)return"regexp"}return O}function G(F){const O=V(F);switch(O){case"array":case"object":return"an "+O;case"boolean":case"date":case"regexp":return"a "+O;default:return O}}function e0(F){return!F.constructor||!F.constructor.name?c:F.constructor.name}return A.checkPropTypes=TD,A.resetWarningCache=TD.resetWarningCache,A.PropTypes=A,A},Z0=Cd(function(e){{const o=Tm;e.exports=By(o.isElement)}}),y3="data-focus-lock",_m="data-focus-lock-disabled",Ey="data-no-focus-lock",gy="data-autofocus-inside";function hy(e,o){return typeof e=="function"?e(o):e&&(e.current=o),e}function yy(e,o){var a=d.useState(function(){return{value:e,callback:o,facade:{get current(){return a.value},set current(i){const s=a.value;s!==i&&(a.value=i,a.callback(i,s))}}}})[0];return a.callback=o,a.facade}function km(e,o){return yy(o,function(a){return e.forEach(function(i){return hy(i,a)})})}const Nu={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};Z0.node;/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */var Rl=function(){return Rl=Object.assign||function(o){for(var a,i=1,s=arguments.length;i0&&o.add(s),(c&Node.DOCUMENT_POSITION_CONTAINS)>0&&o.add(i)}return e.filter(function(i,s){return!o.has(s)})};var Pm=function(e){return e.parentNode?Pm(e.parentNode):e};const bd=function(e){return x3(e).filter(Boolean).reduce(function(a,i){const s=i.getAttribute(y3);return a.push.apply(a,s?Ry(Cn(Pm(i).querySelectorAll("["+y3+'="'+s+'"]:not(['+_m+'="disabled"])'))):[i]),a},[])},Iy=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"};var zm=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!Iy(window.getComputedStyle(e,null))&&zm(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)};const Oy=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},Bd=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},Il=function(e){return!Bd(e)},Ly=function(e){return!!e},Ny=function(e,o){const a=e.tabIndex-o.tabIndex,i=e.index-o.index;if(a){if(!e.tabIndex)return 1;if(!o.tabIndex)return-1}return a||i},$m=function(e,o,a){return Cn(e).map(function(i,s){return{node:i,index:s,tabIndex:a&&i.tabIndex===-1?(i.dataset||{}).focusGuard?0:-1:i.tabIndex}}).filter(function(i){return!o||i.tabIndex>=0}).sort(Ny)},My=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],S3=My.join(","),Py=S3+", [data-focus-guard]",Ed=function(e,o){return e.reduce(function(a,i){return a.concat(Cn(i.querySelectorAll(o?Py:S3)),i.parentNode?Cn(i.parentNode.querySelectorAll(S3)).filter(function(s){return s===i}):[])},[])},zy=function(e){const o=e.querySelectorAll("["+gy+"]");return Cn(o).map(function(a){return Ed([a])}).reduce(function(a,i){return a.concat(i)},[])},gd=function(e){return Cn(e).filter(function(o){return zm(o)}).filter(function(o){return Oy(o)})},w3=function(e,o){return $m(gd(Ed(e,o)),!0,o)},FD=function(e){return $m(gd(Ed(e)),!1)},$y=function(e){return gd(zy(e))};var T3=function(e,o){return o===void 0&&(o=[]),o.push(e),e.parentNode&&T3(e.parentNode,o),o};const Mu=function(e,o){const a=T3(e),i=T3(o);for(let s=0;s=0)return c}return!1},jm=function(e,o,a){const i=x3(e),s=x3(o),c=i[0];let A=!1;return s.filter(Boolean).forEach(function(p){A=Mu(A||p,p)||A,a.filter(Boolean).forEach(function(D){const C=Mu(c,D);C&&(!A||C.contains(A)?A=C:A=Mu(C,A))})}),A},jy=function(e){return e.reduce(function(o,a){return o.concat($y(a))},[])},Vy=function(e){const o=bd(e).filter(Il),a=jm(e,e,o),i=w3([a],!0),s=w3(o).filter(function(c){const A=c.node;return Il(A)}).map(function(c){return c.node});return i.map(function(c){const A=c.node,p=c.index;return{node:A,index:p,lockItem:s.indexOf(A)>=0,guard:Bd(A)}})},Hy=function(e){return e===document.activeElement},Uy=function(e){return!!Cn(e.querySelectorAll("iframe")).some(function(o){return Hy(o)})},Vm=function(e){const o=document&&document.activeElement;return!o||o.dataset&&o.dataset.focusGuard?!1:bd(e).reduce(function(a,i){return a||i.contains(o)||Uy(i)},!1)},Gy=function(){return document&&Cn(document.querySelectorAll("["+Ey+"]")).some(function(e){return e.contains(document.activeElement)})},Hm=function(e){return e.tagName==="INPUT"&&e.type==="radio"},qy=function(e,o){return o.filter(Hm).filter(function(a){return a.name===e.name}).filter(function(a){return a.checked})[0]||e},hd=function(e,o){return Hm(e)&&e.name?qy(e,o):e},Wy=function(e){const o=new Set;return e.forEach(function(a){return o.add(hd(a,e))}),e.filter(function(a){return o.has(a)})},_D=function(e){return e[0]&&e.length>1?hd(e[0],e):e[0]},kD=function(e,o){return e.length>1?e.indexOf(hd(e[o],e)):o},Um="NEW_FOCUS",Yy=function(e,o,a,i){const s=e.length,c=e[0],A=e[s-1],p=Bd(a);if(e.indexOf(a)>=0)return;const D=o.indexOf(a),C=i?o.indexOf(i):D,m=i?e.indexOf(i):-1,b=D-C,g=o.indexOf(c),h=o.indexOf(A),v=Wy(o),B=v.indexOf(a)-(i?v.indexOf(i):D),y=kD(e,0),R=kD(e,s-1);if(D===-1||m===-1)return Um;if(!b&&m>=0)return m;if(D<=g&&p&&Math.abs(b)>1)return R;if(D>=h&&p&&Math.abs(b)>1)return y;if(b&&Math.abs(B)>1)return m;if(D<=g)return R;if(D>h)return y;if(b)return Math.abs(b)>1?m:(s+m+b)%s},Xy=function(e){return function(o){return o.autofocus||o.dataset&&!!o.dataset.autofocus||e.indexOf(o)>=0}},Zy=function(e,o){const a=new Map;return o.forEach(function(i){return a.set(i.node,i)}),e.map(function(i){return a.get(i)}).filter(Ly)},Ky=function(e,o){const a=document&&document.activeElement,i=bd(e).filter(Il),s=jm(a||e,e,i),c=FD(i);let A=w3(i).filter(function(b){const g=b.node;return Il(g)});if(!A[0]&&(A=c,!A[0]))return;const p=FD([s]).map(function(b){return b.node}),D=Zy(p,A),C=D.map(function(b){return b.node}),m=Yy(C,p,a,o);if(m===Um){const b=c.map(function(g){return g.node}).filter(Xy(jy(i)));return{node:b&&b.length?_D(b):_D(C)}}return m===void 0?m:D[m]},Qy=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()};let Pu=0,zu=!1;const Gm=function(e,o){const a=Ky(e,o);if(!zu&&a){if(Pu>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),zu=!0,setTimeout(function(){zu=!1},1);return}Pu++,Qy(a.node),Pu--}};function qm(e){const o=window,a=o.setImmediate;typeof a<"u"?a(e):setTimeout(e,1)}const Jy=function(){return document&&document.activeElement===document.body},ev=function(){return Jy()||Gy()};let sr=null,rr=null,cr=null,Va=!1;const tv=function(){return!0},nv=function(o){return(sr.whiteList||tv)(o)},ov=function(o,a){cr={observerNode:o,portaledElement:a}},rv=function(o){return cr&&cr.portaledElement===o};function RD(e,o,a,i){let s=null,c=e;do{const A=i[c];if(A.guard)A.node.dataset.focusAutoGuard&&(s=A);else if(A.lockItem){if(c!==e)return;s=null}else break}while((c+=a)!==o);s&&(s.node.tabIndex=0)}const av=function(o){return o&&"current"in o?o.current:o},iv=function(o){return o?!!Va:Va==="meanwhile"},Ol=function(){let o=!1;if(sr){const a=sr,i=a.observed,s=a.persistentFocus,c=a.autoFocus,A=a.shards,p=a.crossFrame,D=i||cr&&cr.portaledElement,C=document&&document.activeElement;if(D){const m=[D].concat(A.map(av).filter(Boolean));if((!C||nv(C))&&(s||iv(p)||!ev()||!rr&&c)&&(D&&!(Vm(m)||rv(C))&&(document&&!rr&&C&&!c?(C.blur&&C.blur(),document.body.focus()):(o=Gm(m,rr),cr={})),Va=!1,rr=document&&document.activeElement),document){const b=document&&document.activeElement,g=Vy(m),h=g.map(function(v){return v.node}).indexOf(b);h>-1&&(g.filter(function(v){const B=v.guard,y=v.node;return B&&y.dataset.focusAutoGuard}).forEach(function(v){return v.node.removeAttribute("tabIndex")}),RD(h,g.length,1,g),RD(h,-1,-1,g))}}}return o},Wm=function(o){Ol()&&o&&(o.stopPropagation(),o.preventDefault())},yd=function(){return qm(Ol)},lv=function(o){const a=o.target,i=o.currentTarget;i.contains(a)||ov(i,a)},sv=function(){return null};Z0.node.isRequired;const Ym=function(){Va="just",setTimeout(function(){Va="meanwhile"},0)},cv=function(){document.addEventListener("focusin",Wm,!0),document.addEventListener("focusout",yd),window.addEventListener("blur",Ym)},uv=function(){document.removeEventListener("focusin",Wm,!0),document.removeEventListener("focusout",yd),window.removeEventListener("blur",Ym)};function dv(e){return e.filter(function(o){return!o.disabled})}function Av(e){const o=e.slice(-1)[0];o&&!sr&&cv();const a=sr,i=a&&o&&o.id===a.id;sr=o,a&&!i&&(a.onDeactivation(),e.filter(function(s){return s.id===a.id}).length||a.returnFocus(!o)),o?(rr=null,(!i||a.observed!==o.observed)&&o.onActivation(),Ol(),qm(Ol)):(uv(),rr=null)}Nm.assignSyncMedium(lv);Mm.assignMedium(yd);Sy.assignMedium(function(e){return e({moveFocusInside:Gm,focusInside:Vm})});const fv=ky(dv,Av)(sv),Xm=d.forwardRef(function(o,a){return d.createElement(ss,E3({sideCar:fv,ref:a},o))}),Zm=ss.propTypes||{};Zm.sideCar;const pv=fy(Zm,["sideCar"]);Xm.propTypes=pv;/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */var ur=function(){return ur=Object.assign||function(o){for(var a,i=1,s=arguments.length;i"u")return vv;const o=xv(e),a=document.documentElement.clientWidth,i=window.innerWidth;return{left:o[0],top:o[1],right:o[2],gap:Math.max(0,i-a+o[2]-o[0])}},Sv=Qm(),wv=function(e,o,a,i){const s=e.left,c=e.top,A=e.right,p=e.gap;return a===void 0&&(a="margin"),` + .`+Cv+` { + overflow: hidden `+i+`; + padding-right: `+p+"px "+i+`; + } + body { + overflow: hidden `+i+`; + `+[o&&"position: relative "+i+";",a==="margin"&&` + padding-left: `+s+`px; + padding-top: `+c+`px; + padding-right: `+A+`px; + margin-left:0; + margin-top:0; + margin-right: `+p+"px "+i+`; + `,a==="padding"&&"padding-right: "+p+"px "+i+";"].filter(Boolean).join("")+` + } + + .`+hl+` { + right: `+p+"px "+i+`; + } + + .`+yl+` { + margin-right: `+p+"px "+i+`; + } + + .`+hl+" ."+hl+` { + right: 0 `+i+`; + } + + .`+yl+" ."+yl+` { + margin-right: 0 `+i+`; + } + + body { + `+mv+": "+p+`px; + } +`},Tv=function(e){const o=d.useState(ID(e.gapMode)),a=o[0],i=o[1];d.useEffect(function(){i(ID(e.gapMode))},[e.gapMode]);const s=e.noRelative,c=e.noImportant,A=e.gapMode,p=A===void 0?"margin":A;return d.createElement(Sv,{styles:wv(a,!s,p,c?"":"!important")})},Fv=function(e){const o=window.getComputedStyle(e);return o.overflowY!=="hidden"&&!(o.overflowY===o.overflowX&&o.overflowY==="visible")},_v=function(e){const o=window.getComputedStyle(e);return o.overflowX!=="hidden"&&!(o.overflowY===o.overflowX&&o.overflowX==="visible")},OD=function(e,o){let a=o;do{if(Jm(e,a)){const s=e7(e,a),c=s[1],A=s[2];if(c>A)return!0}a=a.parentNode}while(a&&a!==document.body);return!1},kv=function(e){const o=e.scrollTop,a=e.scrollHeight,i=e.clientHeight;return[o,a,i]},Rv=function(e){const o=e.scrollLeft,a=e.scrollWidth,i=e.clientWidth;return[o,a,i]};var Jm=function(e,o){return e==="v"?Fv(o):_v(o)},e7=function(e,o){return e==="v"?kv(o):Rv(o)};const Iv=function(e,o,a,i,s){const c=i;let A=a.target;const p=o.contains(A);let D=!1;const C=c>0;let m=0,b=0;do{const g=e7(e,A),h=g[0],v=g[1],B=g[2],y=v-B-h;(h||y)&&Jm(e,A)&&(m+=y,b+=h),A=A.parentNode}while(!p&&A!==document.body||p&&(o.contains(A)||o===A));return(C&&m===0||!C&&b===0)&&(D=!0),D};let F3=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){return F3=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{F3=!1}const Ko=F3?{passive:!1}:!1,pl=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},LD=function(e){return[e.deltaX,e.deltaY]},ND=function(e){return e&&"current"in e?e.current:e},Ov=function(e,o){return e[0]===o[0]&&e[1]===o[1]},Lv=function(e){return` + .block-interactivity-`+e+` {pointer-events: none;} + .allow-interactivity-`+e+` {pointer-events: all;} +`};let Nv=0,Qo=[];function Mv(e){const o=d.useRef([]),a=d.useRef([0,0]),i=d.useRef(),s=d.useState(Nv++)[0],c=d.useState(function(){return Qm()})[0],A=d.useRef(e);d.useEffect(function(){A.current=e},[e]),d.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+s);const B=[e.lockRef.current].concat((e.shards||[]).map(ND)).filter(Boolean);return B.forEach(function(y){return y.classList.add("allow-interactivity-"+s)}),function(){document.body.classList.remove("block-interactivity-"+s),B.forEach(function(y){return y.classList.remove("allow-interactivity-"+s)})}}},[e.inert,e.lockRef.current,e.shards]);const p=d.useCallback(function(B,y){if("touches"in B&&B.touches.length===2)return!A.current.allowPinchZoom;const R=pl(B),I=a.current,M="deltaX"in B?B.deltaX:I[0]-R[0],q="deltaY"in B?B.deltaY:I[1]-R[1];let Y;const Z=B.target,n0=Math.abs(M)>Math.abs(q)?"h":"v";let z=OD(n0,Z);if(!z)return!0;if(z?Y=n0:(Y=n0==="v"?"h":"v",z=OD(n0,Z)),!z)return!1;if(!i.current&&"changedTouches"in B&&(M||q)&&(i.current=Y),!Y)return!0;const V=i.current||Y;return Iv(V,y,B,V==="h"?M:q)},[]),D=d.useCallback(function(B){const y=B;if(!Qo.length||Qo[Qo.length-1]!==c)return;const R="deltaY"in y?LD(y):pl(y),I=o.current.filter(function(M){return M.name===y.type&&M.target===y.target&&Ov(M.delta,R)})[0];if(I&&I.should){y.preventDefault();return}if(!I){const M=(A.current.shards||[]).map(ND).filter(Boolean).filter(function(Y){return Y.contains(y.target)});(M.length>0?p(y,M[0]):!A.current.noIsolation)&&y.preventDefault()}},[]),C=d.useCallback(function(B,y,R,I){const M={name:B,delta:y,target:R,should:I};o.current.push(M),setTimeout(function(){o.current=o.current.filter(function(q){return q!==M})},1)},[]),m=d.useCallback(function(B){a.current=pl(B),i.current=void 0},[]),b=d.useCallback(function(B){C(B.type,LD(B),B.target,p(B,e.lockRef.current))},[]),g=d.useCallback(function(B){C(B.type,pl(B),B.target,p(B,e.lockRef.current))},[]);d.useEffect(function(){return Qo.push(c),e.setCallbacks({onScrollCapture:b,onWheelCapture:b,onTouchMoveCapture:g}),document.addEventListener("wheel",D,Ko),document.addEventListener("touchmove",D,Ko),document.addEventListener("touchstart",m,Ko),function(){Qo=Qo.filter(function(B){return B!==c}),document.removeEventListener("wheel",D,Ko),document.removeEventListener("touchmove",D,Ko),document.removeEventListener("touchstart",m,Ko)}},[]);const h=e.removeScrollBar,v=e.inert;return d.createElement(d.Fragment,null,v?d.createElement(c,{styles:Lv(s)}):null,h?d.createElement(Tv,{gapMode:"margin"}):null)}const Pv=xy(Km,Mv),t7=d.forwardRef(function(e,o){return d.createElement(cs,ur({},e,{ref:o,sideCar:Pv}))});t7.classNames=cs.classNames;function lt(){return lt=Object.assign||function(e){for(let o=1;o=0)&&(a[s]=e[s]);return a}const n7={allowPinchZoom:Z0.bool,dangerouslyBypassFocusLock:Z0.bool,dangerouslyBypassScrollLock:Z0.bool,initialFocusRef:function(){return null},onDismiss:Z0.func},br=ls(function(o,a){const i=o.as,s=i===void 0?"div":i,c=o.isOpen,A=c===void 0?!0:c,p=us(o,["as","isOpen"]);return Sm("dialog"),d.useEffect(function(){A?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[A]),A?d.createElement(wm,{"data-reach-dialog-wrapper":""},d.createElement(zv,lt({ref:a,as:s},p))):null});br.displayName="DialogOverlay",br.propTypes=lt({},n7,{isOpen:Z0.bool});var zv=ls(function(o,a){const i=o.allowPinchZoom,s=o.as,c=s===void 0?"div":s,A=o.dangerouslyBypassFocusLock,p=A===void 0?!1:A,D=o.dangerouslyBypassScrollLock,C=D===void 0?!1:D,m=o.initialFocusRef,b=o.onClick,g=o.onDismiss,h=g===void 0?Ya:g,v=o.onKeyDown,B=o.onMouseDown,y=o.unstable_lockFocusAcrossFrames,R=y===void 0?!0:y,I=us(o,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),M=d.useRef(null),q=d.useRef(null),Y=Ay(q,a),Z=d.useCallback(function(){m&&m.current&&m.current.focus()},[m]);function n0(G){M.current===G.target&&(G.stopPropagation(),h(G))}function z(G){G.key==="Escape"&&(G.stopPropagation(),h(G))}function V(G){M.current=G.target}return d.useEffect(function(){return q.current?$v(q.current):void 0},[]),d.createElement(Xm,{autoFocus:!0,returnFocus:!0,onActivation:Z,disabled:p,crossFrame:R},d.createElement(t7,{allowPinchZoom:i,enabled:!C},d.createElement(c,lt({},I,{ref:Y,"data-reach-dialog-overlay":"",onClick:gl(b,n0),onKeyDown:gl(v,z),onMouseDown:gl(B,V)}))))});br.displayName="DialogOverlay",br.propTypes=lt({},n7);const Ll=ls(function(o,a){const i=o.as,s=i===void 0?"div":i,c=o.onClick;o.onKeyDown;const A=us(o,["as","onClick","onKeyDown"]);return d.createElement(s,lt({"aria-modal":"true",role:"dialog",tabIndex:-1},A,{ref:a,"data-reach-dialog-content":"",onClick:gl(c,function(p){p.stopPropagation()})}))});Ll.displayName="DialogContent",Ll.propTypes={"aria-label":Nl,"aria-labelledby":Nl};const MD=ls(function(o,a){const i=o.allowPinchZoom,s=i===void 0?!1:i,c=o.initialFocusRef,A=o.isOpen,p=o.onDismiss,D=p===void 0?Ya:p,C=us(o,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return d.createElement(br,{allowPinchZoom:s,initialFocusRef:c,isOpen:A,onDismiss:D},d.createElement(Ll,lt({ref:a},C)))});MD.displayName="Dialog",MD.propTypes={isOpen:Z0.bool,onDismiss:Z0.func,"aria-label":Nl,"aria-labelledby":Nl};function $v(e){const o=[],a=[],i=sy(e);return e?(Array.prototype.forEach.call(i.querySelectorAll("body > *"),function(s){let c,A;const p=(c=e.parentNode)==null||(A=c.parentNode)==null?void 0:A.parentNode;if(s===p)return;const D=s.getAttribute("aria-hidden");D!==null&&D!=="false"||(o.push(D),a.push(s),s.setAttribute("aria-hidden","true"))}),function(){a.forEach(function(s,c){const A=o[c];A===null?s.removeAttribute("aria-hidden"):s.setAttribute("aria-hidden",A)})}):(console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Ya)}function Nl(e,o,a,i,s){const c=` +See https://www.w3.org/TR/wai-aria/#aria-label for details.`;return!e["aria-label"]&&!e["aria-labelledby"]?new Error("A <"+a+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+c):e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+a+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+a+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+c):e[o]!=null&&!uy(e[o])?new Error("Invalid prop `"+o+"` supplied to `"+a+"`. Expected `string`, received `"+(Array.isArray(s)?"array":typeof s)+"`."):null}const jv=({children:e,onClick:o,style:a,...i})=>_.jsx("button",{className:"ladle-button",onClick:o,style:a,"aria-label":i["aria-label"],type:"button",children:e}),dr=({children:e,href:o,style:a})=>_.jsx("a",{className:"ladle-link",href:o,style:a,children:e}),lo=({children:e})=>_.jsx("code",{className:"ladle-code",children:e}),Sr=({children:e,close:o,isOpen:a,label:i,maxWidth:s="40em"})=>_.jsx(br,{isOpen:a,onDismiss:()=>o(),"data-testid":"ladle-dialog-overlay",children:_.jsxs(Ll,{"aria-label":i||"Modal","data-testid":"ladle-dialog",style:{maxWidth:s},children:[_.jsx("div",{style:{position:"absolute",insetInlineEnd:"-6px",top:"0px"},children:_.jsx(jv,{onClick:()=>o(),"aria-label":"Close modal",style:{height:"36px",width:"36px",borderColor:"transparent",boxShadow:"none"},children:_.jsx(Uh,{})})}),_.jsx("div",{className:"ladle-addon-modal-body",children:e})]})});var ee;(function(e){e.Full="full",e.Preview="preview"})(ee||(ee={}));var E2;(function(e){e.Light="light",e.Dark="dark",e.Auto="auto"})(E2||(E2={}));var I0;(function(e){e.Boolean="boolean",e.String="string",e.Number="number",e.Complex="complex",e.Function="function",e.Radio="radio",e.InlineRadio="inline-radio",e.Select="select",e.MultiSelect="multi-select",e.Check="check",e.InlineCheck="inline-check",e.Action="action",e.Range="range",e.Background="background"})(I0||(I0={}));var $0;(function(e){e.UpdateAll="update-all",e.UpdateMode="update-mode",e.UpdateAction="update-action",e.UpdateRtl="update-rtl",e.UpdateSource="update-source",e.UpdateStory="update-story",e.UpdateTheme="update-theme",e.UpdateWidth="update-width",e.UpdateControl="update-control",e.UpdateControlIntialized="update-control-initialized",e.UpdateHotkeys="update-hotkeys"})($0||($0={}));const PD=e=>{switch(e){case I0.Boolean:return"checkbox";case I0.Number:return"number";case I0.Range:return"range";default:return"text"}},zD=(e,o)=>{switch(o){case I0.Boolean:return e.checked;case I0.Number:case I0.Range:return parseFloat(e.value);default:return e.value}},Ml=(e,o)=>o&&o.some(i=>i===Number(e))?Number(e):e==="true"||e==="false"?e!=="false":e,o7=(e,o)=>{const a=ut.parse(e),i={};return Object.keys(o).length===0?o:(Object.keys(a).forEach(s=>{if(s.startsWith("arg-")&&o[s.split("-")[1]]){const A=s.split("-")[1],p=a[s],D=o[A].type;if(D!==I0.Action){let C=p;switch(D){case I0.String:C=decodeURI(p);break;case I0.Boolean:C=p==="true";break;case I0.Range:C=parseFloat(p);break;case I0.Number:C=parseInt(p,10);break;case I0.Complex:C=JSON.parse(decodeURI(p));break;case I0.Radio:case I0.InlineRadio:case I0.Select:case I0.Background:C=Ml(decodeURI(p),o[A].options);break;case I0.InlineCheck:case I0.MultiSelect:case I0.Check:C=Ml(JSON.parse(decodeURI(p)),o[A].options);break}i[A]={value:C,defaultValue:o[A].defaultValue,description:o[A].description,type:o[A].type}}}}),i)},Vv=({controlKey:e,globalState:o,dispatch:a})=>{const i=o.control[e],s=o.control[e].name||e;if(o.control[e].type===I0.Action)return _.jsxs("tr",{children:[_.jsx("td",{children:s}),_.jsx("td",{children:"action"})]});if(o.control[e].type===I0.Function)return _.jsxs("tr",{children:[_.jsx("td",{children:s}),_.jsx("td",{children:"function"})]});if(o.control[e].type===I0.Radio||o.control[e].type===I0.InlineRadio||o.control[e].type===I0.Background&&o.control[e].options.length<5)return _.jsxs("tr",{children:[_.jsx("td",{children:s}),_.jsx("td",{style:o.control[e].type===I0.InlineRadio?{display:"flex"}:{},children:(o.control[e].options||[]).map(c=>{const A=o.control[e].value,D=(o.control[e].labels||{})[c]||c,C=A===c||A===String(c);return _.jsxs("div",{style:{display:"flex",alignItems:"center",...o.control[e].type===I0.InlineRadio?{paddingRight:"0.5em"}:{}},children:[_.jsx("input",{id:`${e}-${String(c)}`,type:"radio",name:e,value:String(c),onChange:()=>{a({type:$0.UpdateControl,value:{...o.control,[e]:{...o.control[e],value:Ml(String(c),o.control[e].options)}}})},checked:C}),_.jsx("label",{htmlFor:`${e}-${String(c)}`,children:String(D)})]},`${String(c)}-${e}`)})})]});if(o.control[e].type===I0.Check||o.control[e].type===I0.InlineCheck||o.control[e].type===I0.MultiSelect)return _.jsxs("tr",{children:[_.jsx("td",{children:s}),_.jsx("td",{style:o.control[e].type===I0.InlineCheck?{display:"flex"}:{},children:(o.control[e].options||[]).map(c=>{const A=new Set(o.control[e].value),D=(o.control[e].labels||{})[c]||c;return _.jsxs("div",{style:{display:"flex",alignItems:"center",...o.control[e].type===I0.InlineCheck?{paddingRight:"0.5em"}:{}},children:[_.jsx("input",{id:`${e}-${String(c)}`,type:"checkbox",name:`${e}-${String(c)}`,value:String(c),checked:A.has(String(c)),onChange:()=>{const C=String(c);A.has(C)?A.delete(C):A.add(C),a({type:$0.UpdateControl,value:{...o.control,[e]:{...o.control[e],value:A.size>0?Array.from(A):void 0}}})}}),_.jsx("label",{htmlFor:`${e}-${String(c)}`,style:{marginLeft:"0.3em"},children:String(D)})]},`${String(c)}-${e}`)})})]});if(o.control[e].type===I0.Select||o.control[e].type===I0.Background)return _.jsxs("tr",{children:[_.jsx("td",{children:_.jsx("label",{htmlFor:e,children:s})}),_.jsx("td",{children:_.jsxs("select",{id:e,value:String(o.control[e].value),onChange:c=>{const A=o.control[e].labels||{},p=Object.keys(A).find(D=>A[D]===c.target.value)||c.target.value;a({type:$0.UpdateControl,value:{...o.control,[e]:{...o.control[e],value:Ml(p,o.control[e].options)}}})},children:[_.jsx("option",{value:"undefined",disabled:!0,children:"Choose option..."}),(o.control[e].options||[]).map(c=>{const p=(o.control[e].labels||{})[c]||c;return _.jsx("option",{children:String(p)},`${c}-${e}`)})]})})]});if(o.control[e].type===I0.Complex){let c="";try{c=JSON.stringify(o.control[e].value)}catch{c="Object/Array argument must be serializable."}return _.jsxs("tr",{children:[_.jsx("td",{children:_.jsx("label",{htmlFor:e,children:s})}),_.jsx("td",{children:_.jsx("textarea",{id:e,defaultValue:c,onChange:A=>{let p=o.control[e].value;try{p=JSON.parse(A.target.value)}catch{}a({type:$0.UpdateControl,value:{...o.control,[e]:{...o.control[e],value:p}}})}})})]})}if(i.type===I0.Range){const c=i.min??0,A=i.max??100;return _.jsxs("tr",{children:[_.jsx("td",{children:_.jsx("label",{htmlFor:e,children:s})}),_.jsxs("td",{children:[c,_.jsx("input",{id:e,type:PD(i.type),value:i.value,min:i.min,max:i.max,step:i.step,onChange:p=>a({type:$0.UpdateControl,value:{...o.control,[e]:{...i,value:zD(p.target,i.type)}}})}),i.value," / ",A]})]})}return _.jsxs("tr",{children:[_.jsx("td",{children:_.jsx("label",{htmlFor:e,children:s})}),_.jsx("td",{children:_.jsx("input",{id:e,type:PD(o.control[e].type),value:o.control[e].value,checked:o.control[e].type===I0.Boolean&&o.control[e].value===!0,onChange:c=>a({type:$0.UpdateControl,value:{...o.control,[e]:{...o.control[e],value:zD(c.target,o.control[e].type)}}})})})]})},Hv=({globalState:e,dispatch:o})=>{const[a,i]=d.useState(!1);Fe(S0.hotkeys.control,()=>i(A=>!A),{enabled:e.hotkeys&&S0.addons.control.enabled});const s="Explore different versions of this story through controls.",c=Object.keys(e.control).filter(A=>JSON.stringify(e.control[A].value)!==JSON.stringify(e.control[A].defaultValue));return _.jsx("li",{children:_.jsxs("button",{"aria-label":s,title:s,onClick:()=>i(!0),className:a?"ladle-active":"","data-testid":"addon-control",type:"button",children:[_.jsx(Qh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:s}),_.jsx("label",{children:"Story Controls"}),c.length?_.jsx("div",{className:"ladle-badge",children:c.length}):null,_.jsxs(Sr,{isOpen:a,close:()=>i(!1),label:"Toggle different controls to update the story.",children:[_.jsx("table",{className:"ladle-controls-table",children:_.jsx("tbody",{children:Object.keys(e.control).sort().map(A=>_.jsx(Vv,{globalState:e,dispatch:o,controlKey:A},A))})}),_.jsx("button",{onClick:()=>{const A={};Object.keys(e.control).forEach(p=>{A[p]={...e.control[p],value:e.control[p].defaultValue}}),o({type:$0.UpdateControl,value:A})},type:"button",children:"Reset to defaults"})]})]})})},$D=["select","multi-select","radio","inline-radio","background","check","inline-check","range","color","date","number","text","boolean"],Uv=({component:e,args:o,argTypes:a})=>{const{globalState:i,dispatch:s}=b3(),c=D=>C=>{s({type:$0.UpdateAction,value:{name:D,event:C},clear:!1})};d.useEffect(()=>{const D={};let C=0;if(o&&Object.keys(o).forEach(m=>{const b=o[m];if(i.control[m])D[m]={type:i.control[m].type,defaultValue:b,value:i.control[m].value,description:""};else{let g=I0.Complex;switch(typeof b){case"function":g=I0.Function;break;case"boolean":g=I0.Boolean;break;case"number":g=I0.Number;break;case"string":g=I0.String;break}D[m]={type:g,defaultValue:b,value:b,description:""}}}),a&&Object.keys(a).forEach(m=>{const b=a[m];if(b&&b.action){D[m]={type:I0.Action,defaultValue:c(m),value:c(m),description:""};return}if(!b.control||!b.control.type)throw new Error("argTypes should have control type specified");if($D.indexOf(b.control.type)===-1)throw new Error(`only ${$D.join(", ")} argTypes are supported now. For strings, booleans and numbers use just args.`);if(b.control.type==="background"&&(C++,C>1))throw new Error("There can be only single argType with the type background since it's used to change Ladle's background color.");D[m]={name:b.name,type:b.control.type,labels:b.control.labels,defaultValue:o[m]?o[m]:b.defaultValue,options:b.options,value:o[m]?o[m]:b.defaultValue,description:b.description||m,min:b.control.min,max:b.control.max,step:b.control.step},i.control[m]&&(D[m].value=i.control[m].value)}),Object.keys(D).length){const m=o7(location.search,D);Object.keys(m).forEach(b=>{D[b].value=m[b].value}),Object.keys(D).some(b=>!i.control[b]||D[b].value!==i.control[b].value)&&s({type:$0.UpdateControl,value:D})}else i.controlInitialized||s({type:$0.UpdateControlIntialized,value:!0})},[]);const A=(D,C)=>a&&a[D]&&a[D].mapping&&Object.prototype.hasOwnProperty.call(a[D].mapping,C)?a[D].mapping[C]:C,p={};return Object.keys(i.control).forEach(D=>{Array.isArray(i.control[D].value)?p[D]=i.control[D].value.map(C=>A(D,C)):p[D]=A(D,i.control[D].value)}),i.controlInitialized?d.createElement(e,p):null},Gv=({children:e,msw:o})=>{const[a,i]=d.useState(!1);return d.useEffect(()=>((async()=>{if(o.length>0){const{setupWorker:c}=await x(async()=>{const{setupWorker:A}=await import("./empty-module-BIHI7g3E.js");return{setupWorker:A}},[],import.meta.url);window.__ladle_msw?(window.__ladle_msw.use(...o),i(!0)):(window.__ladle_msw=c(),window.__ladle_msw.use(...o),window.__ladle_msw.start({serviceWorker:{url:"./mockServiceWorker.js"}}).then(()=>{i(!0)}))}})(),()=>{window.__ladle_msw&&window.__ladle_msw.resetHandlers()}),[o]),o.length===0||a?e:null};function w(e,o){let a=[],i={},s=[];e.default&&e.default.msw&&(s=e.default.msw),e[o]&&e[o].msw&&(s=e[o].msw);const c={args:{...T4,...e.default&&e.default.args?e.default.args:{},...e[o].args?e[o].args:{}},argTypes:{...wF,...e.default&&e.default.argTypes?e.default.argTypes:{},...e[o].argTypes?e[o].argTypes:{}},component:e[o]};return e[o]&&Array.isArray(e[o].decorators)&&(a=[...a,...e[o].decorators]),e.default&&Array.isArray(e.default.decorators)&&(a=[...a,...e.default.decorators]),i={...e.default&&e.default.parameters?e.default.parameters:{},...e[o].parameters?e[o].parameters:{}},function(){const{globalState:p}=b3(),D=d.useMemo(()=>function(){return _.jsx(Gv,{msw:s,children:_.jsx(Uv,{...c})})},[]);if(a.length===0)return _.jsx(D,{});const C=b=>d.useRef(()=>{const g=b3(),h={};return Object.keys(g.globalState.control).forEach(v=>h[v]=g.globalState.control[v].value),a[b](b===0?D:C(b-1),{...g,parameters:i,argTypes:c.argTypes,args:h})}).current,m=C(a.length-1);return p.controlInitialized?_.jsx(m,{}):_.jsx(D,{})}}const qv=()=>d.useContext(pd);var r7=(e=>(e.Light="light",e.Dark="dark",e.Auto="auto",e))(r7||{}),a7=(e=>(e.UpdateAll="update-all",e.UpdateMode="update-mode",e.UpdateAction="update-action",e.UpdateRtl="update-rtl",e.UpdateSource="update-source",e.UpdateStory="update-story",e.UpdateTheme="update-theme",e.UpdateWidth="update-width",e.UpdateControl="update-control",e.UpdateControlIntialized="update-control-initialized",e.UpdateHotkeys="update-hotkeys",e))(a7||{});function _3(){return st=Object.assign||function(e){for(let o=1;o=0)&&(a[s]=e[s]);return a}const ox=vd(function(e,o){(function(){const a=typeof Symbol=="function"&&Symbol.for,i=a?Symbol.for("react.element"):60103,s=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,A=a?Symbol.for("react.strict_mode"):60108,p=a?Symbol.for("react.profiler"):60114,D=a?Symbol.for("react.provider"):60109,C=a?Symbol.for("react.context"):60110,m=a?Symbol.for("react.async_mode"):60111,b=a?Symbol.for("react.concurrent_mode"):60111,g=a?Symbol.for("react.forward_ref"):60112,h=a?Symbol.for("react.suspense"):60113,v=a?Symbol.for("react.suspense_list"):60120,B=a?Symbol.for("react.memo"):60115,y=a?Symbol.for("react.lazy"):60116,R=a?Symbol.for("react.block"):60121,I=a?Symbol.for("react.fundamental"):60117,M=a?Symbol.for("react.responder"):60118,q=a?Symbol.for("react.scope"):60119;function Y(s0){return typeof s0=="string"||typeof s0=="function"||s0===c||s0===b||s0===p||s0===A||s0===h||s0===v||typeof s0=="object"&&s0!==null&&(s0.$$typeof===y||s0.$$typeof===B||s0.$$typeof===D||s0.$$typeof===C||s0.$$typeof===g||s0.$$typeof===I||s0.$$typeof===M||s0.$$typeof===q||s0.$$typeof===R)}function Z(s0){if(typeof s0=="object"&&s0!==null){const W0=s0.$$typeof;switch(W0){case i:var O0=s0.type;switch(O0){case m:case b:case c:case p:case A:case h:return O0;default:var Q0=O0&&O0.$$typeof;switch(Q0){case C:case g:case y:case B:case D:return Q0;default:return W0}}case s:return W0}}}const n0=m,z=b,V=C,G=D,e0=i,F=g,O=c,P=y,U=B,N=s,H=p,j=A,X=h;let T=!1;function W(s0){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),a0(s0)||Z(s0)===m}function a0(s0){return Z(s0)===b}function l0(s0){return Z(s0)===C}function f0(s0){return Z(s0)===D}function v0(s0){return typeof s0=="object"&&s0!==null&&s0.$$typeof===i}function C0(s0){return Z(s0)===g}function x0(s0){return Z(s0)===c}function b0(s0){return Z(s0)===y}function m0(s0){return Z(s0)===B}function B0(s0){return Z(s0)===s}function g0(s0){return Z(s0)===p}function F0(s0){return Z(s0)===A}function P0(s0){return Z(s0)===h}o.AsyncMode=n0,o.ConcurrentMode=z,o.ContextConsumer=V,o.ContextProvider=G,o.Element=e0,o.ForwardRef=F,o.Fragment=O,o.Lazy=P,o.Memo=U,o.Portal=N,o.Profiler=H,o.StrictMode=j,o.Suspense=X,o.isAsyncMode=W,o.isConcurrentMode=a0,o.isContextConsumer=l0,o.isContextProvider=f0,o.isElement=v0,o.isForwardRef=C0,o.isFragment=x0,o.isLazy=b0,o.isMemo=m0,o.isPortal=B0,o.isProfiler=g0,o.isStrictMode=F0,o.isSuspense=P0,o.isValidElementType=Y,o.typeOf=Z})()}),u7=vd(function(e){e.exports=ox}),rx="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",eo=rx;let k3=function(){};{var ax=eo,R3={},ix=Function.call.bind(Object.prototype.hasOwnProperty);k3=function(e){const o="Warning: "+e;typeof console<"u"&&console.error(o);try{throw new Error(o)}catch{}}}function d7(e,o,a,i,s){for(const A in e)if(ix(e,A)){var c;try{if(typeof e[A]!="function"){const p=Error((i||"React class")+": "+a+" type `"+A+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[A]+"`.");throw p.name="Invariant Violation",p}c=e[A](o,A,i,a,null,ax)}catch(p){c=p}if(c&&!(c instanceof Error)&&k3((i||"React class")+": type specification of "+a+" `"+A+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in R3)){R3[c.message]=!0;const p=s?s():"";k3("Failed "+a+" type: "+c.message+(p??""))}}}d7.resetWarningCache=function(){R3={}};const VD=d7,lx=Function.call.bind(Object.prototype.hasOwnProperty);let Ma=function(){};Ma=function(e){const o="Warning: "+e;typeof console<"u"&&console.error(o);try{throw new Error(o)}catch{}};function Dl(){return null}const sx=function(e,o){const a=typeof Symbol=="function"&&Symbol.iterator,i="@@iterator";function s(F){const O=F&&(a&&F[a]||F[i]);if(typeof O=="function")return O}const c="<>",A={array:m("array"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:b(),arrayOf:g,element:h(),elementType:v(),instanceOf:B,node:M(),objectOf:R,oneOf:y,oneOfType:I,shape:q,exact:Y};function p(F,O){return F===O?F!==0||1/F===1/O:F!==F&&O!==O}function D(F){this.message=F,this.stack=""}D.prototype=Error.prototype;function C(F){function O(U,N,H,j,X,T,W){if(j=j||c,T=T||H,W!==eo){const a0=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw a0.name="Invariant Violation",a0}return N[H]==null?U?N[H]===null?new D("The "+X+" `"+T+"` is marked as required "+("in `"+j+"`, but its value is `null`.")):new D("The "+X+" `"+T+"` is marked as required in "+("`"+j+"`, but its value is `undefined`.")):null:F(N,H,j,X,T)}const P=O.bind(null,!1);return P.isRequired=O.bind(null,!0),P}function m(F){function O(P,U,N,H,j,X){const T=P[U];if(z(T)!==F){const a0=V(T);return new D("Invalid "+H+" `"+j+"` of type "+("`"+a0+"` supplied to `"+N+"`, expected ")+("`"+F+"`."))}return null}return C(O)}function b(){return C(Dl)}function g(F){function O(P,U,N,H,j){if(typeof F!="function")return new D("Property `"+j+"` of component `"+N+"` has invalid PropType notation inside arrayOf.");const X=P[U];if(!Array.isArray(X)){const T=z(X);return new D("Invalid "+H+" `"+j+"` of type "+("`"+T+"` supplied to `"+N+"`, expected an array."))}for(let T=0;T1?Ma("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):Ma("Invalid argument supplied to oneOf, expected an array."),Dl;function O(P,U,N,H,j){const X=P[U];for(let W=0;W"u"||F===null)return""+F;const O=z(F);if(O==="object"){if(F instanceof Date)return"date";if(F instanceof RegExp)return"regexp"}return O}function G(F){const O=V(F);switch(O){case"array":case"object":return"an "+O;case"boolean":case"date":case"regexp":return"a "+O;default:return O}}function e0(F){return!F.constructor||!F.constructor.name?c:F.constructor.name}return A.checkPropTypes=VD,A.resetWarningCache=VD.resetWarningCache,A.PropTypes=A,A},K0=vd(function(e){{const o=u7;e.exports=sx(o.isElement)}}),I3="data-focus-lock",A7="data-focus-lock-disabled",cx="data-no-focus-lock",ux="data-autofocus-inside";function dx(e,o){return typeof e=="function"?e(o):e&&(e.current=o),e}function Ax(e,o){var a=d.useState(function(){return{value:e,callback:o,facade:{get current(){return a.value},set current(i){const s=a.value;s!==i&&(a.value=i,a.callback(i,s))}}}})[0];return a.callback=o,a.facade}function f7(e,o){return Ax(o,function(a){return e.forEach(function(i){return dx(i,a)})})}const Vu={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};K0.node;/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */var Pl=function(){return Pl=Object.assign||function(o){for(var a,i=1,s=arguments.length;i0&&o.add(s),(c&Node.DOCUMENT_POSITION_CONTAINS)>0&&o.add(i)}return e.filter(function(i,s){return!o.has(s)})};var E7=function(e){return e.parentNode?E7(e.parentNode):e};const Sd=function(e){return L3(e).filter(Boolean).reduce(function(a,i){const s=i.getAttribute(I3);return a.push.apply(a,s?gx(mn(E7(i).querySelectorAll("["+I3+'="'+s+'"]:not(['+A7+'="disabled"])'))):[i]),a},[])},hx=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"};var g7=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!hx(window.getComputedStyle(e,null))&&g7(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)};const yx=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},wd=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},zl=function(e){return!wd(e)},vx=function(e){return!!e},xx=function(e,o){const a=e.tabIndex-o.tabIndex,i=e.index-o.index;if(a){if(!e.tabIndex)return 1;if(!o.tabIndex)return-1}return a||i},h7=function(e,o,a){return mn(e).map(function(i,s){return{node:i,index:s,tabIndex:a&&i.tabIndex===-1?(i.dataset||{}).focusGuard?0:-1:i.tabIndex}}).filter(function(i){return!o||i.tabIndex>=0}).sort(xx)},Sx=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],N3=Sx.join(","),wx=N3+", [data-focus-guard]",Td=function(e,o){return e.reduce(function(a,i){return a.concat(mn(i.querySelectorAll(o?wx:N3)),i.parentNode?mn(i.parentNode.querySelectorAll(N3)).filter(function(s){return s===i}):[])},[])},Tx=function(e){const o=e.querySelectorAll("["+ux+"]");return mn(o).map(function(a){return Td([a])}).reduce(function(a,i){return a.concat(i)},[])},Fd=function(e){return mn(e).filter(function(o){return g7(o)}).filter(function(o){return yx(o)})},M3=function(e,o){return h7(Fd(Td(e,o)),!0,o)},HD=function(e){return h7(Fd(Td(e)),!1)},Fx=function(e){return Fd(Tx(e))};var P3=function(e,o){return o===void 0&&(o=[]),o.push(e),e.parentNode&&P3(e.parentNode,o),o};const Hu=function(e,o){const a=P3(e),i=P3(o);for(let s=0;s=0)return c}return!1},y7=function(e,o,a){const i=L3(e),s=L3(o),c=i[0];let A=!1;return s.filter(Boolean).forEach(function(p){A=Hu(A||p,p)||A,a.filter(Boolean).forEach(function(D){const C=Hu(c,D);C&&(!A||C.contains(A)?A=C:A=Hu(C,A))})}),A},_x=function(e){return e.reduce(function(o,a){return o.concat(Fx(a))},[])},kx=function(e){const o=Sd(e).filter(zl),a=y7(e,e,o),i=M3([a],!0),s=M3(o).filter(function(c){const A=c.node;return zl(A)}).map(function(c){return c.node});return i.map(function(c){const A=c.node,p=c.index;return{node:A,index:p,lockItem:s.indexOf(A)>=0,guard:wd(A)}})},Rx=function(e){return e===document.activeElement},Ix=function(e){return!!mn(e.querySelectorAll("iframe")).some(function(o){return Rx(o)})},v7=function(e){const o=document&&document.activeElement;return!o||o.dataset&&o.dataset.focusGuard?!1:Sd(e).reduce(function(a,i){return a||i.contains(o)||Ix(i)},!1)},Ox=function(){return document&&mn(document.querySelectorAll("["+cx+"]")).some(function(e){return e.contains(document.activeElement)})},x7=function(e){return e.tagName==="INPUT"&&e.type==="radio"},Lx=function(e,o){return o.filter(x7).filter(function(a){return a.name===e.name}).filter(function(a){return a.checked})[0]||e},_d=function(e,o){return x7(e)&&e.name?Lx(e,o):e},Nx=function(e){const o=new Set;return e.forEach(function(a){return o.add(_d(a,e))}),e.filter(function(a){return o.has(a)})},UD=function(e){return e[0]&&e.length>1?_d(e[0],e):e[0]},GD=function(e,o){return e.length>1?e.indexOf(_d(e[o],e)):o},S7="NEW_FOCUS",Mx=function(e,o,a,i){const s=e.length,c=e[0],A=e[s-1],p=wd(a);if(e.indexOf(a)>=0)return;const D=o.indexOf(a),C=i?o.indexOf(i):D,m=i?e.indexOf(i):-1,b=D-C,g=o.indexOf(c),h=o.indexOf(A),v=Nx(o),B=v.indexOf(a)-(i?v.indexOf(i):D),y=GD(e,0),R=GD(e,s-1);if(D===-1||m===-1)return S7;if(!b&&m>=0)return m;if(D<=g&&p&&Math.abs(b)>1)return R;if(D>=h&&p&&Math.abs(b)>1)return y;if(b&&Math.abs(B)>1)return m;if(D<=g)return R;if(D>h)return y;if(b)return Math.abs(b)>1?m:(s+m+b)%s},Px=function(e){return function(o){return o.autofocus||o.dataset&&!!o.dataset.autofocus||e.indexOf(o)>=0}},zx=function(e,o){const a=new Map;return o.forEach(function(i){return a.set(i.node,i)}),e.map(function(i){return a.get(i)}).filter(vx)},$x=function(e,o){const a=document&&document.activeElement,i=Sd(e).filter(zl),s=y7(a||e,e,i),c=HD(i);let A=M3(i).filter(function(b){const g=b.node;return zl(g)});if(!A[0]&&(A=c,!A[0]))return;const p=HD([s]).map(function(b){return b.node}),D=zx(p,A),C=D.map(function(b){return b.node}),m=Mx(C,p,a,o);if(m===S7){const b=c.map(function(g){return g.node}).filter(Px(_x(i)));return{node:b&&b.length?UD(b):UD(C)}}return m===void 0?m:D[m]},jx=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()};let Uu=0,Gu=!1;const w7=function(e,o){const a=$x(e,o);if(!Gu&&a){if(Uu>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Gu=!0,setTimeout(function(){Gu=!1},1);return}Uu++,jx(a.node),Uu--}};function T7(e){const o=window,a=o.setImmediate;typeof a<"u"?a(e):setTimeout(e,1)}const Vx=function(){return document&&document.activeElement===document.body},Hx=function(){return Vx()||Ox()};let fr=null,ar=null,pr=null,Ha=!1;const Ux=function(){return!0},Gx=function(o){return(fr.whiteList||Ux)(o)},qx=function(o,a){pr={observerNode:o,portaledElement:a}},Wx=function(o){return pr&&pr.portaledElement===o};function qD(e,o,a,i){let s=null,c=e;do{const A=i[c];if(A.guard)A.node.dataset.focusAutoGuard&&(s=A);else if(A.lockItem){if(c!==e)return;s=null}else break}while((c+=a)!==o);s&&(s.node.tabIndex=0)}const Yx=function(o){return o&&"current"in o?o.current:o},Xx=function(o){return o?!!Ha:Ha==="meanwhile"},$l=function(){let o=!1;if(fr){const a=fr,i=a.observed,s=a.persistentFocus,c=a.autoFocus,A=a.shards,p=a.crossFrame,D=i||pr&&pr.portaledElement,C=document&&document.activeElement;if(D){const m=[D].concat(A.map(Yx).filter(Boolean));if((!C||Gx(C))&&(s||Xx(p)||!Hx()||!ar&&c)&&(D&&!(v7(m)||Wx(C))&&(document&&!ar&&C&&!c?(C.blur&&C.blur(),document.body.focus()):(o=w7(m,ar),pr={})),Ha=!1,ar=document&&document.activeElement),document){const b=document&&document.activeElement,g=kx(m),h=g.map(function(v){return v.node}).indexOf(b);h>-1&&(g.filter(function(v){const B=v.guard,y=v.node;return B&&y.dataset.focusAutoGuard}).forEach(function(v){return v.node.removeAttribute("tabIndex")}),qD(h,g.length,1,g),qD(h,-1,-1,g))}}}return o},F7=function(o){$l()&&o&&(o.stopPropagation(),o.preventDefault())},kd=function(){return T7($l)},Zx=function(o){const a=o.target,i=o.currentTarget;i.contains(a)||qx(i,a)},Kx=function(){return null};K0.node.isRequired;const _7=function(){Ha="just",setTimeout(function(){Ha="meanwhile"},0)},Qx=function(){document.addEventListener("focusin",F7,!0),document.addEventListener("focusout",kd),window.addEventListener("blur",_7)},Jx=function(){document.removeEventListener("focusin",F7,!0),document.removeEventListener("focusout",kd),window.removeEventListener("blur",_7)};function e1(e){return e.filter(function(o){return!o.disabled})}function t1(e){const o=e.slice(-1)[0];o&&!fr&&Qx();const a=fr,i=a&&o&&o.id===a.id;fr=o,a&&!i&&(a.onDeactivation(),e.filter(function(s){return s.id===a.id}).length||a.returnFocus(!o)),o?(ar=null,(!i||a.observed!==o.observed)&&o.onActivation(),$l(),T7($l)):(Jx(),ar=null)}b7.assignSyncMedium(Zx);B7.assignMedium(kd);Dx.assignMedium(function(e){return e({moveFocusInside:w7,focusInside:v7})});const n1=Ex(e1,t1)(Kx),k7=d.forwardRef(function(o,a){return d.createElement(As,_3({sideCar:n1,ref:a},o))}),R7=As.propTypes||{};R7.sideCar;const o1=nx(R7,["sideCar"]);k7.propTypes=o1;/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */var Dr=function(){return Dr=Object.assign||function(o){for(var a,i=1,s=arguments.length;i"u")return f1;const o=p1(e),a=document.documentElement.clientWidth,i=window.innerWidth;return{left:o[0],top:o[1],right:o[2],gap:Math.max(0,i-a+o[2]-o[0])}},D1=O7(),C1=function(e,o,a,i){const s=e.left,c=e.top,A=e.right,p=e.gap;return a===void 0&&(a="margin"),` + .`+a1+` { + overflow: hidden `+i+`; + padding-right: `+p+"px "+i+`; + } + body { + overflow: hidden `+i+`; + `+[o&&"position: relative "+i+";",a==="margin"&&` + padding-left: `+s+`px; + padding-top: `+c+`px; + padding-right: `+A+`px; + margin-left:0; + margin-top:0; + margin-right: `+p+"px "+i+`; + `,a==="padding"&&"padding-right: "+p+"px "+i+";"].filter(Boolean).join("")+` + } + + .`+xl+` { + right: `+p+"px "+i+`; + } + + .`+Sl+` { + margin-right: `+p+"px "+i+`; + } + + .`+xl+" ."+xl+` { + right: 0 `+i+`; + } + + .`+Sl+" ."+Sl+` { + margin-right: 0 `+i+`; + } + + body { + `+i1+": "+p+`px; + } +`},m1=function(e){const o=d.useState(WD(e.gapMode)),a=o[0],i=o[1];d.useEffect(function(){i(WD(e.gapMode))},[e.gapMode]);const s=e.noRelative,c=e.noImportant,A=e.gapMode,p=A===void 0?"margin":A;return d.createElement(D1,{styles:C1(a,!s,p,c?"":"!important")})},b1=function(e){const o=window.getComputedStyle(e);return o.overflowY!=="hidden"&&!(o.overflowY===o.overflowX&&o.overflowY==="visible")},B1=function(e){const o=window.getComputedStyle(e);return o.overflowX!=="hidden"&&!(o.overflowY===o.overflowX&&o.overflowX==="visible")},YD=function(e,o){let a=o;do{if(L7(e,a)){const s=N7(e,a),c=s[1],A=s[2];if(c>A)return!0}a=a.parentNode}while(a&&a!==document.body);return!1},E1=function(e){const o=e.scrollTop,a=e.scrollHeight,i=e.clientHeight;return[o,a,i]},g1=function(e){const o=e.scrollLeft,a=e.scrollWidth,i=e.clientWidth;return[o,a,i]};var L7=function(e,o){return e==="v"?b1(o):B1(o)},N7=function(e,o){return e==="v"?E1(o):g1(o)};const h1=function(e,o,a,i,s){const c=i;let A=a.target;const p=o.contains(A);let D=!1;const C=c>0;let m=0,b=0;do{const g=N7(e,A),h=g[0],v=g[1],B=g[2],y=v-B-h;(h||y)&&L7(e,A)&&(m+=y,b+=h),A=A.parentNode}while(!p&&A!==document.body||p&&(o.contains(A)||o===A));return(C&&m===0||!C&&b===0)&&(D=!0),D};let z3=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){return z3=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{z3=!1}const Jo=z3?{passive:!1}:!1,Cl=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},XD=function(e){return[e.deltaX,e.deltaY]},ZD=function(e){return e&&"current"in e?e.current:e},y1=function(e,o){return e[0]===o[0]&&e[1]===o[1]},v1=function(e){return` + .block-interactivity-`+e+` {pointer-events: none;} + .allow-interactivity-`+e+` {pointer-events: all;} +`};let x1=0,er=[];function S1(e){const o=d.useRef([]),a=d.useRef([0,0]),i=d.useRef(),s=d.useState(x1++)[0],c=d.useState(function(){return O7()})[0],A=d.useRef(e);d.useEffect(function(){A.current=e},[e]),d.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+s);const B=[e.lockRef.current].concat((e.shards||[]).map(ZD)).filter(Boolean);return B.forEach(function(y){return y.classList.add("allow-interactivity-"+s)}),function(){document.body.classList.remove("block-interactivity-"+s),B.forEach(function(y){return y.classList.remove("allow-interactivity-"+s)})}}},[e.inert,e.lockRef.current,e.shards]);const p=d.useCallback(function(B,y){if("touches"in B&&B.touches.length===2)return!A.current.allowPinchZoom;const R=Cl(B),I=a.current,M="deltaX"in B?B.deltaX:I[0]-R[0],q="deltaY"in B?B.deltaY:I[1]-R[1];let Y;const Z=B.target,n0=Math.abs(M)>Math.abs(q)?"h":"v";let z=YD(n0,Z);if(!z)return!0;if(z?Y=n0:(Y=n0==="v"?"h":"v",z=YD(n0,Z)),!z)return!1;if(!i.current&&"changedTouches"in B&&(M||q)&&(i.current=Y),!Y)return!0;const V=i.current||Y;return h1(V,y,B,V==="h"?M:q)},[]),D=d.useCallback(function(B){const y=B;if(!er.length||er[er.length-1]!==c)return;const R="deltaY"in y?XD(y):Cl(y),I=o.current.filter(function(M){return M.name===y.type&&M.target===y.target&&y1(M.delta,R)})[0];if(I&&I.should){y.preventDefault();return}if(!I){const M=(A.current.shards||[]).map(ZD).filter(Boolean).filter(function(Y){return Y.contains(y.target)});(M.length>0?p(y,M[0]):!A.current.noIsolation)&&y.preventDefault()}},[]),C=d.useCallback(function(B,y,R,I){const M={name:B,delta:y,target:R,should:I};o.current.push(M),setTimeout(function(){o.current=o.current.filter(function(q){return q!==M})},1)},[]),m=d.useCallback(function(B){a.current=Cl(B),i.current=void 0},[]),b=d.useCallback(function(B){C(B.type,XD(B),B.target,p(B,e.lockRef.current))},[]),g=d.useCallback(function(B){C(B.type,Cl(B),B.target,p(B,e.lockRef.current))},[]);d.useEffect(function(){return er.push(c),e.setCallbacks({onScrollCapture:b,onWheelCapture:b,onTouchMoveCapture:g}),document.addEventListener("wheel",D,Jo),document.addEventListener("touchmove",D,Jo),document.addEventListener("touchstart",m,Jo),function(){er=er.filter(function(B){return B!==c}),document.removeEventListener("wheel",D,Jo),document.removeEventListener("touchmove",D,Jo),document.removeEventListener("touchstart",m,Jo)}},[]);const h=e.removeScrollBar,v=e.inert;return d.createElement(d.Fragment,null,v?d.createElement(c,{styles:v1(s)}):null,h?d.createElement(m1,{gapMode:"margin"}):null)}const w1=px(I7,S1),M7=d.forwardRef(function(e,o){return d.createElement(fs,Dr({},e,{ref:o,sideCar:w1}))});M7.classNames=fs.classNames;function st(){return st=Object.assign||function(e){for(let o=1;o=0)&&(a[s]=e[s]);return a}const P7={allowPinchZoom:K0.bool,dangerouslyBypassFocusLock:K0.bool,dangerouslyBypassScrollLock:K0.bool,initialFocusRef:function(){return null},onDismiss:K0.func},Ua=ds(function(o,a){const i=o.as,s=i===void 0?"div":i,c=o.isOpen,A=c===void 0?!0:c,p=ps(o,["as","isOpen"]);return s7("dialog"),d.useEffect(function(){A?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[A]),A?d.createElement(c7,{"data-reach-dialog-wrapper":""},d.createElement(T1,st({ref:a,as:s},p))):null});Ua.displayName="DialogOverlay",Ua.propTypes=st({},P7,{isOpen:K0.bool});var T1=ds(function(o,a){const i=o.allowPinchZoom,s=o.as,c=s===void 0?"div":s,A=o.dangerouslyBypassFocusLock,p=A===void 0?!1:A,D=o.dangerouslyBypassScrollLock,C=D===void 0?!1:D,m=o.initialFocusRef,b=o.onClick,g=o.onDismiss,h=g===void 0?Xa:g,v=o.onKeyDown,B=o.onMouseDown,y=o.unstable_lockFocusAcrossFrames,R=y===void 0?!0:y,I=ps(o,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),M=d.useRef(null),q=d.useRef(null),Y=tx(q,a),Z=d.useCallback(function(){m&&m.current&&m.current.focus()},[m]);function n0(G){M.current===G.target&&(G.stopPropagation(),h(G))}function z(G){G.key==="Escape"&&(G.stopPropagation(),h(G))}function V(G){M.current=G.target}return d.useEffect(function(){return q.current?F1(q.current):void 0},[]),d.createElement(k7,{autoFocus:!0,returnFocus:!0,onActivation:Z,disabled:p,crossFrame:R},d.createElement(M7,{allowPinchZoom:i,enabled:!C},d.createElement(c,st({},I,{ref:Y,"data-reach-dialog-overlay":"",onClick:vl(b,n0),onKeyDown:vl(v,z),onMouseDown:vl(B,V)}))))});Ua.displayName="DialogOverlay",Ua.propTypes=st({},P7);const $3=ds(function(o,a){const i=o.as,s=i===void 0?"div":i,c=o.onClick;o.onKeyDown;const A=ps(o,["as","onClick","onKeyDown"]);return d.createElement(s,st({"aria-modal":"true",role:"dialog",tabIndex:-1},A,{ref:a,"data-reach-dialog-content":"",onClick:vl(c,function(p){p.stopPropagation()})}))});$3.displayName="DialogContent",$3.propTypes={"aria-label":jl,"aria-labelledby":jl};const KD=ds(function(o,a){const i=o.allowPinchZoom,s=i===void 0?!1:i,c=o.initialFocusRef,A=o.isOpen,p=o.onDismiss,D=p===void 0?Xa:p,C=ps(o,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return d.createElement(Ua,{allowPinchZoom:s,initialFocusRef:c,isOpen:A,onDismiss:D},d.createElement($3,st({ref:a},C)))});KD.displayName="Dialog",KD.propTypes={isOpen:K0.bool,onDismiss:K0.func,"aria-label":jl,"aria-labelledby":jl};function F1(e){const o=[],a=[],i=Kv(e);return e?(Array.prototype.forEach.call(i.querySelectorAll("body > *"),function(s){let c,A;const p=(c=e.parentNode)==null||(A=c.parentNode)==null?void 0:A.parentNode;if(s===p)return;const D=s.getAttribute("aria-hidden");D!==null&&D!=="false"||(o.push(D),a.push(s),s.setAttribute("aria-hidden","true"))}),function(){a.forEach(function(s,c){const A=o[c];A===null?s.removeAttribute("aria-hidden"):s.setAttribute("aria-hidden",A)})}):(console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Xa)}function jl(e,o,a,i,s){const c=` +See https://www.w3.org/TR/wai-aria/#aria-label for details.`;return!e["aria-label"]&&!e["aria-labelledby"]?new Error("A <"+a+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+c):e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+a+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+a+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+c):e[o]!=null&&!Jv(e[o])?new Error("Invalid prop `"+o+"` supplied to `"+a+"`. Expected `string`, received `"+(Array.isArray(s)?"array":typeof s)+"`."):null}const j3={},z7=c0.createContext(j3);function _1(e){const o=c0.useContext(z7);return c0.useMemo(function(){return typeof e=="function"?e(o):{...o,...e}},[o,e])}function k1(e){let o;return e.disableParentContext?o=typeof e.components=="function"?e.components(j3):e.components||j3:o=_1(e.components),c0.createElement(z7.Provider,{value:o},e.children)}const R1=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));var Yu={exports:{}};/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/var QD;function I1(){return QD||(QD=1,function(e){(function(){var o={}.hasOwnProperty;function a(){for(var c="",A=0;Atypeof window>"u"?void 0:window,L1=(...e)=>o=>{for(let a of e)if(a==null||a(o),o!=null&&o.defaultPrevented)return},DN=e=>{if(!e)return[];let o=getComputedStyle(e).getPropertyValue("transform");return N1(o)},N1=e=>{let o=new DOMMatrix(e);return[o.m41,o.m42]},CN=(e,o,a)=>Math.min(a,Math.max(o,e)),M1=(e=21)=>{let o="_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",a="";for(let i=0;io=>{e.forEach(a=>{typeof a=="function"?a(o):a&&(a.current=o)})},wr=(...e)=>d.useCallback($7(...e),[...e]),P1=e=>{let o=d.useRef(void 0);return[d.useCallback(i=>{var s,c,A,p,D;(s=V3())!=null&&s.ResizeObserver&&((A=(c=o.current)==null?void 0:c.disconnect)==null||A.call(c),i&&(o.current=new ResizeObserver(C=>{window.requestAnimationFrame(()=>{if(!Array.isArray(C)||!C.length)return;let[{contentRect:m}]=C;return e(m)})}),(D=(p=o.current)==null?void 0:p.observe)==null||D.call(p,i)))},[e]),o.current]},Rd=d.createContext(void 0);let z1=typeof jest<"u",$1=globalThis.Cypress!==void 0,j1=globalThis.beforeEach!==void 0&&`${globalThis.beforeEach}`.replace(/\s/g,"")==="function(name,fn){suites[0].beforeEach(name,fn);}"&&!$1,V1=globalThis.__vitest_index__!==void 0,Za=z1||V1||j1;const H1=()=>{let e=d.useContext(Rd);return U1(e),G1(),e},U1=e=>{d.useEffect(()=>{},[e])};let G1=()=>{d.useEffect(()=>{},[])},q1=is;const j7=q1.useSyncExternalStore||W1;function W1(e,o){let a=o(),[{instance:i},s]=d.useState({instance:{value:a,getSnapshot:o}});return d.useLayoutEffect(()=>{i.value=a,i.getSnapshot=o,Object.is(a,o())||s({instance:i})},[e,a,o]),d.useEffect(()=>{let c=()=>{Object.is(i.value,i.getSnapshot())||s({instance:i})};return c(),e(c)},[e]),a}const H3=e=>{let o=d.useCallback(()=>{var i;return typeof window<"u"?(i=window.matchMedia)==null?void 0:i.call(window,e).matches:void 0},[e]),a=d.useCallback(i=>{var c,A;let s=(c=window.matchMedia)==null?void 0:c.call(window,e);return(A=s==null?void 0:s.addEventListener)==null||A.call(s,"change",i),()=>{var p;return(p=s==null?void 0:s.removeEventListener)==null?void 0:p.call(s,"change",i)}},[e]);return j7(a,o,()=>{})},Ds=e=>{let o=d.useContext(e);if(!o)throw new Error(`${e.displayName||"Context"} is undefined`);return o},Vl=e=>{let o=d.useRef(e);return d.useEffect(()=>{o.current=e},[e]),o};let Br=typeof window<"u"?d.useLayoutEffect:d.useEffect;const Id=()=>{let[e,o]=d.useState(!1);return d.useEffect(()=>{o(!0)},[]),e},Hl=()=>{let e=X1();return d.useMemo(()=>`iui-${e}`,[e])};let Y1=is,X1=Y1.useId??(()=>d.useMemo(()=>M1(10),[]));const V7=(e,o,a)=>{let[i,s]=d.useState(e),c=d.useMemo(()=>o!==void 0?o:i,[o,i]),A=d.useCallback(p=>{s(p),a==null||a(p)},[a,s]);return[c,A]},H7="3.17.2",JD=new Proxy({},{get(e,o){if(typeof o=="string"&&o.startsWith("iui-"))return o.replace("iui-",`_iui${H7.replace(/\./g,"")}-`)},has(e,o){return typeof o=="string"&&o.startsWith("iui-")}});let Z1=e=>(o,a)=>d.forwardRef(({as:s=e,...c},A)=>{c={...a,...c,className:K1(V2(o,a==null?void 0:a.className,c.className))};let p=s||"div";if(p==="button"||p==="a"||p==="input"&&c.type==="checkbox"){var D;(D=c).tabIndex??(D.tabIndex=0)}return H1(),d.createElement(p,{ref:A,...c})});const U7=new Proxy({},{get:(e,o)=>typeof o=="string"?Z1(o):Reflect.get(e,o)});let K1=(e="")=>e.split(" ").map(o=>o in JD?JD[o]:o).join(" ")||null;const Q1=async e=>{try{return await new Function(`return import("${e}", { with: { type: "css" } })`)()}catch{try{return await new Function(`return import("${e}", { assert: { type: "css" } })`)()}catch{return await fetch(e).then(o=>o.text()).then(o=>{let a=new CSSStyleSheet;return a.replaceSync(o),{default:a}})}}},G7=(e,o)=>{var c;if(!e)return null;if(!d.isValidElement(e))return e;let a=((c=e.props)==null?void 0:c.ref)||(e==null?void 0:e.ref),i=o(e),s=$7(...[a,"ref"in i?i.ref:null].filter(Boolean));return d.cloneElement(e,{...i,ref:s})},De=U7.div("");function Cs(){return typeof window<"u"}function ct(e){return q7(e)?(e.nodeName||"").toLowerCase():"#document"}function ae(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function Pt(e){var o;return(o=(q7(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function q7(e){return Cs()?e instanceof Node||e instanceof ae(e).Node:!1}function c2(e){return Cs()?e instanceof Element||e instanceof ae(e).Element:!1}function w2(e){return Cs()?e instanceof HTMLElement||e instanceof ae(e).HTMLElement:!1}function U3(e){return!Cs()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof ae(e).ShadowRoot}function Ka(e){const{overflow:o,overflowX:a,overflowY:i,display:s}=Ce(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+a)&&!["inline","contents"].includes(s)}function J1(e){return["table","td","th"].includes(ct(e))}function eS(e){return[":popover-open",":modal"].some(o=>{try{return e.matches(o)}catch{return!1}})}function Od(e){const o=ms(),a=c2(e)?Ce(e):e;return["transform","translate","scale","rotate","perspective"].some(i=>a[i]?a[i]!=="none":!1)||(a.containerType?a.containerType!=="normal":!1)||!o&&(a.backdropFilter?a.backdropFilter!=="none":!1)||!o&&(a.filter?a.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(i=>(a.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(a.contain||"").includes(i))}function tS(e){let o=so(e);for(;w2(o)&&!ro(o);){if(Od(o))return o;if(eS(o))return null;o=so(o)}return null}function ms(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ro(e){return["html","body","#document"].includes(ct(e))}function Ce(e){return ae(e).getComputedStyle(e)}function bs(e){return c2(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function so(e){if(ct(e)==="html")return e;const o=e.assignedSlot||e.parentNode||U3(e)&&e.host||Pt(e);return U3(o)?o.host:o}function W7(e){const o=so(e);return ro(o)?e.ownerDocument?e.ownerDocument.body:e.body:w2(o)&&Ka(o)?o:W7(o)}function pn(e,o,a){var i;o===void 0&&(o=[]),a===void 0&&(a=!0);const s=W7(e),c=s===((i=e.ownerDocument)==null?void 0:i.body),A=ae(s);if(c){const p=nS(A);return o.concat(A,A.visualViewport||[],Ka(s)?s:[],p&&a?pn(p):[])}return o.concat(s,pn(s,[],a))}function nS(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function $e(e){let o=e.activeElement;for(;((a=o)==null||(a=a.shadowRoot)==null?void 0:a.activeElement)!=null;){var a;o=o.shadowRoot.activeElement}return o}function S2(e,o){if(!e||!o)return!1;const a=o.getRootNode==null?void 0:o.getRootNode();if(e.contains(o))return!0;if(a&&U3(a)){let i=o;for(;i;){if(e===i)return!0;i=i.parentNode||i.host}}return!1}function Y7(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function X7(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(o=>{let{brand:a,version:i}=o;return a+"/"+i}).join(" "):navigator.userAgent}function Z7(e){return e.mozInputSource===0&&e.isTrusted?!0:G3()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Ld(e){return rS()?!1:!G3()&&e.width===0&&e.height===0||G3()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType==="touch"}function K7(){return/apple/i.test(navigator.vendor)}function G3(){const e=/android/i;return e.test(Y7())||e.test(X7())}function oS(){return Y7().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function rS(){return X7().includes("jsdom/")}function Ga(e,o){const a=["mouse","pen"];return o||a.push("",void 0),a.includes(e)}function aS(e){return"nativeEvent"in e}function iS(e){return e.matches("html,body")}function j2(e){return(e==null?void 0:e.ownerDocument)||document}function Xu(e,o){if(o==null)return!1;if("composedPath"in e)return e.composedPath().includes(o);const a=e;return a.target!=null&&o.contains(a.target)}function Ot(e){return"composedPath"in e?e.composedPath()[0]:e.target}const lS="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function Nd(e){return w2(e)&&e.matches(lS)}function J2(e){e.preventDefault(),e.stopPropagation()}function Q7(e){return e?e.getAttribute("role")==="combobox"&&Nd(e):!1}const J7=["top","right","bottom","left"],eC=["start","end"],tC=J7.reduce((e,o)=>e.concat(o,o+"-"+eC[0],o+"-"+eC[1]),[]),Mt=Math.min,W2=Math.max,Ul=Math.round,ir=Math.floor,bn=e=>({x:e,y:e}),sS={left:"right",right:"left",bottom:"top",top:"bottom"},cS={start:"end",end:"start"};function nC(e,o,a){return W2(e,Mt(o,a))}function Bn(e,o){return typeof e=="function"?e(o):e}function _e(e){return e.split("-")[0]}function rt(e){return e.split("-")[1]}function eb(e){return e==="x"?"y":"x"}function tb(e){return e==="y"?"height":"width"}function Tr(e){return["top","bottom"].includes(_e(e))?"y":"x"}function nb(e){return eb(Tr(e))}function ob(e,o,a){a===void 0&&(a=!1);const i=rt(e),s=nb(e),c=tb(s);let A=s==="x"?i===(a?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[c]>o.floating[c]&&(A=ql(A)),[A,ql(A)]}function uS(e){const o=ql(e);return[Gl(e),o,Gl(o)]}function Gl(e){return e.replace(/start|end/g,o=>cS[o])}function dS(e,o,a){const i=["left","right"],s=["right","left"],c=["top","bottom"],A=["bottom","top"];switch(e){case"top":case"bottom":return a?o?s:i:o?i:s;case"left":case"right":return o?c:A;default:return[]}}function AS(e,o,a,i){const s=rt(e);let c=dS(_e(e),a==="start",i);return s&&(c=c.map(A=>A+"-"+s),o&&(c=c.concat(c.map(Gl)))),c}function ql(e){return e.replace(/left|right|bottom|top/g,o=>sS[o])}function fS(e){return{top:0,right:0,bottom:0,left:0,...e}}function rb(e){return typeof e!="number"?fS(e):{top:e,right:e,bottom:e,left:e}}function Er(e){const{x:o,y:a,width:i,height:s}=e;return{width:i,height:s,top:a,left:o,right:o+i,bottom:a+s,x:o,y:a}}/*! +* tabbable 6.2.0 +* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE +*/var pS=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Wl=pS.join(","),ab=typeof Element>"u",gr=ab?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Yl=!ab&&Element.prototype.getRootNode?function(e){var o;return e==null||(o=e.getRootNode)===null||o===void 0?void 0:o.call(e)}:function(e){return e==null?void 0:e.ownerDocument},Xl=function e(o,a){var i;a===void 0&&(a=!0);var s=o==null||(i=o.getAttribute)===null||i===void 0?void 0:i.call(o,"inert"),c=s===""||s==="true",A=c||a&&o&&e(o.parentNode);return A},DS=function(o){var a,i=o==null||(a=o.getAttribute)===null||a===void 0?void 0:a.call(o,"contenteditable");return i===""||i==="true"},CS=function(o,a,i){if(Xl(o))return[];var s=Array.prototype.slice.apply(o.querySelectorAll(Wl));return a&&gr.call(o,Wl)&&s.unshift(o),s=s.filter(i),s},mS=function e(o,a,i){for(var s=[],c=Array.from(o);c.length;){var A=c.shift();if(!Xl(A,!1))if(A.tagName==="SLOT"){var p=A.assignedElements(),D=p.length?p:A.children,C=e(D,!0,i);i.flatten?s.push.apply(s,C):s.push({scopeParent:A,candidates:C})}else{var m=gr.call(A,Wl);m&&i.filter(A)&&(a||!o.includes(A))&&s.push(A);var b=A.shadowRoot||typeof i.getShadowRoot=="function"&&i.getShadowRoot(A),g=!Xl(b,!1)&&(!i.shadowRootFilter||i.shadowRootFilter(A));if(b&&g){var h=e(b===!0?A.children:b.children,!0,i);i.flatten?s.push.apply(s,h):s.push({scopeParent:A,candidates:h})}else c.unshift.apply(c,A.children)}}return s},ib=function(o){return!isNaN(parseInt(o.getAttribute("tabindex"),10))},lb=function(o){if(!o)throw new Error("No node provided");return o.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(o.tagName)||DS(o))&&!ib(o)?0:o.tabIndex},bS=function(o,a){var i=lb(o);return i<0&&a&&!ib(o)?0:i},BS=function(o,a){return o.tabIndex===a.tabIndex?o.documentOrder-a.documentOrder:o.tabIndex-a.tabIndex},sb=function(o){return o.tagName==="INPUT"},ES=function(o){return sb(o)&&o.type==="hidden"},gS=function(o){var a=o.tagName==="DETAILS"&&Array.prototype.slice.apply(o.children).some(function(i){return i.tagName==="SUMMARY"});return a},hS=function(o,a){for(var i=0;isummary:first-of-type"),A=c?o.parentElement:o;if(gr.call(A,"details:not([open]) *"))return!0;if(!i||i==="full"||i==="legacy-full"){if(typeof s=="function"){for(var p=o;o;){var D=o.parentElement,C=Yl(o);if(D&&!D.shadowRoot&&s(D)===!0)return oC(o);o.assignedSlot?o=o.assignedSlot:!D&&C!==o.ownerDocument?o=C.host:o=D}o=p}if(SS(o))return!o.getClientRects().length;if(i!=="legacy-full")return!0}else if(i==="non-zero-area")return oC(o);return!1},TS=function(o){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(o.tagName))for(var a=o.parentElement;a;){if(a.tagName==="FIELDSET"&&a.disabled){for(var i=0;i=0)},kS=function e(o){var a=[],i=[];return o.forEach(function(s,c){var A=!!s.scopeParent,p=A?s.scopeParent:s,D=bS(p,A),C=A?e(s.candidates):p;D===0?A?a.push.apply(a,C):a.push(p):i.push({documentOrder:c,tabIndex:D,item:s,isScope:A,content:C})}),i.sort(BS).reduce(function(s,c){return c.isScope?s.push.apply(s,c.content):s.push(c.content),s},[]).concat(a)},Bs=function(o,a){a=a||{};var i;return a.getShadowRoot?i=mS([o],a.includeContainer,{filter:q3.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:_S}):i=CS(o,a.includeContainer,q3.bind(null,a)),kS(i)},RS=function(o,a){if(a=a||{},!o)throw new Error("No node provided");return gr.call(o,Wl)===!1?!1:q3(a,o)};function rC(e,o,a){let{reference:i,floating:s}=e;const c=Tr(o),A=nb(o),p=tb(A),D=_e(o),C=c==="y",m=i.x+i.width/2-s.width/2,b=i.y+i.height/2-s.height/2,g=i[p]/2-s[p]/2;let h;switch(D){case"top":h={x:m,y:i.y-s.height};break;case"bottom":h={x:m,y:i.y+i.height};break;case"right":h={x:i.x+i.width,y:b};break;case"left":h={x:i.x-s.width,y:b};break;default:h={x:i.x,y:i.y}}switch(rt(o)){case"start":h[A]-=g*(a&&C?-1:1);break;case"end":h[A]+=g*(a&&C?-1:1);break}return h}const IS=async(e,o,a)=>{const{placement:i="bottom",strategy:s="absolute",middleware:c=[],platform:A}=a,p=c.filter(Boolean),D=await(A.isRTL==null?void 0:A.isRTL(o));let C=await A.getElementRects({reference:e,floating:o,strategy:s}),{x:m,y:b}=rC(C,i,D),g=i,h={},v=0;for(let B=0;Brt(s)===e),...a.filter(s=>rt(s)!==e)]:a.filter(s=>_e(s)===s)).filter(s=>e?rt(s)===e||(o?Gl(s)!==s:!1):!0)}const LS=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,s;const{rects:c,middlewareData:A,placement:p,platform:D,elements:C}=o,{crossAxis:m=!1,alignment:b,allowedPlacements:g=tC,autoAlignment:h=!0,...v}=Bn(e,o),B=b!==void 0||g===tC?OS(b||null,h,g):g,y=await hr(o,v),R=((a=A.autoPlacement)==null?void 0:a.index)||0,I=B[R];if(I==null)return{};const M=ob(I,c,await(D.isRTL==null?void 0:D.isRTL(C.floating)));if(p!==I)return{reset:{placement:B[0]}};const q=[y[_e(I)],y[M[0]],y[M[1]]],Y=[...((i=A.autoPlacement)==null?void 0:i.overflows)||[],{placement:I,overflows:q}],Z=B[R+1];if(Z)return{data:{index:R+1,overflows:Y},reset:{placement:Z}};const n0=Y.map(G=>{const e0=rt(G.placement);return[G.placement,e0&&m?G.overflows.slice(0,2).reduce((F,O)=>F+O,0):G.overflows[0],G.overflows]}).sort((G,e0)=>G[1]-e0[1]),V=((s=n0.filter(G=>G[2].slice(0,rt(G[0])?2:3).every(e0=>e0<=0))[0])==null?void 0:s[0])||n0[0][0];return V!==p?{data:{index:R+1,overflows:Y},reset:{placement:V}}:{}}}},NS=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(o){var a,i;const{placement:s,middlewareData:c,rects:A,initialPlacement:p,platform:D,elements:C}=o,{mainAxis:m=!0,crossAxis:b=!0,fallbackPlacements:g,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:B=!0,...y}=Bn(e,o);if((a=c.arrow)!=null&&a.alignmentOffset)return{};const R=_e(s),I=_e(p)===p,M=await(D.isRTL==null?void 0:D.isRTL(C.floating)),q=g||(I||!B?[ql(p)]:uS(p));!g&&v!=="none"&&q.push(...AS(p,B,v,M));const Y=[p,...q],Z=await hr(o,y),n0=[];let z=((i=c.flip)==null?void 0:i.overflows)||[];if(m&&n0.push(Z[R]),b){const F=ob(s,A,M);n0.push(Z[F[0]],Z[F[1]])}if(z=[...z,{placement:s,overflows:n0}],!n0.every(F=>F<=0)){var V,G;const F=(((V=c.flip)==null?void 0:V.index)||0)+1,O=Y[F];if(O)return{data:{index:F,overflows:z},reset:{placement:O}};let P=(G=z.filter(U=>U.overflows[0]<=0).sort((U,N)=>U.overflows[1]-N.overflows[1])[0])==null?void 0:G.placement;if(!P)switch(h){case"bestFit":{var e0;const U=(e0=z.map(N=>[N.placement,N.overflows.filter(H=>H>0).reduce((H,j)=>H+j,0)]).sort((N,H)=>N[1]-H[1])[0])==null?void 0:e0[0];U&&(P=U);break}case"initialPlacement":P=p;break}if(s!==P)return{reset:{placement:P}}}return{}}}};function aC(e,o){return{top:e.top-o.height,right:e.right-o.width,bottom:e.bottom-o.height,left:e.left-o.width}}function iC(e){return J7.some(o=>e[o]>=0)}const MS=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(o){const{rects:a}=o,{strategy:i="referenceHidden",...s}=Bn(e,o);switch(i){case"referenceHidden":{const c=await hr(o,{...s,elementContext:"reference"}),A=aC(c,a.reference);return{data:{referenceHiddenOffsets:A,referenceHidden:iC(A)}}}case"escaped":{const c=await hr(o,{...s,altBoundary:!0}),A=aC(c,a.floating);return{data:{escapedOffsets:A,escaped:iC(A)}}}default:return{}}}}};function cb(e){const o=Mt(...e.map(c=>c.left)),a=Mt(...e.map(c=>c.top)),i=W2(...e.map(c=>c.right)),s=W2(...e.map(c=>c.bottom));return{x:o,y:a,width:i-o,height:s-a}}function PS(e){const o=e.slice().sort((s,c)=>s.y-c.y),a=[];let i=null;for(let s=0;si.height/2?a.push([c]):a[a.length-1].push(c),i=c}return a.map(s=>Er(cb(s)))}const zS=function(e){return e===void 0&&(e={}),{name:"inline",options:e,async fn(o){const{placement:a,elements:i,rects:s,platform:c,strategy:A}=o,{padding:p=2,x:D,y:C}=Bn(e,o),m=Array.from(await(c.getClientRects==null?void 0:c.getClientRects(i.reference))||[]),b=PS(m),g=Er(cb(m)),h=rb(p);function v(){if(b.length===2&&b[0].left>b[1].right&&D!=null&&C!=null)return b.find(y=>D>y.left-h.left&&Dy.top-h.top&&C=2){if(Tr(a)==="y"){const G=b[0],e0=b[b.length-1],F=_e(a)==="top",O=G.top,P=e0.bottom,U=F?G.left:e0.left,N=F?G.right:e0.right,H=N-U,j=P-O;return{top:O,bottom:P,left:U,right:N,width:H,height:j,x:U,y:O}}const y=_e(a)==="left",R=W2(...b.map(G=>G.right)),I=Mt(...b.map(G=>G.left)),M=b.filter(G=>y?G.left===I:G.right===R),q=M[0].top,Y=M[M.length-1].bottom,Z=I,n0=R,z=n0-Z,V=Y-q;return{top:q,bottom:Y,left:Z,right:n0,width:z,height:V,x:Z,y:q}}return g}const B=await c.getElementRects({reference:{getBoundingClientRect:v},floating:i.floating,strategy:A});return s.reference.x!==B.reference.x||s.reference.y!==B.reference.y||s.reference.width!==B.reference.width||s.reference.height!==B.reference.height?{reset:{rects:B}}:{}}}};async function $S(e,o){const{placement:a,platform:i,elements:s}=e,c=await(i.isRTL==null?void 0:i.isRTL(s.floating)),A=_e(a),p=rt(a),D=Tr(a)==="y",C=["left","top"].includes(A)?-1:1,m=c&&D?-1:1,b=Bn(o,e);let{mainAxis:g,crossAxis:h,alignmentAxis:v}=typeof b=="number"?{mainAxis:b,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...b};return p&&typeof v=="number"&&(h=p==="end"?v*-1:v),D?{x:h*m,y:g*C}:{x:g*C,y:h*m}}const jS=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(o){var a,i;const{x:s,y:c,placement:A,middlewareData:p}=o,D=await $S(o,e);return A===((a=p.offset)==null?void 0:a.placement)&&(i=p.arrow)!=null&&i.alignmentOffset?{}:{x:s+D.x,y:c+D.y,data:{...D,placement:A}}}}},VS=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){const{x:a,y:i,placement:s}=o,{mainAxis:c=!0,crossAxis:A=!1,limiter:p={fn:y=>{let{x:R,y:I}=y;return{x:R,y:I}}},...D}=Bn(e,o),C={x:a,y:i},m=await hr(o,D),b=Tr(_e(s)),g=eb(b);let h=C[g],v=C[b];if(c){const y=g==="y"?"top":"left",R=g==="y"?"bottom":"right",I=h+m[y],M=h-m[R];h=nC(I,h,M)}if(A){const y=b==="y"?"top":"left",R=b==="y"?"bottom":"right",I=v+m[y],M=v-m[R];v=nC(I,v,M)}const B=p.fn({...o,[g]:h,[b]:v});return{...B,data:{x:B.x-a,y:B.y-i}}}}},HS=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(o){const{placement:a,rects:i,platform:s,elements:c}=o,{apply:A=()=>{},...p}=Bn(e,o),D=await hr(o,p),C=_e(a),m=rt(a),b=Tr(a)==="y",{width:g,height:h}=i.floating;let v,B;C==="top"||C==="bottom"?(v=C,B=m===(await(s.isRTL==null?void 0:s.isRTL(c.floating))?"start":"end")?"left":"right"):(B=C,v=m==="end"?"top":"bottom");const y=h-D[v],R=g-D[B],I=!o.middlewareData.shift;let M=y,q=R;if(b){const Z=g-D.left-D.right;q=m||I?Mt(R,Z):Z}else{const Z=h-D.top-D.bottom;M=m||I?Mt(y,Z):Z}if(I&&!m){const Z=W2(D.left,0),n0=W2(D.right,0),z=W2(D.top,0),V=W2(D.bottom,0);b?q=g-2*(Z!==0||n0!==0?Z+n0:W2(D.left,D.right)):M=h-2*(z!==0||V!==0?z+V:W2(D.top,D.bottom))}await A({...o,availableWidth:q,availableHeight:M});const Y=await s.getDimensions(c.floating);return g!==Y.width||h!==Y.height?{reset:{rects:!0}}:{}}}};function ub(e){const o=Ce(e);let a=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const s=w2(e),c=s?e.offsetWidth:a,A=s?e.offsetHeight:i,p=Ul(a)!==c||Ul(i)!==A;return p&&(a=c,i=A),{width:a,height:i,$:p}}function Md(e){return c2(e)?e:e.contextElement}function Cr(e){const o=Md(e);if(!w2(o))return bn(1);const a=o.getBoundingClientRect(),{width:i,height:s,$:c}=ub(o);let A=(c?Ul(a.width):a.width)/i,p=(c?Ul(a.height):a.height)/s;return(!A||!Number.isFinite(A))&&(A=1),(!p||!Number.isFinite(p))&&(p=1),{x:A,y:p}}const US=bn(0);function db(e){const o=ae(e);return!ms()||!o.visualViewport?US:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function GS(e,o,a){return o===void 0&&(o=!1),!a||o&&a!==ae(e)?!1:o}function co(e,o,a,i){o===void 0&&(o=!1),a===void 0&&(a=!1);const s=e.getBoundingClientRect(),c=Md(e);let A=bn(1);o&&(i?c2(i)&&(A=Cr(i)):A=Cr(e));const p=GS(c,a,i)?db(c):bn(0);let D=(s.left+p.x)/A.x,C=(s.top+p.y)/A.y,m=s.width/A.x,b=s.height/A.y;if(c){const g=ae(c),h=i&&c2(i)?ae(i):i;let v=g,B=v.frameElement;for(;B&&i&&h!==v;){const y=Cr(B),R=B.getBoundingClientRect(),I=Ce(B),M=R.left+(B.clientLeft+parseFloat(I.paddingLeft))*y.x,q=R.top+(B.clientTop+parseFloat(I.paddingTop))*y.y;D*=y.x,C*=y.y,m*=y.x,b*=y.y,D+=M,C+=q,v=ae(B),B=v.frameElement}}return Er({width:m,height:b,x:D,y:C})}const qS=[":popover-open",":modal"];function Ab(e){return qS.some(o=>{try{return e.matches(o)}catch{return!1}})}function WS(e){let{elements:o,rect:a,offsetParent:i,strategy:s}=e;const c=s==="fixed",A=Pt(i),p=o?Ab(o.floating):!1;if(i===A||p&&c)return a;let D={scrollLeft:0,scrollTop:0},C=bn(1);const m=bn(0),b=w2(i);if((b||!b&&!c)&&((ct(i)!=="body"||Ka(A))&&(D=bs(i)),w2(i))){const g=co(i);C=Cr(i),m.x=g.x+i.clientLeft,m.y=g.y+i.clientTop}return{width:a.width*C.x,height:a.height*C.y,x:a.x*C.x-D.scrollLeft*C.x+m.x,y:a.y*C.y-D.scrollTop*C.y+m.y}}function YS(e){return Array.from(e.getClientRects())}function fb(e){return co(Pt(e)).left+bs(e).scrollLeft}function XS(e){const o=Pt(e),a=bs(e),i=e.ownerDocument.body,s=W2(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),c=W2(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let A=-a.scrollLeft+fb(e);const p=-a.scrollTop;return Ce(i).direction==="rtl"&&(A+=W2(o.clientWidth,i.clientWidth)-s),{width:s,height:c,x:A,y:p}}function ZS(e,o){const a=ae(e),i=Pt(e),s=a.visualViewport;let c=i.clientWidth,A=i.clientHeight,p=0,D=0;if(s){c=s.width,A=s.height;const C=ms();(!C||C&&o==="fixed")&&(p=s.offsetLeft,D=s.offsetTop)}return{width:c,height:A,x:p,y:D}}function KS(e,o){const a=co(e,!0,o==="fixed"),i=a.top+e.clientTop,s=a.left+e.clientLeft,c=w2(e)?Cr(e):bn(1),A=e.clientWidth*c.x,p=e.clientHeight*c.y,D=s*c.x,C=i*c.y;return{width:A,height:p,x:D,y:C}}function lC(e,o,a){let i;if(o==="viewport")i=ZS(e,a);else if(o==="document")i=XS(Pt(e));else if(c2(o))i=KS(o,a);else{const s=db(e);i={...o,x:o.x-s.x,y:o.y-s.y}}return Er(i)}function pb(e,o){const a=so(e);return a===o||!c2(a)||ro(a)?!1:Ce(a).position==="fixed"||pb(a,o)}function QS(e,o){const a=o.get(e);if(a)return a;let i=pn(e,[],!1).filter(p=>c2(p)&&ct(p)!=="body"),s=null;const c=Ce(e).position==="fixed";let A=c?so(e):e;for(;c2(A)&&!ro(A);){const p=Ce(A),D=Od(A);!D&&p.position==="fixed"&&(s=null),(c?!D&&!s:!D&&p.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||Ka(A)&&!D&&pb(e,A))?i=i.filter(m=>m!==A):s=p,A=so(A)}return o.set(e,i),i}function JS(e){let{element:o,boundary:a,rootBoundary:i,strategy:s}=e;const A=[...a==="clippingAncestors"?QS(o,this._c):[].concat(a),i],p=A[0],D=A.reduce((C,m)=>{const b=lC(o,m,s);return C.top=W2(b.top,C.top),C.right=Mt(b.right,C.right),C.bottom=Mt(b.bottom,C.bottom),C.left=W2(b.left,C.left),C},lC(o,p,s));return{width:D.right-D.left,height:D.bottom-D.top,x:D.left,y:D.top}}function ew(e){const{width:o,height:a}=ub(e);return{width:o,height:a}}function tw(e,o,a){const i=w2(o),s=Pt(o),c=a==="fixed",A=co(e,!0,c,o);let p={scrollLeft:0,scrollTop:0};const D=bn(0);if(i||!i&&!c)if((ct(o)!=="body"||Ka(s))&&(p=bs(o)),i){const b=co(o,!0,c,o);D.x=b.x+o.clientLeft,D.y=b.y+o.clientTop}else s&&(D.x=fb(s));const C=A.left+p.scrollLeft-D.x,m=A.top+p.scrollTop-D.y;return{x:C,y:m,width:A.width,height:A.height}}function sC(e,o){return!w2(e)||Ce(e).position==="fixed"?null:o?o(e):e.offsetParent}function Db(e,o){const a=ae(e);if(!w2(e)||Ab(e))return a;let i=sC(e,o);for(;i&&J1(i)&&Ce(i).position==="static";)i=sC(i,o);return i&&(ct(i)==="html"||ct(i)==="body"&&Ce(i).position==="static"&&!Od(i))?a:i||tS(e)||a}const nw=async function(e){const o=this.getOffsetParent||Db,a=this.getDimensions;return{reference:tw(e.reference,await o(e.floating),e.strategy),floating:{x:0,y:0,...await a(e.floating)}}};function ow(e){return Ce(e).direction==="rtl"}const rw={convertOffsetParentRelativeRectToViewportRelativeRect:WS,getDocumentElement:Pt,getClippingRect:JS,getOffsetParent:Db,getElementRects:nw,getClientRects:YS,getDimensions:ew,getScale:Cr,isElement:c2,isRTL:ow};function aw(e,o){let a=null,i;const s=Pt(e);function c(){var p;clearTimeout(i),(p=a)==null||p.disconnect(),a=null}function A(p,D){p===void 0&&(p=!1),D===void 0&&(D=1),c();const{left:C,top:m,width:b,height:g}=e.getBoundingClientRect();if(p||o(),!b||!g)return;const h=ir(m),v=ir(s.clientWidth-(C+b)),B=ir(s.clientHeight-(m+g)),y=ir(C),I={rootMargin:-h+"px "+-v+"px "+-B+"px "+-y+"px",threshold:W2(0,Mt(1,D))||1};let M=!0;function q(Y){const Z=Y[0].intersectionRatio;if(Z!==D){if(!M)return A();Z?A(!1,Z):i=setTimeout(()=>{A(!1,1e-7)},100)}M=!1}try{a=new IntersectionObserver(q,{...I,root:s.ownerDocument})}catch{a=new IntersectionObserver(q,I)}a.observe(e)}return A(!0),c}function Cb(e,o,a,i){i===void 0&&(i={});const{ancestorScroll:s=!0,ancestorResize:c=!0,elementResize:A=typeof ResizeObserver=="function",layoutShift:p=typeof IntersectionObserver=="function",animationFrame:D=!1}=i,C=Md(e),m=s||c?[...C?pn(C):[],...pn(o)]:[];m.forEach(R=>{s&&R.addEventListener("scroll",a,{passive:!0}),c&&R.addEventListener("resize",a)});const b=C&&p?aw(C,a):null;let g=-1,h=null;A&&(h=new ResizeObserver(R=>{let[I]=R;I&&I.target===C&&h&&(h.unobserve(o),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var M;(M=h)==null||M.observe(o)})),a()}),C&&!D&&h.observe(C),h.observe(o));let v,B=D?co(e):null;D&&y();function y(){const R=co(e);B&&(R.x!==B.x||R.y!==B.y||R.width!==B.width||R.height!==B.height)&&a(),B=R,v=requestAnimationFrame(y)}return a(),()=>{var R;m.forEach(I=>{s&&I.removeEventListener("scroll",a),c&&I.removeEventListener("resize",a)}),b==null||b(),(R=h)==null||R.disconnect(),h=null,D&&cancelAnimationFrame(v)}}const iw=LS,lw=VS,sw=NS,cw=HS,uw=MS,dw=zS,Aw=(e,o,a)=>{const i=new Map,s={platform:rw,...a},c={...s.platform,_c:i};return IS(e,o,{...s,platform:c})};var wl=typeof document<"u"?d.useLayoutEffect:d.useEffect;function Zl(e,o){if(e===o)return!0;if(typeof e!=typeof o)return!1;if(typeof e=="function"&&e.toString()===o.toString())return!0;let a,i,s;if(e&&o&&typeof e=="object"){if(Array.isArray(e)){if(a=e.length,a!==o.length)return!1;for(i=a;i--!==0;)if(!Zl(e[i],o[i]))return!1;return!0}if(s=Object.keys(e),a=s.length,a!==Object.keys(o).length)return!1;for(i=a;i--!==0;)if(!{}.hasOwnProperty.call(o,s[i]))return!1;for(i=a;i--!==0;){const c=s[i];if(!(c==="_owner"&&e.$$typeof)&&!Zl(e[c],o[c]))return!1}return!0}return e!==e&&o!==o}function mb(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function cC(e,o){const a=mb(e);return Math.round(o*a)/a}function Zu(e){const o=d.useRef(e);return wl(()=>{o.current=e}),o}function fw(e){e===void 0&&(e={});const{placement:o="bottom",strategy:a="absolute",middleware:i=[],platform:s,elements:{reference:c,floating:A}={},transform:p=!0,whileElementsMounted:D,open:C}=e,[m,b]=d.useState({x:0,y:0,strategy:a,placement:o,middlewareData:{},isPositioned:!1}),[g,h]=d.useState(i);Zl(g,i)||h(i);const[v,B]=d.useState(null),[y,R]=d.useState(null),I=d.useCallback(j=>{j!==Z.current&&(Z.current=j,B(j))},[]),M=d.useCallback(j=>{j!==n0.current&&(n0.current=j,R(j))},[]),q=c||v,Y=A||y,Z=d.useRef(null),n0=d.useRef(null),z=d.useRef(m),V=D!=null,G=Zu(D),e0=Zu(s),F=Zu(C),O=d.useCallback(()=>{if(!Z.current||!n0.current)return;const j={placement:o,strategy:a,middleware:g};e0.current&&(j.platform=e0.current),Aw(Z.current,n0.current,j).then(X=>{const T={...X,isPositioned:F.current!==!1};P.current&&!Zl(z.current,T)&&(z.current=T,it.flushSync(()=>{b(T)}))})},[g,o,a,e0,F]);wl(()=>{C===!1&&z.current.isPositioned&&(z.current.isPositioned=!1,b(j=>({...j,isPositioned:!1})))},[C]);const P=d.useRef(!1);wl(()=>(P.current=!0,()=>{P.current=!1}),[]),wl(()=>{if(q&&(Z.current=q),Y&&(n0.current=Y),q&&Y){if(G.current)return G.current(q,Y,O);O()}},[q,Y,O,G,V]);const U=d.useMemo(()=>({reference:Z,floating:n0,setReference:I,setFloating:M}),[I,M]),N=d.useMemo(()=>({reference:q,floating:Y}),[q,Y]),H=d.useMemo(()=>{const j={position:a,left:0,top:0};if(!N.floating)return j;const X=cC(N.floating,m.x),T=cC(N.floating,m.y);return p?{...j,transform:"translate("+X+"px, "+T+"px)",...mb(N.floating)>=1.5&&{willChange:"transform"}}:{position:a,left:X,top:T}},[a,p,N.floating,m.x,m.y]);return d.useMemo(()=>({...m,update:O,refs:U,elements:N,floatingStyles:H}),[m,O,U,N,H])}const W3=(e,o)=>({...jS(e),options:[e,o]}),bb=(e,o)=>({...lw(e),options:[e,o]}),Bb=(e,o)=>({...sw(e),options:[e,o]}),Eb=(e,o)=>({...cw(e),options:[e,o]}),gb=(e,o)=>({...iw(e),options:[e,o]}),hb=(e,o)=>({...uw(e),options:[e,o]}),yb=(e,o)=>({...dw(e),options:[e,o]});function Y3(e){return d.useMemo(()=>e.every(o=>o==null)?null:o=>{e.forEach(a=>{typeof a=="function"?a(o):a!=null&&(a.current=o)})},e)}const vb={...is},pw=vb.useInsertionEffect,Dw=pw||(e=>e());function Y2(e){const o=d.useRef(()=>{});return Dw(()=>{o.current=e}),d.useCallback(function(){for(var a=arguments.length,i=new Array(a),s=0;s=e.current.length}function Tl(e,o){return $2(e,{disabledIndices:o})}function X3(e,o){return $2(e,{decrement:!0,startingIndex:e.current.length,disabledIndices:o})}function $2(e,o){let{startingIndex:a=-1,decrement:i=!1,disabledIndices:s,amount:c=1}=o===void 0?{}:o;const A=e.current;let p=a;do p+=i?-c:c;while(p>=0&&p<=A.length-1&&ao(A,p,s));return p}function xb(e,o){let{event:a,orientation:i,loop:s,rtl:c,cols:A,disabledIndices:p,minIndex:D,maxIndex:C,prevIndex:m,stopEvent:b=!1}=o,g=m;if(a.key===yr){if(b&&J2(a),m===-1)g=C;else if(g=$2(e,{startingIndex:g,amount:A,decrement:!0,disabledIndices:p}),s&&(m-Ah?B:B-A}mr(e,g)&&(g=m)}if(a.key===Nt&&(b&&J2(a),m===-1?g=D:(g=$2(e,{startingIndex:m,amount:A,disabledIndices:p}),s&&m+A>C&&(g=$2(e,{startingIndex:m%A-A,amount:A,disabledIndices:p}))),mr(e,g)&&(g=m)),i==="both"){const h=ir(m/A);a.key===(c?Ve:He)&&(b&&J2(a),m%A!==A-1?(g=$2(e,{startingIndex:m,disabledIndices:p}),s&&ml(g,A,h)&&(g=$2(e,{startingIndex:m-m%A-1,disabledIndices:p}))):s&&(g=$2(e,{startingIndex:m-m%A-1,disabledIndices:p})),ml(g,A,h)&&(g=m)),a.key===(c?He:Ve)&&(b&&J2(a),m%A!==0?(g=$2(e,{startingIndex:m,decrement:!0,disabledIndices:p}),s&&ml(g,A,h)&&(g=$2(e,{startingIndex:m+(A-m%A),decrement:!0,disabledIndices:p}))):s&&(g=$2(e,{startingIndex:m+(A-m%A),decrement:!0,disabledIndices:p})),ml(g,A,h)&&(g=m));const v=ir(C/A)===h;mr(e,g)&&(s&&v?g=a.key===(c?He:Ve)?C:$2(e,{startingIndex:m-m%A-1,disabledIndices:p}):g=m)}return g}function Sb(e,o,a){const i=[];let s=0;return e.forEach((c,A)=>{let{width:p,height:D}=c,C=!1;for(a&&(s=0);!C;){const m=[];for(let b=0;bi[b]==null)?(m.forEach(b=>{i[b]=A}),C=!0):s++}}),[...i]}function wb(e,o,a,i,s){if(e===-1)return-1;const c=a.indexOf(e),A=o[e];switch(s){case"tl":return c;case"tr":return A?c+A.width-1:c;case"bl":return A?c+(A.height-1)*i:c;case"br":return a.lastIndexOf(e)}}function Tb(e,o){return o.flatMap((a,i)=>e.includes(a)?[i]:[])}function ao(e,o,a){if(a)return a.includes(o);const i=e[o];return i==null||i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"}var a2=typeof document<"u"?d.useLayoutEffect:d.useEffect;function Cw(e,o){const a=e.compareDocumentPosition(o);return a&Node.DOCUMENT_POSITION_FOLLOWING||a&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:a&Node.DOCUMENT_POSITION_PRECEDING||a&Node.DOCUMENT_POSITION_CONTAINS?1:0}const Fb=d.createContext({register:()=>{},unregister:()=>{},map:new Map,elementsRef:{current:[]}});function mw(e){const{children:o,elementsRef:a,labelsRef:i}=e,[s,c]=d.useState(()=>new Set),A=d.useCallback(C=>{c(m=>new Set(m).add(C))},[]),p=d.useCallback(C=>{c(m=>{const b=new Set(m);return b.delete(C),b})},[]),D=d.useMemo(()=>{const C=new Map;return Array.from(s.keys()).sort(Cw).forEach((b,g)=>{C.set(b,g)}),C},[s]);return _.jsx(Fb.Provider,{value:d.useMemo(()=>({register:A,unregister:p,map:D,elementsRef:a,labelsRef:i}),[A,p,D,a,i]),children:o})}function bw(e){e===void 0&&(e={});const{label:o}=e,{register:a,unregister:i,map:s,elementsRef:c,labelsRef:A}=d.useContext(Fb),[p,D]=d.useState(null),C=d.useRef(null),m=d.useCallback(b=>{if(C.current=b,p!==null&&(c.current[p]=b,A)){var g;const h=o!==void 0;A.current[p]=h?o:(g=b==null?void 0:b.textContent)!=null?g:null}},[p,c,A,o]);return a2(()=>{const b=C.current;if(b)return a(b),()=>{i(b)}},[a,i]),a2(()=>{const b=C.current?s.get(C.current):null;b!=null&&D(b)},[s]),d.useMemo(()=>({ref:m,index:p??-1}),[p,m])}function _b(e,o){return typeof e=="function"?e(o):e?d.cloneElement(e,o):_.jsx("div",{...o})}const kb=d.createContext({activeIndex:0,onNavigate:()=>{}}),Rb=[Ve,He],Ib=[yr,Nt],Ku=[...Rb,...Ib],Bw=d.forwardRef(function(o,a){const{render:i,orientation:s="both",loop:c=!0,rtl:A=!1,cols:p=1,disabledIndices:D,activeIndex:C,onNavigate:m,itemSizes:b,dense:g=!1,...h}=o,[v,B]=d.useState(0),y=C??v,R=Y2(m??B),I=d.useRef([]),M=i&&typeof i!="function"?i.props:{},q=d.useMemo(()=>({activeIndex:y,onNavigate:R}),[y,R]),Y=p>1;function Z(z){if(!Ku.includes(z.key))return;let V=y;const G=Tl(I,D),e0=X3(I,D),F=A?Ve:He,O=A?He:Ve;if(Y){const j=b||Array.from({length:I.current.length},()=>({width:1,height:1})),X=Sb(j,p,g),T=X.findIndex(l0=>l0!=null&&!ao(I.current,l0,D)),W=X.reduce((l0,f0,v0)=>f0!=null&&!ao(I.current,f0,D)?v0:l0,-1),a0=X[xb({current:X.map(l0=>l0?I.current[l0]:null)},{event:z,orientation:s,loop:c,rtl:A,cols:p,disabledIndices:Tb([...D||I.current.map((l0,f0)=>ao(I.current,f0)?f0:void 0),void 0],X),minIndex:T,maxIndex:W,prevIndex:wb(y>e0?G:y,j,X,p,z.key===Nt?"bl":z.key===F?"tr":"tl")})];a0!=null&&(V=a0)}const P={horizontal:[F],vertical:[Nt],both:[F,Nt]}[s],U={horizontal:[O],vertical:[yr],both:[O,yr]}[s],N=Y?Ku:{horizontal:Rb,vertical:Ib,both:Ku}[s];if(V===y&&[...P,...U].includes(z.key)&&(c&&V===e0&&P.includes(z.key)?V=G:c&&V===G&&U.includes(z.key)?V=e0:V=$2(I,{startingIndex:V,decrement:U.includes(z.key),disabledIndices:D})),V!==y&&!mr(I,V)){var H;z.stopPropagation(),N.includes(z.key)&&z.preventDefault(),R(V),(H=I.current[V])==null||H.focus()}}const n0={...h,...M,ref:a,"aria-orientation":s==="both"?void 0:s,onKeyDown(z){h.onKeyDown==null||h.onKeyDown(z),M.onKeyDown==null||M.onKeyDown(z),Z(z)}};return _.jsx(kb.Provider,{value:q,children:_.jsx(mw,{elementsRef:I,children:_b(i,n0)})})}),Ew=d.forwardRef(function(o,a){const{render:i,...s}=o,c=i&&typeof i!="function"?i.props:{},{activeIndex:A,onNavigate:p}=d.useContext(kb),{ref:D,index:C}=bw(),m=Y3([D,a,c.ref]),b=A===C,g={...s,...c,ref:m,tabIndex:b?0:-1,"data-active":b?"":void 0,onFocus(h){s.onFocus==null||s.onFocus(h),c.onFocus==null||c.onFocus(h),p(C)}};return _b(i,g)});let uC=!1,gw=0;const dC=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+gw++;function hw(){const[e,o]=d.useState(()=>uC?dC():void 0);return a2(()=>{e==null&&o(dC())},[]),d.useEffect(()=>{uC=!0},[]),e}const yw=vb.useId,Es=yw||hw;function Ob(){const e=new Map;return{emit(o,a){var i;(i=e.get(o))==null||i.forEach(s=>s(a))},on(o,a){e.set(o,[...e.get(o)||[],a])},off(o,a){var i;e.set(o,((i=e.get(o))==null?void 0:i.filter(s=>s!==a))||[])}}}const Lb=d.createContext(null),Nb=d.createContext(null),Fr=()=>{var e;return((e=d.useContext(Lb))==null?void 0:e.id)||null},Ao=()=>d.useContext(Nb);function mN(e){const o=Es(),a=Ao(),s=Fr();return a2(()=>{if(!o)return;const c={id:o,parentId:s};return a==null||a.addNode(c),()=>{a==null||a.removeNode(c)}},[a,o,s]),o}function bN(e){const{children:o,id:a}=e,i=Fr();return _.jsx(Lb.Provider,{value:d.useMemo(()=>({id:a,parentId:i}),[a,i]),children:o})}function BN(e){const{children:o}=e,a=d.useRef([]),i=d.useCallback(A=>{a.current=[...a.current,A]},[]),s=d.useCallback(A=>{a.current=a.current.filter(p=>p!==A)},[]),c=d.useState(()=>Ob())[0];return _.jsx(Nb.Provider,{value:d.useMemo(()=>({nodesRef:a,addNode:i,removeNode:s,events:c}),[i,s,c]),children:o})}function uo(e){return"data-floating-ui-"+e}function je(e){const o=d.useRef(e);return a2(()=>{o.current=e}),o}const AC=uo("safe-polygon");function Fl(e,o,a){return a&&!Ga(a)?0:typeof e=="number"?e:e==null?void 0:e[o]}function Mb(e,o){o===void 0&&(o={});const{open:a,onOpenChange:i,dataRef:s,events:c,elements:A}=e,{enabled:p=!0,delay:D=0,handleClose:C=null,mouseOnly:m=!1,restMs:b=0,move:g=!0}=o,h=Ao(),v=Fr(),B=je(C),y=je(D),R=je(a),I=d.useRef(),M=d.useRef(-1),q=d.useRef(),Y=d.useRef(-1),Z=d.useRef(!0),n0=d.useRef(!1),z=d.useRef(()=>{}),V=d.useRef(!1),G=d.useCallback(()=>{var H;const j=(H=s.current.openEvent)==null?void 0:H.type;return(j==null?void 0:j.includes("mouse"))&&j!=="mousedown"},[s]);d.useEffect(()=>{if(!p)return;function H(j){let{open:X}=j;X||(clearTimeout(M.current),clearTimeout(Y.current),Z.current=!0,V.current=!1)}return c.on("openchange",H),()=>{c.off("openchange",H)}},[p,c]),d.useEffect(()=>{if(!p||!B.current||!a)return;function H(X){G()&&i(!1,X,"hover")}const j=j2(A.floating).documentElement;return j.addEventListener("mouseleave",H),()=>{j.removeEventListener("mouseleave",H)}},[A.floating,a,i,p,B,G]);const e0=d.useCallback(function(H,j,X){j===void 0&&(j=!0),X===void 0&&(X="hover");const T=Fl(y.current,"close",I.current);T&&!q.current?(clearTimeout(M.current),M.current=window.setTimeout(()=>i(!1,H,X),T)):j&&(clearTimeout(M.current),i(!1,H,X))},[y,i]),F=Y2(()=>{z.current(),q.current=void 0}),O=Y2(()=>{if(n0.current){const H=j2(A.floating).body;H.style.pointerEvents="",H.removeAttribute(AC),n0.current=!1}}),P=Y2(()=>s.current.openEvent?["click","mousedown"].includes(s.current.openEvent.type):!1);d.useEffect(()=>{if(!p)return;function H(W){if(clearTimeout(M.current),Z.current=!1,m&&!Ga(I.current)||b>0&&!Fl(y.current,"open"))return;const a0=Fl(y.current,"open",I.current);a0?M.current=window.setTimeout(()=>{R.current||i(!0,W,"hover")},a0):a||i(!0,W,"hover")}function j(W){if(P())return;z.current();const a0=j2(A.floating);if(clearTimeout(Y.current),V.current=!1,B.current&&s.current.floatingContext){a||clearTimeout(M.current),q.current=B.current({...s.current.floatingContext,tree:h,x:W.clientX,y:W.clientY,onClose(){O(),F(),P()||e0(W,!0,"safe-polygon")}});const f0=q.current;a0.addEventListener("mousemove",f0),z.current=()=>{a0.removeEventListener("mousemove",f0)};return}(I.current==="touch"?!S2(A.floating,W.relatedTarget):!0)&&e0(W)}function X(W){P()||s.current.floatingContext&&(B.current==null||B.current({...s.current.floatingContext,tree:h,x:W.clientX,y:W.clientY,onClose(){O(),F(),P()||e0(W)}})(W))}if(c2(A.domReference)){var T;const W=A.domReference;return a&&W.addEventListener("mouseleave",X),(T=A.floating)==null||T.addEventListener("mouseleave",X),g&&W.addEventListener("mousemove",H,{once:!0}),W.addEventListener("mouseenter",H),W.addEventListener("mouseleave",j),()=>{var a0;a&&W.removeEventListener("mouseleave",X),(a0=A.floating)==null||a0.removeEventListener("mouseleave",X),g&&W.removeEventListener("mousemove",H),W.removeEventListener("mouseenter",H),W.removeEventListener("mouseleave",j)}}},[A,p,e,m,b,g,e0,F,O,i,a,R,h,y,B,s,P]),a2(()=>{var H;if(p&&a&&(H=B.current)!=null&&H.__options.blockPointerEvents&&G()){n0.current=!0;const X=A.floating;if(c2(A.domReference)&&X){var j;const T=j2(A.floating).body;T.setAttribute(AC,"");const W=A.domReference,a0=h==null||(j=h.nodesRef.current.find(l0=>l0.id===v))==null||(j=j.context)==null?void 0:j.elements.floating;return a0&&(a0.style.pointerEvents=""),T.style.pointerEvents="none",W.style.pointerEvents="auto",X.style.pointerEvents="auto",()=>{T.style.pointerEvents="",W.style.pointerEvents="",X.style.pointerEvents=""}}}},[p,a,v,A,h,B,G]),a2(()=>{a||(I.current=void 0,V.current=!1,F(),O())},[a,F,O]),d.useEffect(()=>()=>{F(),clearTimeout(M.current),clearTimeout(Y.current),O()},[p,A.domReference,F,O]);const U=d.useMemo(()=>{function H(j){I.current=j.pointerType}return{onPointerDown:H,onPointerEnter:H,onMouseMove(j){const{nativeEvent:X}=j;function T(){!Z.current&&!R.current&&i(!0,X,"hover")}m&&!Ga(I.current)||a||b===0||V.current&&j.movementX**2+j.movementY**2<2||(clearTimeout(Y.current),I.current==="touch"?T():(V.current=!0,Y.current=window.setTimeout(T,b)))}}},[m,i,a,R,b]),N=d.useMemo(()=>({onMouseEnter(){clearTimeout(M.current)},onMouseLeave(H){P()||e0(H.nativeEvent,!1)}}),[e0,P]);return d.useMemo(()=>p?{reference:U,floating:N}:{},[p,U,N])}const Z3=()=>{},Pb=d.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:Z3,setState:Z3,isInstantPhase:!1}),vw=()=>d.useContext(Pb);function xw(e){const{children:o,delay:a,timeoutMs:i=0}=e,[s,c]=d.useReducer((D,C)=>({...D,...C}),{delay:a,timeoutMs:i,initialDelay:a,currentId:null,isInstantPhase:!1}),A=d.useRef(null),p=d.useCallback(D=>{c({currentId:D})},[]);return a2(()=>{s.currentId?A.current===null?A.current=s.currentId:s.isInstantPhase||c({isInstantPhase:!0}):(s.isInstantPhase&&c({isInstantPhase:!1}),A.current=null)},[s.currentId,s.isInstantPhase]),_.jsx(Pb.Provider,{value:d.useMemo(()=>({...s,setState:c,setCurrentId:p}),[s,p]),children:o})}function Sw(e,o){o===void 0&&(o={});const{open:a,onOpenChange:i,floatingId:s}=e,{id:c,enabled:A=!0}=o,p=c??s,D=vw(),{currentId:C,setCurrentId:m,initialDelay:b,setState:g,timeoutMs:h}=D;return a2(()=>{A&&C&&(g({delay:{open:1,close:Fl(b,"close")}}),C!==p&&i(!1))},[A,p,i,g,C,b]),a2(()=>{function v(){i(!1),g({delay:b,currentId:null})}if(A&&C&&!a&&C===p){if(h){const B=window.setTimeout(v,h);return()=>{clearTimeout(B)}}v()}},[A,a,g,C,p,i,b,h]),a2(()=>{A&&(m===Z3||!a||m(p))},[A,a,m,p]),D}let fC=0;function to(e,o){o===void 0&&(o={});const{preventScroll:a=!1,cancelPrevious:i=!0,sync:s=!1}=o;i&&cancelAnimationFrame(fC);const c=()=>e==null?void 0:e.focus({preventScroll:a});s?c():fC=requestAnimationFrame(c)}function pC(e,o){var a;let i=[],s=(a=e.find(c=>c.id===o))==null?void 0:a.parentId;for(;s;){const c=e.find(A=>A.id===s);s=c==null?void 0:c.parentId,c&&(i=i.concat(c))}return i}function io(e,o){let a=e.filter(s=>{var c;return s.parentId===o&&((c=s.context)==null?void 0:c.open)}),i=a;for(;i.length;)i=e.filter(s=>{var c;return(c=i)==null?void 0:c.some(A=>{var p;return s.parentId===A.id&&((p=s.context)==null?void 0:p.open)})}),a=a.concat(i);return a}function ww(e,o){let a,i=-1;function s(c,A){A>i&&(a=c,i=A),io(e,c).forEach(D=>{s(D.id,A+1)})}return s(o,0),e.find(c=>c.id===a)}let tr=new WeakMap,bl=new WeakSet,Bl={},Qu=0;const Tw=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,zb=e=>e&&(e.host||zb(e.parentNode)),Fw=(e,o)=>o.map(a=>{if(e.contains(a))return a;const i=zb(a);return e.contains(i)?i:null}).filter(a=>a!=null);function _w(e,o,a,i){const s="data-floating-ui-inert",c=i?"inert":a?"aria-hidden":null,A=Fw(o,e),p=new Set,D=new Set(A),C=[];Bl[s]||(Bl[s]=new WeakMap);const m=Bl[s];A.forEach(b),g(o),p.clear();function b(h){!h||p.has(h)||(p.add(h),h.parentNode&&b(h.parentNode))}function g(h){!h||D.has(h)||[].forEach.call(h.children,v=>{if(ct(v)!=="script")if(p.has(v))g(v);else{const B=c?v.getAttribute(c):null,y=B!==null&&B!=="false",R=tr.get(v)||0,I=c?R+1:R,M=(m.get(v)||0)+1;tr.set(v,I),m.set(v,M),C.push(v),I===1&&y&&bl.add(v),M===1&&v.setAttribute(s,""),!y&&c&&v.setAttribute(c,"true")}})}return Qu++,()=>{C.forEach(h=>{const v=tr.get(h)||0,B=c?v-1:v,y=(m.get(h)||0)-1;tr.set(h,B),m.set(h,y),B||(!bl.has(h)&&c&&h.removeAttribute(c),bl.delete(h)),y||h.removeAttribute(s)}),Qu--,Qu||(tr=new WeakMap,tr=new WeakMap,bl=new WeakSet,Bl={})}}function DC(e,o,a){o===void 0&&(o=!1),a===void 0&&(a=!1);const i=j2(e[0]).body;return _w(e.concat(Array.from(i.querySelectorAll("[aria-live]"))),i,o,a)}const gs=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function $b(e,o){const a=Bs(e,gs());o==="prev"&&a.reverse();const i=a.indexOf($e(j2(e)));return a.slice(i+1)[0]}function jb(){return $b(document.body,"next")}function Vb(){return $b(document.body,"prev")}function za(e,o){const a=o||e.currentTarget,i=e.relatedTarget;return!i||!S2(a,i)}function kw(e){Bs(e,gs()).forEach(a=>{a.dataset.tabindex=a.getAttribute("tabindex")||"",a.setAttribute("tabindex","-1")})}function CC(e){e.querySelectorAll("[data-tabindex]").forEach(a=>{const i=a.dataset.tabindex;delete a.dataset.tabindex,i?a.setAttribute("tabindex",i):a.removeAttribute("tabindex")})}const hs={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};let Rw;function mC(e){e.key==="Tab"&&(e.target,clearTimeout(Rw))}const Kl=d.forwardRef(function(o,a){const[i,s]=d.useState();a2(()=>(K7()&&s("button"),document.addEventListener("keydown",mC),()=>{document.removeEventListener("keydown",mC)}),[]);const c={ref:a,tabIndex:0,role:i,"aria-hidden":i?void 0:!0,[uo("focus-guard")]:"",style:hs};return _.jsx("span",{...o,...c})}),Hb=d.createContext(null),bC=uo("portal");function Iw(e){e===void 0&&(e={});const{id:o,root:a}=e,i=Es(),s=Ub(),[c,A]=d.useState(null),p=d.useRef(null);return a2(()=>()=>{c==null||c.remove(),queueMicrotask(()=>{p.current=null})},[c]),a2(()=>{if(!i||p.current)return;const D=o?document.getElementById(o):null;if(!D)return;const C=document.createElement("div");C.id=i,C.setAttribute(bC,""),D.appendChild(C),p.current=C,A(C)},[o,i]),a2(()=>{if(a===null||!i||p.current)return;let D=a||(s==null?void 0:s.portalNode);D&&!c2(D)&&(D=D.current),D=D||document.body;let C=null;o&&(C=document.createElement("div"),C.id=o,D.appendChild(C));const m=document.createElement("div");m.id=i,m.setAttribute(bC,""),D=C||D,D.appendChild(m),p.current=m,A(m)},[o,a,i,s]),c}function Ow(e){const{children:o,id:a,root:i,preserveTabOrder:s=!0}=e,c=Iw({id:a,root:i}),[A,p]=d.useState(null),D=d.useRef(null),C=d.useRef(null),m=d.useRef(null),b=d.useRef(null),g=A==null?void 0:A.modal,h=A==null?void 0:A.open,v=!!A&&!A.modal&&A.open&&s&&!!(i||c);return d.useEffect(()=>{if(!c||!s||g)return;function B(y){c&&za(y)&&(y.type==="focusin"?CC:kw)(c)}return c.addEventListener("focusin",B,!0),c.addEventListener("focusout",B,!0),()=>{c.removeEventListener("focusin",B,!0),c.removeEventListener("focusout",B,!0)}},[c,s,g]),d.useEffect(()=>{c&&(h||CC(c))},[h,c]),_.jsxs(Hb.Provider,{value:d.useMemo(()=>({preserveTabOrder:s,beforeOutsideRef:D,afterOutsideRef:C,beforeInsideRef:m,afterInsideRef:b,portalNode:c,setFocusManagerState:p}),[s,c]),children:[v&&c&&_.jsx(Kl,{"data-type":"outside",ref:D,onFocus:B=>{if(za(B,c)){var y;(y=m.current)==null||y.focus()}else{const R=Vb()||(A==null?void 0:A.domReference);R==null||R.focus()}}}),v&&c&&_.jsx("span",{"aria-owns":c.id,style:hs}),c&&it.createPortal(o,c),v&&c&&_.jsx(Kl,{"data-type":"outside",ref:C,onFocus:B=>{if(za(B,c)){var y;(y=b.current)==null||y.focus()}else{const R=jb()||(A==null?void 0:A.domReference);R==null||R.focus(),A!=null&&A.closeOnFocusOut&&(A==null||A.onOpenChange(!1,B.nativeEvent,"focus-out"))}}})]})}const Ub=()=>d.useContext(Hb),K3="data-floating-ui-focusable";function Q3(e){return e?e.hasAttribute(K3)?e:e.querySelector("["+K3+"]")||e:null}const Lw=20;let no=[];function Ju(e){no=no.filter(o=>o.isConnected),e&&ct(e)!=="body"&&(no.push(e),no.length>Lw&&(no=no.slice(-20)))}function BC(){return no.slice().reverse().find(e=>e.isConnected)}function Nw(e){const o=gs();return RS(e,o)?e:Bs(e,o)[0]||e}const Mw=d.forwardRef(function(o,a){return _.jsx("button",{...o,type:"button",ref:a,tabIndex:-1,style:hs})});function Pw(e){const{context:o,children:a,disabled:i=!1,order:s=["content"],guards:c=!0,initialFocus:A=0,returnFocus:p=!0,restoreFocus:D=!1,modal:C=!0,visuallyHiddenDismiss:m=!1,closeOnFocusOut:b=!0,outsideElementsInert:g=!1}=e,{open:h,onOpenChange:v,events:B,dataRef:y,elements:{domReference:R,floating:I}}=o,M=Y2(()=>{var m0;return(m0=y.current.floatingContext)==null?void 0:m0.nodeId}),q=typeof A=="number"&&A<0,Y=Q7(R)&&q,Z=Tw(),n0=Z?c:!0,z=!n0||Z&&g,V=je(s),G=je(A),e0=je(p),F=Ao(),O=Ub(),P=d.useRef(null),U=d.useRef(null),N=d.useRef(!1),H=d.useRef(!1),j=d.useRef(-1),X=O!=null,T=Q3(I),W=Y2(function(m0){return m0===void 0&&(m0=T),m0?Bs(m0,gs()):[]}),a0=Y2(m0=>{const B0=W(m0);return V.current.map(g0=>R&&g0==="reference"?R:T&&g0==="floating"?T:B0).filter(Boolean).flat()});d.useEffect(()=>{if(i||!C)return;function m0(g0){if(g0.key==="Tab"){S2(T,$e(j2(T)))&&W().length===0&&!Y&&J2(g0);const F0=a0(),P0=Ot(g0);V.current[0]==="reference"&&P0===R&&(J2(g0),g0.shiftKey?to(F0[F0.length-1]):to(F0[1])),V.current[1]==="floating"&&P0===T&&g0.shiftKey&&(J2(g0),to(F0[0]))}}const B0=j2(T);return B0.addEventListener("keydown",m0),()=>{B0.removeEventListener("keydown",m0)}},[i,R,T,C,V,Y,W,a0]),d.useEffect(()=>{if(i||!I)return;function m0(B0){const g0=Ot(B0),P0=W().indexOf(g0);P0!==-1&&(j.current=P0)}return I.addEventListener("focusin",m0),()=>{I.removeEventListener("focusin",m0)}},[i,I,W]),d.useEffect(()=>{if(i||!b)return;function m0(){H.current=!0,setTimeout(()=>{H.current=!1})}function B0(g0){const F0=g0.relatedTarget;queueMicrotask(()=>{const P0=M(),s0=!(S2(R,F0)||S2(I,F0)||S2(F0,I)||S2(O==null?void 0:O.portalNode,F0)||F0!=null&&F0.hasAttribute(uo("focus-guard"))||F&&(io(F.nodesRef.current,P0).find(O0=>{var Q0,W0;return S2((Q0=O0.context)==null?void 0:Q0.elements.floating,F0)||S2((W0=O0.context)==null?void 0:W0.elements.domReference,F0)})||pC(F.nodesRef.current,P0).find(O0=>{var Q0,W0,N2;return[(Q0=O0.context)==null?void 0:Q0.elements.floating,Q3((W0=O0.context)==null?void 0:W0.elements.floating)].includes(F0)||((N2=O0.context)==null?void 0:N2.elements.domReference)===F0})));if(D&&s0&&$e(j2(T))===j2(T).body){w2(T)&&T.focus();const O0=j.current,Q0=W(),W0=Q0[O0]||Q0[Q0.length-1]||T;w2(W0)&&W0.focus()}(Y||!C)&&F0&&s0&&!H.current&&F0!==BC()&&(N.current=!0,v(!1,g0,"focus-out"))})}if(I&&w2(R))return R.addEventListener("focusout",B0),R.addEventListener("pointerdown",m0),I.addEventListener("focusout",B0),()=>{R.removeEventListener("focusout",B0),R.removeEventListener("pointerdown",m0),I.removeEventListener("focusout",B0)}},[i,R,I,T,C,F,O,v,b,D,W,Y,M]);const l0=d.useRef(null),f0=d.useRef(null),v0=Y3([l0,O==null?void 0:O.beforeInsideRef]),C0=Y3([f0,O==null?void 0:O.afterInsideRef]);d.useEffect(()=>{var m0;if(i||!I)return;const B0=Array.from((O==null||(m0=O.portalNode)==null?void 0:m0.querySelectorAll("["+uo("portal")+"]"))||[]),g0=F&&!C?pC(F==null?void 0:F.nodesRef.current,M()).map(s0=>{var O0;return(O0=s0.context)==null?void 0:O0.elements.floating}):[],F0=[I,...B0,...g0,P.current,U.current,l0.current,f0.current,O==null?void 0:O.beforeOutsideRef.current,O==null?void 0:O.afterOutsideRef.current,V.current.includes("reference")||Y?R:null].filter(s0=>s0!=null),P0=C||Y?DC(F0,!z,z):DC(F0);return()=>{P0()}},[i,R,I,C,V,O,Y,n0,z,F,M]),a2(()=>{if(i||!w2(T))return;const m0=j2(T),B0=$e(m0);queueMicrotask(()=>{const g0=a0(T),F0=G.current,P0=(typeof F0=="number"?g0[F0]:F0.current)||T,s0=S2(T,B0);!q&&!s0&&h&&to(P0,{preventScroll:P0===T})})},[i,h,T,q,a0,G]),a2(()=>{if(i||!T)return;let m0=!1;const B0=j2(T),g0=$e(B0);let P0=y.current.openEvent;Ju(g0);function s0(W0){let{open:N2,reason:_0,event:N0,nested:y0}=W0;N2&&(P0=N0),_0==="escape-key"&&R&&Ju(R),["hover","safe-polygon"].includes(_0)&&N0.type==="mouseleave"&&(N.current=!0),_0==="outside-press"&&(y0?(N.current=!1,m0=!0):N.current=!(Z7(N0)||Ld(N0)))}B.on("openchange",s0);const O0=B0.createElement("span");O0.setAttribute("tabindex","-1"),O0.setAttribute("aria-hidden","true"),Object.assign(O0.style,hs),X&&R&&R.insertAdjacentElement("afterend",O0);function Q0(){return typeof e0.current=="boolean"?BC()||O0:e0.current.current||O0}return()=>{B.off("openchange",s0);const W0=$e(B0),N2=S2(I,W0)||F&&io(F.nodesRef.current,M()).some(y0=>{var R0;return S2((R0=y0.context)==null?void 0:R0.elements.floating,W0)});(N2||P0&&["click","mousedown"].includes(P0.type))&&R&&Ju(R);const N0=Q0();queueMicrotask(()=>{const y0=Nw(N0);e0.current&&!N.current&&w2(y0)&&(!(y0!==W0&&W0!==B0.body)||N2)&&y0.focus({preventScroll:m0}),O0.remove()})}},[i,I,T,e0,y,B,F,X,R,M]),d.useEffect(()=>{queueMicrotask(()=>{N.current=!1})},[i]),a2(()=>{if(!i&&O)return O.setFocusManagerState({modal:C,closeOnFocusOut:b,open:h,onOpenChange:v,domReference:R}),()=>{O.setFocusManagerState(null)}},[i,O,C,h,v,b,R]),a2(()=>{if(i||!T||typeof MutationObserver!="function"||q)return;const m0=()=>{const g0=T.getAttribute("tabindex"),F0=W(),P0=$e(j2(I)),s0=F0.indexOf(P0);s0!==-1&&(j.current=s0),V.current.includes("floating")||P0!==R&&F0.length===0?g0!=="0"&&T.setAttribute("tabindex","0"):g0!=="-1"&&T.setAttribute("tabindex","-1")};m0();const B0=new MutationObserver(m0);return B0.observe(T,{childList:!0,subtree:!0,attributes:!0}),()=>{B0.disconnect()}},[i,I,T,R,V,W,q]);function x0(m0){return i||!m||!C?null:_.jsx(Mw,{ref:m0==="start"?P:U,onClick:B0=>v(!1,B0.nativeEvent),children:typeof m=="string"?m:"Dismiss"})}const b0=!i&&n0&&(C?!Y:!0)&&(X||C);return _.jsxs(_.Fragment,{children:[b0&&_.jsx(Kl,{"data-type":"inside",ref:v0,onFocus:m0=>{if(C){const g0=a0();to(s[0]==="reference"?g0[0]:g0[g0.length-1])}else if(O!=null&&O.preserveTabOrder&&O.portalNode)if(N.current=!1,za(m0,O.portalNode)){const g0=jb()||R;g0==null||g0.focus()}else{var B0;(B0=O.beforeOutsideRef.current)==null||B0.focus()}}}),!Y&&x0("start"),a,x0("end"),b0&&_.jsx(Kl,{"data-type":"inside",ref:C0,onFocus:m0=>{if(C)to(a0()[0]);else if(O!=null&&O.preserveTabOrder&&O.portalNode)if(b&&(N.current=!0),za(m0,O.portalNode)){const g0=Vb()||R;g0==null||g0.focus()}else{var B0;(B0=O.afterOutsideRef.current)==null||B0.focus()}}})]})}function EC(e){return w2(e.target)&&e.target.tagName==="BUTTON"}function gC(e){return Nd(e)}function zw(e,o){o===void 0&&(o={});const{open:a,onOpenChange:i,dataRef:s,elements:{domReference:c}}=e,{enabled:A=!0,event:p="click",toggle:D=!0,ignoreMouse:C=!1,keyboardHandlers:m=!0,stickIfOpen:b=!0}=o,g=d.useRef(),h=d.useRef(!1),v=d.useMemo(()=>({onPointerDown(B){g.current=B.pointerType},onMouseDown(B){const y=g.current;B.button===0&&p!=="click"&&(Ga(y,!0)&&C||(a&&D&&(!(s.current.openEvent&&b)||s.current.openEvent.type==="mousedown")?i(!1,B.nativeEvent,"click"):(B.preventDefault(),i(!0,B.nativeEvent,"click"))))},onClick(B){const y=g.current;if(p==="mousedown"&&g.current){g.current=void 0;return}Ga(y,!0)&&C||(a&&D&&(!(s.current.openEvent&&b)||s.current.openEvent.type==="click")?i(!1,B.nativeEvent,"click"):i(!0,B.nativeEvent,"click"))},onKeyDown(B){g.current=void 0,!(B.defaultPrevented||!m||EC(B))&&(B.key===" "&&!gC(c)&&(B.preventDefault(),h.current=!0),B.key==="Enter"&&i(!(a&&D),B.nativeEvent,"click"))},onKeyUp(B){B.defaultPrevented||!m||EC(B)||gC(c)||B.key===" "&&h.current&&(h.current=!1,i(!(a&&D),B.nativeEvent,"click"))}}),[s,c,p,C,m,i,a,b,D]);return d.useMemo(()=>A?{reference:v}:{},[A,v])}const $w={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},jw={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},hC=e=>{var o,a;return{escapeKey:typeof e=="boolean"?e:(o=e==null?void 0:e.escapeKey)!=null?o:!1,outsidePress:typeof e=="boolean"?e:(a=e==null?void 0:e.outsidePress)!=null?a:!0}};function Gb(e,o){o===void 0&&(o={});const{open:a,onOpenChange:i,elements:s,dataRef:c}=e,{enabled:A=!0,escapeKey:p=!0,outsidePress:D=!0,outsidePressEvent:C="pointerdown",referencePress:m=!1,referencePressEvent:b="pointerdown",ancestorScroll:g=!1,bubbles:h,capture:v}=o,B=Ao(),y=Y2(typeof D=="function"?D:()=>!1),R=typeof D=="function"?y:D,I=d.useRef(!1),M=d.useRef(!1),{escapeKey:q,outsidePress:Y}=hC(h),{escapeKey:Z,outsidePress:n0}=hC(v),z=d.useRef(!1),V=Y2(U=>{var N;if(!a||!A||!p||U.key!=="Escape"||z.current)return;const H=(N=c.current.floatingContext)==null?void 0:N.nodeId,j=B?io(B.nodesRef.current,H):[];if(!q&&(U.stopPropagation(),j.length>0)){let X=!0;if(j.forEach(T=>{var W;if((W=T.context)!=null&&W.open&&!T.context.dataRef.current.__escapeKeyBubbles){X=!1;return}}),!X)return}i(!1,aS(U)?U.nativeEvent:U,"escape-key")}),G=Y2(U=>{var N;const H=()=>{var j;V(U),(j=Ot(U))==null||j.removeEventListener("keydown",H)};(N=Ot(U))==null||N.addEventListener("keydown",H)}),e0=Y2(U=>{var N;const H=I.current;I.current=!1;const j=M.current;if(M.current=!1,C==="click"&&j||H||typeof R=="function"&&!R(U))return;const X=Ot(U),T="["+uo("inert")+"]",W=j2(s.floating).querySelectorAll(T);let a0=c2(X)?X:null;for(;a0&&!ro(a0);){const C0=so(a0);if(ro(C0)||!c2(C0))break;a0=C0}if(W.length&&c2(X)&&!iS(X)&&!S2(X,s.floating)&&Array.from(W).every(C0=>!S2(a0,C0)))return;if(w2(X)&&P){const C0=ro(X),x0=Ce(X),b0=/auto|scroll/,m0=C0||b0.test(x0.overflowX),B0=C0||b0.test(x0.overflowY),g0=m0&&X.clientWidth>0&&X.scrollWidth>X.clientWidth,F0=B0&&X.clientHeight>0&&X.scrollHeight>X.clientHeight,P0=x0.direction==="rtl",s0=F0&&(P0?U.offsetX<=X.offsetWidth-X.clientWidth:U.offsetX>X.clientWidth),O0=g0&&U.offsetY>X.clientHeight;if(s0||O0)return}const l0=(N=c.current.floatingContext)==null?void 0:N.nodeId,f0=B&&io(B.nodesRef.current,l0).some(C0=>{var x0;return Xu(U,(x0=C0.context)==null?void 0:x0.elements.floating)});if(Xu(U,s.floating)||Xu(U,s.domReference)||f0)return;const v0=B?io(B.nodesRef.current,l0):[];if(v0.length>0){let C0=!0;if(v0.forEach(x0=>{var b0;if((b0=x0.context)!=null&&b0.open&&!x0.context.dataRef.current.__outsidePressBubbles){C0=!1;return}}),!C0)return}i(!1,U,"outside-press")}),F=Y2(U=>{var N;const H=()=>{var j;e0(U),(j=Ot(U))==null||j.removeEventListener(C,H)};(N=Ot(U))==null||N.addEventListener(C,H)});d.useEffect(()=>{if(!a||!A)return;c.current.__escapeKeyBubbles=q,c.current.__outsidePressBubbles=Y;let U=-1;function N(W){i(!1,W,"ancestor-scroll")}function H(){window.clearTimeout(U),z.current=!0}function j(){U=window.setTimeout(()=>{z.current=!1},ms()?5:0)}const X=j2(s.floating);p&&(X.addEventListener("keydown",Z?G:V,Z),X.addEventListener("compositionstart",H),X.addEventListener("compositionend",j)),R&&X.addEventListener(C,n0?F:e0,n0);let T=[];return g&&(c2(s.domReference)&&(T=pn(s.domReference)),c2(s.floating)&&(T=T.concat(pn(s.floating))),!c2(s.reference)&&s.reference&&s.reference.contextElement&&(T=T.concat(pn(s.reference.contextElement)))),T=T.filter(W=>{var a0;return W!==((a0=X.defaultView)==null?void 0:a0.visualViewport)}),T.forEach(W=>{W.addEventListener("scroll",N,{passive:!0})}),()=>{p&&(X.removeEventListener("keydown",Z?G:V,Z),X.removeEventListener("compositionstart",H),X.removeEventListener("compositionend",j)),R&&X.removeEventListener(C,n0?F:e0,n0),T.forEach(W=>{W.removeEventListener("scroll",N)}),window.clearTimeout(U)}},[c,s,p,R,C,a,i,g,A,q,Y,V,Z,G,e0,n0,F]),d.useEffect(()=>{I.current=!1},[R,C]);const O=d.useMemo(()=>({onKeyDown:V,...m&&{[$w[b]]:U=>{i(!1,U.nativeEvent,"reference-press")},...b!=="click"&&{onClick(U){i(!1,U.nativeEvent,"reference-press")}}}}),[V,i,m,b]),P=d.useMemo(()=>({onKeyDown:V,onMouseDown(){M.current=!0},onMouseUp(){M.current=!0},[jw[C]]:()=>{I.current=!0}}),[V,C]);return d.useMemo(()=>A?{reference:O,floating:P}:{},[A,O,P])}function Vw(e){const{open:o=!1,onOpenChange:a,elements:i}=e,s=Es(),c=d.useRef({}),[A]=d.useState(()=>Ob()),p=Fr()!=null,[D,C]=d.useState(i.reference),m=Y2((h,v,B)=>{c.current.openEvent=h?v:void 0,A.emit("openchange",{open:h,event:v,reason:B,nested:p}),a==null||a(h,v,B)}),b=d.useMemo(()=>({setPositionReference:C}),[]),g=d.useMemo(()=>({reference:D||i.reference||null,floating:i.floating||null,domReference:i.reference}),[D,i.reference,i.floating]);return d.useMemo(()=>({dataRef:c,open:o,onOpenChange:m,elements:g,events:A,floatingId:s,refs:b}),[o,m,g,A,s,b])}function qb(e){e===void 0&&(e={});const{nodeId:o}=e,a=Vw({...e,elements:{reference:null,floating:null,...e.elements}}),i=e.rootContext||a,s=i.elements,[c,A]=d.useState(null),[p,D]=d.useState(null),m=(s==null?void 0:s.domReference)||c,b=d.useRef(null),g=Ao();a2(()=>{m&&(b.current=m)},[m]);const h=fw({...e,elements:{...s,...p&&{reference:p}}}),v=d.useCallback(M=>{const q=c2(M)?{getBoundingClientRect:()=>M.getBoundingClientRect(),contextElement:M}:M;D(q),h.refs.setReference(q)},[h.refs]),B=d.useCallback(M=>{(c2(M)||M===null)&&(b.current=M,A(M)),(c2(h.refs.reference.current)||h.refs.reference.current===null||M!==null&&!c2(M))&&h.refs.setReference(M)},[h.refs]),y=d.useMemo(()=>({...h.refs,setReference:B,setPositionReference:v,domReference:b}),[h.refs,B,v]),R=d.useMemo(()=>({...h.elements,domReference:m}),[h.elements,m]),I=d.useMemo(()=>({...h,...i,refs:y,elements:R,nodeId:o}),[h,y,R,o,i]);return a2(()=>{i.dataRef.current.floatingContext=I;const M=g==null?void 0:g.nodesRef.current.find(q=>q.id===o);M&&(M.context=I)}),d.useMemo(()=>({...h,context:I,refs:y,elements:R}),[h,y,R,I])}function Wb(e,o){o===void 0&&(o={});const{open:a,onOpenChange:i,events:s,dataRef:c,elements:A}=e,{enabled:p=!0,visibleOnly:D=!0}=o,C=d.useRef(!1),m=d.useRef(),b=d.useRef(!0);d.useEffect(()=>{if(!p)return;const h=ae(A.domReference);function v(){!a&&w2(A.domReference)&&A.domReference===$e(j2(A.domReference))&&(C.current=!0)}function B(){b.current=!0}return h.addEventListener("blur",v),h.addEventListener("keydown",B,!0),()=>{h.removeEventListener("blur",v),h.removeEventListener("keydown",B,!0)}},[A.domReference,a,p]),d.useEffect(()=>{if(!p)return;function h(v){let{reason:B}=v;(B==="reference-press"||B==="escape-key")&&(C.current=!0)}return s.on("openchange",h),()=>{s.off("openchange",h)}},[s,p]),d.useEffect(()=>()=>{clearTimeout(m.current)},[]);const g=d.useMemo(()=>({onPointerDown(h){Ld(h.nativeEvent)||(b.current=!1)},onMouseLeave(){C.current=!1},onFocus(h){if(C.current)return;const v=Ot(h.nativeEvent);if(D&&c2(v))try{if(K7()&&oS())throw Error();if(!v.matches(":focus-visible"))return}catch{if(!b.current&&!Nd(v))return}i(!0,h.nativeEvent,"focus")},onBlur(h){C.current=!1;const v=h.relatedTarget,B=h.nativeEvent,y=c2(v)&&v.hasAttribute(uo("focus-guard"))&&v.getAttribute("data-type")==="outside";m.current=window.setTimeout(()=>{var R;const I=$e(A.domReference?A.domReference.ownerDocument:document);!v&&I===A.domReference||S2((R=c.current.floatingContext)==null?void 0:R.refs.floating.current,I)||S2(A.domReference,I)||y||i(!1,B,"focus")})}}),[c,A.domReference,i,D]);return d.useMemo(()=>p?{reference:g}:{},[p,g])}const yC="active",vC="selected";function e3(e,o,a){const i=new Map,s=a==="item";let c=e;if(s&&e){const{[yC]:A,[vC]:p,...D}=e;c=D}return{...a==="floating"&&{tabIndex:-1,[K3]:""},...c,...o.map(A=>{const p=A?A[a]:null;return typeof p=="function"?e?p(e):null:p}).concat(e).reduce((A,p)=>(p&&Object.entries(p).forEach(D=>{let[C,m]=D;if(!(s&&[yC,vC].includes(C)))if(C.indexOf("on")===0){if(i.has(C)||i.set(C,[]),typeof m=="function"){var b;(b=i.get(C))==null||b.push(m),A[C]=function(){for(var g,h=arguments.length,v=new Array(h),B=0;By(...v)).find(y=>y!==void 0)}}}else A[C]=m}),A),{})}}function Yb(e){e===void 0&&(e=[]);const o=e.map(p=>p==null?void 0:p.reference),a=e.map(p=>p==null?void 0:p.floating),i=e.map(p=>p==null?void 0:p.item),s=d.useCallback(p=>e3(p,e,"reference"),o),c=d.useCallback(p=>e3(p,e,"floating"),a),A=d.useCallback(p=>e3(p,e,"item"),i);return d.useMemo(()=>({getReferenceProps:s,getFloatingProps:c,getItemProps:A}),[s,c,A])}const Hw="Escape";function ys(e,o,a){switch(e){case"vertical":return o;case"horizontal":return a;default:return o||a}}function t3(e,o){return ys(o,e===yr||e===Nt,e===Ve||e===He)}function n3(e,o,a){return ys(o,e===Nt,a?e===Ve:e===He)||e==="Enter"||e===" "||e===""}function xC(e,o,a){return ys(o,a?e===Ve:e===He,e===Nt)}function SC(e,o,a,i){const s=a?e===He:e===Ve,c=e===yr;return o==="both"||o==="horizontal"&&i&&i>1?e===Hw:ys(o,s,c)}function EN(e,o){const{open:a,onOpenChange:i,elements:s}=e,{listRef:c,activeIndex:A,onNavigate:p=()=>{},enabled:D=!0,selectedIndex:C=null,allowEscape:m=!1,loop:b=!1,nested:g=!1,rtl:h=!1,virtual:v=!1,focusItemOnOpen:B="auto",focusItemOnHover:y=!0,openOnArrowKeyDown:R=!0,disabledIndices:I=void 0,orientation:M="vertical",cols:q=1,scrollItemIntoView:Y=!0,virtualItemRef:Z,itemSizes:n0,dense:z=!1}=o,V=Q3(s.floating),G=je(V),e0=Fr(),F=Ao();a2(()=>{e.dataRef.current.orientation=M},[e,M]);const O=Y2(()=>{p(N.current===-1?null:N.current)}),P=Q7(s.domReference),U=d.useRef(B),N=d.useRef(C??-1),H=d.useRef(null),j=d.useRef(!0),X=d.useRef(O),T=d.useRef(!!s.floating),W=d.useRef(a),a0=d.useRef(!1),l0=d.useRef(!1),f0=je(I),v0=je(a),C0=je(Y),x0=je(C),[b0,m0]=d.useState(),[B0,g0]=d.useState(),F0=Y2(()=>{function _0(R0){v?(m0(R0.id),F==null||F.events.emit("virtualfocus",R0),Z&&(Z.current=R0)):to(R0,{sync:a0.current,preventScroll:!0})}const N0=c.current[N.current];N0&&_0(N0),(a0.current?R0=>R0():requestAnimationFrame)(()=>{const R0=c.current[N.current]||N0;if(!R0)return;N0||_0(R0);const u2=C0.current;u2&&s0&&(l0.current||!j.current)&&(R0.scrollIntoView==null||R0.scrollIntoView(typeof u2=="boolean"?{block:"nearest",inline:"nearest"}:u2))})});a2(()=>{D&&(a&&s.floating?U.current&&C!=null&&(l0.current=!0,N.current=C,O()):T.current&&(N.current=-1,X.current()))},[D,a,s.floating,C,O]),a2(()=>{if(D&&a&&s.floating)if(A==null){if(a0.current=!1,x0.current!=null)return;if(T.current&&(N.current=-1,F0()),(!W.current||!T.current)&&U.current&&(H.current!=null||U.current===!0&&H.current==null)){let _0=0;const N0=()=>{c.current[0]==null?(_0<2&&(_0?requestAnimationFrame:queueMicrotask)(N0),_0++):(N.current=H.current==null||n3(H.current,M,h)||g?Tl(c,f0.current):X3(c,f0.current),H.current=null,O())};N0()}}else mr(c,A)||(N.current=A,F0(),l0.current=!1)},[D,a,s.floating,A,x0,g,c,M,h,O,F0,f0]),a2(()=>{var _0;if(!D||s.floating||!F||v||!T.current)return;const N0=F.nodesRef.current,y0=(_0=N0.find(e2=>e2.id===e0))==null||(_0=_0.context)==null?void 0:_0.elements.floating,R0=$e(j2(s.floating)),u2=N0.some(e2=>e2.context&&S2(e2.context.elements.floating,R0));y0&&!u2&&j.current&&y0.focus({preventScroll:!0})},[D,s.floating,F,e0,v]),a2(()=>{if(!D||!F||!v||e0)return;function _0(N0){g0(N0.id),Z&&(Z.current=N0)}return F.events.on("virtualfocus",_0),()=>{F.events.off("virtualfocus",_0)}},[D,F,v,e0,Z]),a2(()=>{X.current=O,W.current=a,T.current=!!s.floating}),a2(()=>{a||(H.current=null)},[a]);const P0=A!=null,s0=d.useMemo(()=>{function _0(y0){if(!a)return;const R0=c.current.indexOf(y0);R0!==-1&&N.current!==R0&&(N.current=R0,O())}return{onFocus(y0){let{currentTarget:R0}=y0;a0.current=!0,_0(R0)},onClick:y0=>{let{currentTarget:R0}=y0;return R0.focus({preventScroll:!0})},...y&&{onMouseMove(y0){let{currentTarget:R0}=y0;a0.current=!0,l0.current=!1,_0(R0)},onPointerLeave(y0){let{pointerType:R0}=y0;if(!(!j.current||R0==="touch")&&(a0.current=!0,N.current=-1,O(),!v)){var u2;(u2=G.current)==null||u2.focus({preventScroll:!0})}}}}},[a,G,y,c,O,v]),O0=Y2(_0=>{if(j.current=!1,a0.current=!0,_0.which===229||!v0.current&&_0.currentTarget===G.current)return;if(g&&SC(_0.key,M,h,q)){J2(_0),i(!1,_0.nativeEvent,"list-navigation"),w2(s.domReference)&&(v?F==null||F.events.emit("virtualfocus",s.domReference):s.domReference.focus());return}const N0=N.current,y0=Tl(c,I),R0=X3(c,I);if(P||(_0.key==="Home"&&(J2(_0),N.current=y0,O()),_0.key==="End"&&(J2(_0),N.current=R0,O())),q>1){const u2=n0||Array.from({length:c.current.length},()=>({width:1,height:1})),e2=Sb(u2,q,z),zt=e2.findIndex(b2=>b2!=null&&!ao(c.current,b2,I)),dt=e2.reduce((b2,ie,ke)=>ie!=null&&!ao(c.current,ie,I)?ke:b2,-1),Ue=e2[xb({current:e2.map(b2=>b2!=null?c.current[b2]:null)},{event:_0,orientation:M,loop:b,rtl:h,cols:q,disabledIndices:Tb([...I||c.current.map((b2,ie)=>ao(c.current,ie)?ie:void 0),void 0],e2),minIndex:zt,maxIndex:dt,prevIndex:wb(N.current>R0?y0:N.current,u2,e2,q,_0.key===Nt?"bl":_0.key===(h?Ve:He)?"tr":"tl"),stopEvent:!0})];if(Ue!=null&&(N.current=Ue,O()),M==="both")return}if(t3(_0.key,M)){if(J2(_0),a&&!v&&$e(_0.currentTarget.ownerDocument)===_0.currentTarget){N.current=n3(_0.key,M,h)?y0:R0,O();return}n3(_0.key,M,h)?b?N.current=N0>=R0?m&&N0!==c.current.length?-1:y0:$2(c,{startingIndex:N0,disabledIndices:I}):N.current=Math.min(R0,$2(c,{startingIndex:N0,disabledIndices:I})):b?N.current=N0<=y0?m&&N0!==-1?c.current.length:R0:$2(c,{startingIndex:N0,decrement:!0,disabledIndices:I}):N.current=Math.max(y0,$2(c,{startingIndex:N0,decrement:!0,disabledIndices:I})),mr(c,N.current)&&(N.current=-1),O()}}),Q0=d.useMemo(()=>v&&a&&P0&&{"aria-activedescendant":B0||b0},[v,a,P0,B0,b0]),W0=d.useMemo(()=>({"aria-orientation":M==="both"?void 0:M,...P?{}:Q0,onKeyDown:O0,onPointerMove(){j.current=!0}}),[Q0,O0,M,P]),N2=d.useMemo(()=>{function _0(y0){B==="auto"&&Z7(y0.nativeEvent)&&(U.current=!0)}function N0(y0){U.current=B,B==="auto"&&Ld(y0.nativeEvent)&&(U.current=!0)}return{...Q0,onKeyDown(y0){var R0;j.current=!1;const u2=y0.key.startsWith("Arrow"),e2=["Home","End"].includes(y0.key),zt=u2||e2,dt=F==null||(R0=F.nodesRef.current.find(H2=>H2.id===e0))==null||(R0=R0.context)==null||(R0=R0.dataRef)==null?void 0:R0.current.orientation,Ue=xC(y0.key,M,h),b2=SC(y0.key,M,h,q),ie=xC(y0.key,dt,h),ke=t3(y0.key,M),fo=(g?ie:ke)||y0.key==="Enter"||y0.key.trim()==="";if(v&&a){const H2=F==null?void 0:F.nodesRef.current.find(g2=>g2.parentId==null),f2=F&&H2?ww(F.nodesRef.current,H2.id):null;if(zt&&f2&&Z){const g2=new KeyboardEvent("keydown",{key:y0.key,bubbles:!0});if(Ue||b2){var En,Ge;const po=((En=f2.context)==null?void 0:En.elements.domReference)===y0.currentTarget,Do=b2&&!po?(Ge=f2.context)==null?void 0:Ge.elements.domReference:Ue?c.current.find(gn=>(gn==null?void 0:gn.id)===b0):null;Do&&(J2(y0),Do.dispatchEvent(g2),g0(void 0))}if((ke||e2)&&f2.context&&f2.context.open&&f2.parentId&&y0.currentTarget!==f2.context.elements.domReference){var _2;J2(y0),(_2=f2.context.elements.domReference)==null||_2.dispatchEvent(g2);return}}return O0(y0)}if(!(!a&&!R&&u2)){if(fo){const H2=t3(y0.key,dt);H.current=g&&H2?null:y0.key}if(g){ie&&(J2(y0),a?(N.current=Tl(c,f0.current),O()):i(!0,y0.nativeEvent,"list-navigation"));return}ke&&(C!=null&&(N.current=C),J2(y0),!a&&R?i(!0,y0.nativeEvent,"list-navigation"):O0(y0),a&&O())}},onFocus(){a&&!v&&(N.current=-1,O())},onPointerDown:N0,onPointerEnter:N0,onMouseDown:_0,onClick:_0}},[b0,Q0,q,O0,f0,B,c,g,O,i,a,R,M,e0,h,C,F,v,Z]);return d.useMemo(()=>D?{reference:N2,floating:W0,item:s0}:{},[D,N2,W0,s0])}const Uw=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Gw(e,o){var a;o===void 0&&(o={});const{open:i,floatingId:s}=e,{enabled:c=!0,role:A="dialog"}=o,p=(a=Uw.get(A))!=null?a:A,D=Es(),m=Fr()!=null,b=d.useMemo(()=>p==="tooltip"||A==="label"?{["aria-"+(A==="label"?"labelledby":"describedby")]:i?s:void 0}:{"aria-expanded":i?"true":"false","aria-haspopup":p==="alertdialog"?"dialog":p,"aria-controls":i?s:void 0,...p==="listbox"&&{role:"combobox"},...p==="menu"&&{id:D},...p==="menu"&&m&&{role:"menuitem"},...A==="select"&&{"aria-autocomplete":"none"},...A==="combobox"&&{"aria-autocomplete":"list"}},[p,s,m,i,D,A]),g=d.useMemo(()=>{const v={id:s,...p&&{role:p}};return p==="tooltip"||A==="label"?v:{...v,...p==="menu"&&{"aria-labelledby":D}}},[p,s,D,A]),h=d.useCallback(v=>{let{active:B,selected:y}=v;const R={role:"option",...B&&{id:s+"-option"}};switch(A){case"select":return{...R,"aria-selected":B&&y};case"combobox":return{...R,...B&&{"aria-selected":!0}}}return{}},[s,A]);return d.useMemo(()=>c?{reference:b,floating:g,item:h}:{},[c,b,g,h])}function wC(e,o){const[a,i]=e;let s=!1;const c=o.length;for(let A=0,p=c-1;A=i!=b>=i&&a<=(m-D)*(i-C)/(b-C)+D&&(s=!s)}return s}function qw(e,o){return e[0]>=o.x&&e[0]<=o.x+o.width&&e[1]>=o.y&&e[1]<=o.y+o.height}function Xb(e){e===void 0&&(e={});const{buffer:o=.5,blockPointerEvents:a=!1,requireIntent:i=!0}=e;let s,c=!1,A=null,p=null,D=performance.now();function C(b,g){const h=performance.now(),v=h-D;if(A===null||p===null||v===0)return A=b,p=g,D=h,null;const B=b-A,y=g-p,I=Math.sqrt(B*B+y*y)/v;return A=b,p=g,D=h,I}const m=b=>{let{x:g,y:h,placement:v,elements:B,onClose:y,nodeId:R,tree:I}=b;return function(q){function Y(){clearTimeout(s),y()}if(clearTimeout(s),!B.domReference||!B.floating||v==null||g==null||h==null)return;const{clientX:Z,clientY:n0}=q,z=[Z,n0],V=Ot(q),G=q.type==="mouseleave",e0=S2(B.floating,V),F=S2(B.domReference,V),O=B.domReference.getBoundingClientRect(),P=B.floating.getBoundingClientRect(),U=v.split("-")[0],N=g>P.right-P.width/2,H=h>P.bottom-P.height/2,j=qw(z,O),X=P.width>O.width,T=P.height>O.height,W=(X?O:P).left,a0=(X?O:P).right,l0=(T?O:P).top,f0=(T?O:P).bottom;if(e0&&(c=!0,!G))return;if(F&&(c=!1),F&&!G){c=!0;return}if(G&&c2(q.relatedTarget)&&S2(B.floating,q.relatedTarget)||I&&io(I.nodesRef.current,R).some(x0=>{let{context:b0}=x0;return b0==null?void 0:b0.open}))return;if(U==="top"&&h>=O.bottom-1||U==="bottom"&&h<=O.top+1||U==="left"&&g>=O.right-1||U==="right"&&g<=O.left+1)return Y();let v0=[];switch(U){case"top":v0=[[W,O.top+1],[W,P.bottom-1],[a0,P.bottom-1],[a0,O.top+1]];break;case"bottom":v0=[[W,P.top+1],[W,O.bottom-1],[a0,O.bottom-1],[a0,P.top+1]];break;case"left":v0=[[P.right-1,f0],[P.right-1,l0],[O.left+1,l0],[O.left+1,f0]];break;case"right":v0=[[O.right-1,f0],[O.right-1,l0],[P.left+1,l0],[P.left+1,f0]];break}function C0(x0){let[b0,m0]=x0;switch(U){case"top":{const B0=[X?b0+o/2:N?b0+o*4:b0-o*4,m0+o+1],g0=[X?b0-o/2:N?b0+o*4:b0-o*4,m0+o+1],F0=[[P.left,N||X?P.bottom-o:P.top],[P.right,N?X?P.bottom-o:P.top:P.bottom-o]];return[B0,g0,...F0]}case"bottom":{const B0=[X?b0+o/2:N?b0+o*4:b0-o*4,m0-o],g0=[X?b0-o/2:N?b0+o*4:b0-o*4,m0-o],F0=[[P.left,N||X?P.top+o:P.bottom],[P.right,N?X?P.top+o:P.bottom:P.top+o]];return[B0,g0,...F0]}case"left":{const B0=[b0+o+1,T?m0+o/2:H?m0+o*4:m0-o*4],g0=[b0+o+1,T?m0-o/2:H?m0+o*4:m0-o*4];return[...[[H||T?P.right-o:P.left,P.top],[H?T?P.right-o:P.left:P.right-o,P.bottom]],B0,g0]}case"right":{const B0=[b0-o,T?m0+o/2:H?m0+o*4:m0-o*4],g0=[b0-o,T?m0-o/2:H?m0+o*4:m0-o*4],F0=[[H||T?P.left+o:P.right,P.top],[H?T?P.left+o:P.right:P.left+o,P.bottom]];return[B0,g0,...F0]}}}if(!wC([Z,n0],v0)){if(c&&!j)return Y();if(!G&&i){const x0=C(q.clientX,q.clientY);if(x0!==null&&x0<.1)return Y()}wC([Z,n0],C0([g,h]))?!c&&i&&(s=window.setTimeout(Y,40)):Y()}}};return m.__options={blockPointerEvents:a},m}const Zb={open:100,close:200};let Ww=(e={})=>{let o=Hl(),{placement:a="top",visible:i,onVisibleChange:s,middleware:c={flip:!0,shift:!0},autoUpdateOptions:A={},reference:p,ariaStrategy:D="description",id:C=o,...m}=e,[b,g]=V7(!1,i,s),h=d.useCallback(q=>{queueMicrotask(()=>{var Y;try{(Y=q==null?void 0:q.togglePopover)==null||Y.call(q,b)}catch{}})},[b]),v=qb({placement:a,open:b,onOpenChange:g,strategy:"fixed",whileElementsMounted:d.useMemo(()=>b?(...q)=>Cb(...q,A):void 0,[A,b]),middleware:d.useMemo(()=>[c.offset!==void 0?W3(c.offset):W3(4),c.flip&&Bb({padding:4}),c.shift&&bb({padding:4}),c.size&&Eb({padding:4}),c.autoPlacement&&gb({padding:4}),c.inline&&yb(),c.hide&&hb({padding:4})].filter(Boolean),[c]),...p&&{elements:{reference:p}}}),B=d.useMemo(()=>D==="description"?{"aria-describedby":C}:D==="label"?{"aria-labelledby":C}:{},[D,C]),{delay:y}=Sw(v.context,{id:Hl()}),R=Yb([Mb(v.context,{delay:y!==0?y:Zb,handleClose:Xb({buffer:-1/0}),move:!1}),Wb(v.context),Gb(v.context,{referencePress:!0,referencePressEvent:"click"})]);d.useEffect(()=>{if(!p)return;let q=Z=>Z.toLowerCase().substring(2),Y={};return Object.entries({...B,...R.getReferenceProps()}).forEach(([Z,n0])=>{if(typeof n0=="function"){let z=V=>{n0({...V,nativeEvent:V})};p.addEventListener(q(Z),z),Y[Z]=z}else n0&&(Y[Z]=p.getAttribute(Z),p.setAttribute(Z,n0))}),()=>{Object.entries(Y).forEach(([Z,n0])=>{typeof n0=="function"?p.removeEventListener(q(Z),n0):n0?p.setAttribute(Z,n0):p.removeAttribute(Z)})}},[B,p,R]);let I=d.useCallback(q=>R.getReferenceProps({...q,...B}),[R,B]),M=d.useMemo(()=>({...R.getFloatingProps({hidden:!b,"aria-hidden":"true",...m,id:C}),popover:"manual"}),[R,m,C,b]);return d.useMemo(()=>({getReferenceProps:I,floatingProps:M,...v,refs:{...v.refs,setFloating:q=>{v.refs.setFloating(q),h(q)}},floatingStyles:v.context.open?v.floatingStyles:{}}),[I,M,v,h])};const Yw=d.forwardRef((e,o)=>{let{content:a,children:i,portal:s=!0,className:c,style:A,...p}=e,D=Ww(p),C=wr(D.refs.setFloating,o);return d.createElement(d.Fragment,null,G7(i,m=>({...D.getReferenceProps(m.props),ref:D.refs.setReference})),e.ariaStrategy!=="none"||D.context.open?d.createElement(pT,{portal:s},d.createElement(De,{className:V2("iui-tooltip",c),ref:C,style:{...D.floatingStyles,...A},...D.floatingProps},a)):null)}),Xw=d.forwardRef((e,o)=>{let{as:a="span",className:i,unhideOnFocus:s=!0,children:c,...A}=e,p=$d()==="hydrated",D=["div","span","p"].includes(a)?d.createElement(d.Fragment,null,d.createElement(dB,{css:Zw},d.createElement("slot",null)),p&&c):c;return d.createElement(De,{as:a,className:V2("iui-visually-hidden",i),"data-iui-unhide-on-focus":s?!0:void 0,ref:o,...A},D)});let Zw=` + :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) { + clip-path: inset(50%) !important; + overflow: hidden !important; + position: absolute !important; + white-space: nowrap !important; + block-size: 1px !important; + inline-size: 1px !important; + } +`;const Kb=d.createContext(void 0),gN=d.forwardRef((e,o)=>{let{children:a,overflowButton:i,overflowPlacement:s="end",orientation:c="horizontal",...A}=e,p=d.useMemo(()=>e.role!=="toolbar"?a:d.Children.map(a,(C,m)=>d.isValidElement(C)?d.createElement(Ew,{key:m,render:C}):C),[a,e.role]),D=i?d.createElement(Kw,{orientation:c,overflowButton:i,overflowPlacement:s,ref:o,...A},p):d.createElement(Qb,{orientation:c,ref:o,...A},p);return d.createElement(xw,{delay:Zb},d.createElement(Kb.Provider,{value:c},e.role==="toolbar"?d.createElement(Bw,{orientation:c,render:D,disabledIndices:[]}):D))});let Qb=d.forwardRef((e,o)=>{let{orientation:a,className:i,...s}=e;return d.createElement(De,{className:V2("iui-button-group",i),"data-iui-orientation":a==="vertical"?a:void 0,ref:o,...s})}),Kw=d.forwardRef((e,o)=>{let{children:a,orientation:i,overflowButton:s,overflowPlacement:c,...A}=e,p=d.useMemo(()=>d.Children.toArray(a).filter(Boolean),[a]);return d.createElement(sB,{as:Qb,itemsCount:p.length,overflowOrientation:i,orientation:i,...A,className:V2({"iui-button-group-overflow-x":!!s&&i==="horizontal"},e.className),ref:o},d.createElement(Qw,{overflowButton:s,overflowPlacement:c,items:p}))}),Qw=e=>{let{overflowButton:o,overflowPlacement:a,items:i}=e,{visibleCount:s}=sB.useContext(),c=a==="start"?i.length-s:s-1;return sa};return typeof e=="function"?i.read=e:(i.init=e,i.read=eT,i.write=tT),i}function eT(e){return e(this)}function tT(e,o,a){return o(this,typeof a=="function"?a(e(this)):a)}const o3=(e,o)=>e.unstable_is?e.unstable_is(o):o===e,r3=e=>"init"in e,a3=e=>!!e.write,Ql=new WeakMap,nT=(e,o)=>{Ql.set(e,o),e.catch(()=>{}).finally(()=>Ql.delete(e))},TC=(e,o)=>{const a=Ql.get(e);a&&(Ql.delete(e),a(o))},FC=(e,o)=>{e.status="fulfilled",e.value=o},_C=(e,o)=>{e.status="rejected",e.reason=o},oT=e=>typeof(e==null?void 0:e.then)=="function",Ra=(e,o)=>!!e&&"v"in e&&"v"in o&&Object.is(e.v,o.v),kC=(e,o)=>!!e&&"e"in e&&"e"in o&&Object.is(e.e,o.e),nr=e=>!!e&&"v"in e&&e.v instanceof Promise,rT=(e,o)=>"v"in e&&"v"in o&&e.v.orig&&e.v.orig===o.v.orig,El=e=>{if("e"in e)throw e.e;return e.v},eB=()=>{const e=new WeakMap,o=new WeakMap,a=[],i=new WeakMap;let s,c;(L2?"production":void 0)!=="production"&&(s=new Set,c=new Set);const A=z=>e.get(z),p=(z,V)=>{V.d.forEach((G,e0)=>{var F;if(!i.has(e0)){const O=A(e0);(F=a[a.length-1])==null||F.add(e0),i.set(e0,[O,new Set]),O&&p(e0,O)}i.get(e0)[1].add(z)})},D=(z,V)=>{var G;(L2?"production":void 0)!=="production"&&Object.freeze(V);const e0=A(z);if(e.set(z,V),i.has(z)||((G=a[a.length-1])==null||G.add(z),i.set(z,[e0,new Set]),p(z,V)),nr(e0)){const F="v"in V?V.v instanceof Promise?V.v:Promise.resolve(V.v):Promise.reject(V.e);e0.v!==F&&TC(e0.v,F)}},C=(z,V,G,e0)=>{const F=new Map(e0?V.d:null);let O=!1;G.forEach((P,U)=>{!P&&o3(z,U)&&(P=V),P?(F.set(U,P),V.d.get(U)!==P&&(O=!0)):(L2?"production":void 0)!=="production"&&console.warn("[Bug] atom state not found")}),(O||V.d.size!==F.size)&&(V.d=F)},m=(z,V,G,e0)=>{const F=A(z),O={d:(F==null?void 0:F.d)||new Map,v:V};if(G&&C(z,O,G,e0),Ra(F,O)&&F.d===O.d)return F;if(nr(F)&&nr(O)&&rT(F,O)){if(F.d===O.d)return F;O.v=F.v}return D(z,O),O},b=(z,V,G,e0)=>{if(oT(V)){let F;const O=()=>{const U=A(z);if(!nr(U)||U.v!==P)return;const N=m(z,P,G);o.has(z)&&U.d!==N.d&&Y(z,N,U.d)},P=new Promise((U,N)=>{let H=!1;V.then(j=>{H||(H=!0,FC(P,j),U(j),O())},j=>{H||(H=!0,_C(P,j),N(j),O())}),F=j=>{H||(H=!0,j.then(X=>FC(P,X),X=>_C(P,X)),U(j))}});return P.orig=V,P.status="pending",nT(P,U=>{U&&F(U),e0==null||e0()}),m(z,P,G,!0)}return m(z,V,G)},g=(z,V,G)=>{const e0=A(z),F={d:(e0==null?void 0:e0.d)||new Map,e:V};return G&&C(z,F,G),kC(e0,F)&&e0.d===F.d?e0:(D(z,F),F)},h=(z,V)=>{const G=A(z);if(!V&&G&&(o.has(z)||Array.from(G.d).every(([H,j])=>{if(H===z)return!0;const X=h(H);return X===j||Ra(X,j)})))return G;const e0=new Map;let F=!0;const O=H=>{if(o3(z,H)){const X=A(H);if(X)return e0.set(H,X),El(X);if(r3(H))return e0.set(H,void 0),H.init;throw new Error("no atom init")}const j=h(H);return e0.set(H,j),El(j)};let P,U;const N={get signal(){return P||(P=new AbortController),P.signal},get setSelf(){return(L2?"production":void 0)!=="production"&&!a3(z)&&console.warn("setSelf function cannot be used with read-only atom"),!U&&a3(z)&&(U=(...H)=>{if((L2?"production":void 0)!=="production"&&F&&console.warn("setSelf function cannot be called in sync"),!F)return R(z,...H)}),U}};try{const H=z.read(O,N);return b(z,H,e0,()=>P==null?void 0:P.abort())}catch(H){return g(z,H,e0)}finally{F=!1}},v=z=>El(h(z)),B=z=>{const V=P=>{var U,N;const H=new Set((U=o.get(P))==null?void 0:U.t);return(N=i.get(P))==null||N[1].forEach(j=>{H.add(j)}),H},G=new Array,e0=new Set,F=P=>{if(!e0.has(P)){e0.add(P);for(const U of V(P))P!==U&&F(U);G.push(P)}};F(z);const O=new Set([z]);for(let P=G.length-1;P>=0;--P){const U=G[P],N=A(U);if(!N)continue;let H=!1;for(const j of N.d.keys())if(j!==U&&O.has(j)){H=!0;break}if(H){const j=h(U,!0);Ra(N,j)||O.add(U)}}},y=(z,...V)=>{const G=O=>El(h(O)),e0=(O,...P)=>{const U=a.length>0;U||a.push(new Set([O]));let N;if(o3(z,O)){if(!r3(O))throw new Error("atom not writable");const H=A(O),j=b(O,P[0]);Ra(H,j)||B(O)}else N=y(O,...P);if(!U){const H=Z(a.pop());(L2?"production":void 0)!=="production"&&s.forEach(j=>j({type:"async-write",flushed:H}))}return N};return z.write(G,e0,...V)},R=(z,...V)=>{a.push(new Set([z]));const G=y(z,...V),e0=Z(a.pop());return(L2?"production":void 0)!=="production"&&s.forEach(F=>F({type:"write",flushed:e0})),G},I=(z,V,G)=>{var e0;const F=o.get(z);if(F)return V&&F.t.add(V),F;const O=G||[];(e0=A(z))==null||e0.d.forEach((U,N)=>{N!==z&&I(N,z,O)}),h(z);const P={t:new Set(V&&[V]),l:new Set};if(o.set(z,P),(L2?"production":void 0)!=="production"&&c.add(z),a3(z)&&z.onMount){const{onMount:U}=z;O.push(()=>{const N=U((...H)=>R(z,...H));N&&(P.u=N)})}return G||O.forEach(U=>U()),P},M=(z,V)=>!V.l.size&&(!V.t.size||V.t.size===1&&V.t.has(z)),q=(z,V)=>{if(!M(z,V))return;const G=V.u;G&&G(),o.delete(z),(L2?"production":void 0)!=="production"&&c.delete(z);const e0=A(z);e0?(nr(e0)&&TC(e0.v),e0.d.forEach((F,O)=>{if(O!==z){const P=o.get(O);P&&(P.t.delete(z),q(O,P))}})):(L2?"production":void 0)!=="production"&&console.warn("[Bug] could not find atom state to unmount",z)},Y=(z,V,G)=>{const e0=new Set(V.d.keys()),F=new Set;G==null||G.forEach((O,P)=>{if(e0.has(P)){e0.delete(P);return}F.add(P);const U=o.get(P);U&&U.t.delete(z)}),e0.forEach(O=>{I(O,z)}),F.forEach(O=>{const P=o.get(O);P&&q(O,P)})},Z=z=>{let V;(L2?"production":void 0)!=="production"&&(V=new Set);const G=[],e0=F=>{var O;if(!i.has(F))return;const[P,U]=i.get(F);i.delete(F),G.push([F,P]),U.forEach(e0),(O=A(F))==null||O.d.forEach((N,H)=>e0(H))};if(z.forEach(e0),G.forEach(([F,O])=>{const P=A(F);if(!P){(L2?"production":void 0)!=="production"&&console.warn("[Bug] no atom state to flush");return}if(P!==O){const U=o.get(F);U&&P.d!==(O==null?void 0:O.d)&&Y(F,P,O==null?void 0:O.d),U&&!(!nr(O)&&(Ra(O,P)||kC(O,P)))&&(U.l.forEach(N=>N()),(L2?"production":void 0)!=="production"&&V.add(F))}}),(L2?"production":void 0)!=="production")return V},n0=(z,V)=>{const G=I(z),e0=Z([z]),F=G.l;return F.add(V),(L2?"production":void 0)!=="production"&&s.forEach(O=>O({type:"sub",flushed:e0})),()=>{F.delete(V),q(z,G),(L2?"production":void 0)!=="production"&&s.forEach(O=>O({type:"unsub"}))}};return(L2?"production":void 0)!=="production"?{get:v,set:R,sub:n0,dev_subscribe_store:z=>(s.add(z),()=>{s.delete(z)}),dev_get_mounted_atoms:()=>c.values(),dev_get_atom_state:z=>e.get(z),dev_get_mounted:z=>o.get(z),dev_restore_atoms:z=>{a.push(new Set);for(const[G,e0]of z)r3(G)&&(b(G,e0),B(G));const V=Z(a.pop());s.forEach(G=>G({type:"restore",flushed:V}))}}:{get:v,set:R,sub:n0}};let Ia;const aT=()=>(Ia||(Ia=eB(),(L2?"production":void 0)!=="production"&&(globalThis.__JOTAI_DEFAULT_STORE__||(globalThis.__JOTAI_DEFAULT_STORE__=Ia),globalThis.__JOTAI_DEFAULT_STORE__!==Ia&&console.warn("Detected multiple Jotai instances. It may cause unexpected behavior with the default store. https://github.com/pmndrs/jotai/discussions/2044"))),Ia),tB=eB,iT=aT,lT={},sT=d.createContext(void 0),nB=e=>{const o=d.useContext(sT);return(e==null?void 0:e.store)||o||iT()},cT=e=>typeof(e==null?void 0:e.then)=="function",uT=c0.use||(e=>{if(e.status==="pending")throw e;if(e.status==="fulfilled")return e.value;throw e.status==="rejected"?e.reason:(e.status="pending",e.then(o=>{e.status="fulfilled",e.value=o},o=>{e.status="rejected",e.reason=o}),e)});function RC(e,o){const a=nB(o),[[i,s,c],A]=d.useReducer(C=>{const m=a.get(e);return Object.is(C[0],m)&&C[1]===a&&C[2]===e?C:[m,a,e]},void 0,()=>[a.get(e),a,e]);let p=i;(s!==a||c!==e)&&(A(),p=a.get(e));const D=o==null?void 0:o.delay;return d.useEffect(()=>{const C=a.sub(e,()=>{if(typeof D=="number"){setTimeout(A,D);return}A()});return A(),C},[a,e,D]),d.useDebugValue(p),cT(p)?uT(p):p}function dT(e,o){const a=nB(o);return d.useCallback((...s)=>{if((lT?"production":void 0)!=="production"&&!("write"in e))throw new Error("not writable atom");return a.set(e,...s)},[a,e])}let Jl=d.createContext({store:tB(),parentStore:null});const AT=({children:e})=>{let o=d.useMemo(()=>tB(),[]),a=d.useContext(Jl).store;return d.createElement(Jl.Provider,{value:d.useMemo(()=>({store:o,parentStore:a}),[o,a])},e)},qa=e=>{let{store:o,parentStore:a}=d.useContext(Jl),i=fT(e),s=RC(e,{store:o}),c=RC(e,{store:a||o});return d.useEffect(()=>{s==null&&c!=null&&i(c)}),[s,i]},fT=e=>{let{store:o}=d.useContext(Jl);return dT(e,{store:o})},Pd=Jb(null),pT=e=>{let{portal:o=!0,children:a}=e,i=Id(),s=oB(o);return i?s?it.createPortal(a,s):a:null},oB=e=>{let[o]=qa(Pd);return typeof e=="boolean"?e?o:null:(typeof e.to=="function"?e.to():e.to)??o},DT=e=>{let{content:o,category:a,type:i="temporary",isVisible:s,link:c,duration:A=7e3,hasCloseButton:p,onRemove:D,animateOutTo:C,domProps:m}=e,b=d.useRef(0),{placement:g}=Ds(es).settings,h=g.startsWith("top")?"top":"bottom",[v,B]=d.useState(s??!0),y=s??v,[R,I]=d.useState(0),M=d.useRef(null),[q,Y]=d.useState(0),Z=()=>h==="top"?{marginBlockEnd:q}:{marginBlockStart:q};d.useEffect(()=>(i==="temporary"&&z(A),()=>{V()}),[A,i]),d.useEffect(()=>{!y&&!C&&Y(-R)},[y,C,Y,R]);let n0=()=>{V(),Y(-R),B(!1)},z=F=>{let O=V3();O&&(b.current=O.setTimeout(()=>{n0()},F))},V=()=>{var F;(F=V3())==null||F.clearTimeout(b.current)},G=F=>{if(F){let{height:O}=F.getBoundingClientRect();I(O)}};return mT(y,{thisElement:M,animateOutTo:C,onRemove:D})?d.createElement(De,{ref:M,className:"iui-toast-all",style:{height:R,...Z()}},d.createElement("div",{ref:G},d.createElement(CT,{as:"div",category:a,content:o,link:c,type:i,hasCloseButton:p,onClose:n0,...m==null?void 0:m.toastProps,contentProps:m==null?void 0:m.contentProps}))):null},CT=d.forwardRef((e,o)=>{let{content:a,category:i,type:s="temporary",link:c,hasCloseButton:A,onClose:p,className:D,contentProps:C,...m}=e,b=KT[i];return d.createElement(De,{className:V2(`iui-toast iui-${i}`,D),ref:o,...m},d.createElement(De,{className:"iui-status-area"},d.createElement(b,{className:"iui-icon"})),d.createElement(De,{as:"div",...C,className:V2("iui-message",C==null?void 0:C.className)},a),c&&d.createElement(AB,{...c,className:V2("iui-anchor","iui-toast-anchor",c.className),title:void 0,"data-iui-status":i,"data-iui-underline":!0},c.title),(s==="persisting"||A)&&d.createElement(RT,{size:"small",styleType:"borderless",onClick:p,"aria-label":"Close"},d.createElement(QT,null)))});let mT=(e,o)=>{let{thisElement:a,animateOutTo:i,onRemove:s}=o,[c,A]=d.useState(e),p=H3("(prefers-reduced-motion: no-preference)"),D=Vl(s),[C,m]=d.useState(void 0);return d.useEffect(()=>{C!==e&&(m(e),e?g():h());function b(y){let R=0,I=0;if(i&&y){let{x:M,y:q}=y.getBoundingClientRect(),{x:Y,y:Z}=i.getBoundingClientRect();R=Y-M,I=Z-q}return{translateX:R,translateY:I}}function g(){A(!0),queueMicrotask(()=>{v()})}function h(){var y;if(p){let R=B();R==null||R.addEventListener("finish",()=>{var I;A(!1),(I=D.current)==null||I.call(D)})}else A(!1),(y=D.current)==null||y.call(D)}function v(){var y,R;p&&((R=(y=a.current)==null?void 0:y.animate)==null||R.call(y,[{transform:"translateY(15%)"},{transform:"translateY(0)"}],{duration:240,fill:"forwards"}))}function B(){var q,Y;if(a.current==null||!p)return;let{translateX:y,translateY:R}=b(a.current),I=i?400:120;return(Y=(q=a.current)==null?void 0:q.animate)==null?void 0:Y.call(q,[{transform:i?`scale(0.9) translate(${y}px,${R}px)`:"scale(0.9)",opacity:0,transitionDuration:`${I}ms`,transitionTimingFunction:"cubic-bezier(0.4, 0, 1, 1)"}],{duration:I,iterations:1,fill:"forwards"})}},[e,C,i,p,a,A,D]),c};const hN=()=>{let e=Ds(J3);return d.useMemo(()=>{let o=a=>(i,s)=>{let c=ET();return e({type:"add",toast:{...s,id:c,content:i,category:a}}),{close:()=>e({type:"remove",id:c})}};return{positive:o("positive"),informational:o("informational"),negative:o("negative"),warning:o("warning"),closeAll:()=>{e({type:"close-all"})},setSettings:a=>{e({type:"settings",settings:a})}}},[e])},IC=()=>{let{toasts:e,settings:o}=Ds(es);return d.createElement(De,{className:V2("iui-toast-wrapper",`iui-placement-${o.placement}`)},e.map(a=>d.createElement(DT,{key:a.id,...a})))},bT=({children:e,inherit:o=!1})=>{let[a,i]=d.useReducer(BT,{toasts:[],settings:{order:"auto",placement:"top"}}),s=d.useContext(J3),c=d.useContext(es),A=c&&o,p=A?s:i,D=A?c:a;return d.createElement(J3.Provider,{value:p},d.createElement(es.Provider,{value:D},e))};let BT=(e,o)=>{if(o.type==="add"){let a=e.settings.order;return a==="auto"&&(a=e.settings.placement.startsWith("top")?"descending":"ascending"),{...e,toasts:[...a==="ascending"?e.toasts:[],o.toast,...a==="descending"?e.toasts:[]]}}return o.type==="remove"?{...e,toasts:e.toasts.filter(a=>a.id!==o.id)}:o.type==="close-all"?{...e,toasts:e.toasts.map(a=>({...a,isVisible:!1}))}:o.type==="settings"?{...e,settings:{...e.settings,...o.settings}}:e};const es=d.createContext(void 0);let J3=d.createContext(void 0),ET=(()=>{let e=0;return()=>++e})(),gT="ESM";const zd={version:H7,module:gT};let hT=zd.version.replace(/\./g,""),rB=Jb(void 0);const ed=d.forwardRef((e,o)=>{var I,M;var a,i,s;let{theme:c="inherit",children:A,themeOptions:p={},portalContainer:D,includeCss:C=c==="inherit",future:m={},...b}=e;TT();let[g,h]=d.useState(null),v=vT(g),B=c==="inherit"?v.theme||"light":c;(a=p).applyBackground??(a.applyBackground=!v.theme),(i=p).highContrast??(i.highContrast=c==="inherit"?v.highContrast:void 0),(s=m).themeBridge??(s.themeBridge=(M=(I=v.context)==null?void 0:I.future)==null?void 0:M.themeBridge);let[y]=qa(Pd),R=d.useMemo(()=>({theme:B,themeOptions:p,future:m}),[B,JSON.stringify(p),JSON.stringify(m)]);return d.createElement(AT,null,d.createElement(VT,null,d.createElement(Rd.Provider,{value:R},d.createElement(bT,{inherit:c==="inherit"&&!D},C&&g?d.createElement(ST,{root:g}):null,d.createElement(yT,{theme:B,themeOptions:p,future:m,ref:wr(o,h,wT),...b},A,d.createElement(xT,{theme:B,themeOptions:p,future:m,portalContainerProp:D,portalContainerFromParent:y,isInheritingTheme:c==="inherit"}))))))});let yT=d.forwardRef((e,o)=>{let[a,i]=qa(rB),s=d.useCallback(c=>{c&&c.ownerDocument!==a&&i(c.ownerDocument)},[a,i]);return d.createElement(aB,{...e,ref:wr(s,o)})}),aB=d.forwardRef((e,o)=>{let{theme:a,children:i,themeOptions:s,className:c,future:A,...p}=e,D=H3("(prefers-color-scheme: dark)"),C=H3("(prefers-contrast: more)"),m=a==="dark"||a==="os"&&D,b=(s==null?void 0:s.highContrast)??C,g=s==null?void 0:s.applyBackground;return d.createElement(De,{className:V2("iui-root",{"iui-root-background":g},c),"data-iui-theme":m?"dark":"light","data-iui-contrast":b?"high":"default","data-iui-bridge":A!=null&&A.themeBridge?!0:void 0,ref:o,...p},i)}),vT=e=>{var p,D;let o=d.useContext(Rd),[a,i]=d.useState(o==null?void 0:o.theme),[s,c]=d.useState((p=o==null?void 0:o.themeOptions)==null?void 0:p.highContrast),A=Vl(o==null?void 0:o.theme);return Br(()=>{var g;if(A.current)return;let C=(g=e==null?void 0:e.parentElement)==null?void 0:g.closest("[data-iui-theme]");if(!C)return;let m=()=>{i(C==null?void 0:C.getAttribute("data-iui-theme")),c((C==null?void 0:C.getAttribute("data-iui-contrast"))==="high")};m();let b=new MutationObserver(()=>m());return b.observe(C,{attributes:!0,attributeFilter:["data-iui-theme","data-iui-contrast"]}),()=>{b.disconnect()}},[e,A]),{theme:(o==null?void 0:o.theme)??a,highContrast:((D=o==null?void 0:o.themeOptions)==null?void 0:D.highContrast)??s,context:o}},xT=d.memo(({portalContainerProp:e,portalContainerFromParent:o,isInheritingTheme:a,theme:i,themeOptions:s,future:c})=>{let[A]=qa(rB),[p,D]=qa(Pd),C=!e&&(!a||!o||!!A&&o.ownerDocument!==A),m=Hl();return d.useEffect(()=>{if(C)return;let g=e||o;g&&g!==p&&D(g)}),$d()==="hydrated"?C&&A?it.createPortal(d.createElement(aB,{theme:i,themeOptions:{...s,applyBackground:!1},future:c,"data-iui-portal":!0,style:{display:"contents"},ref:D,id:m},d.createElement(IC,null)),A.body):e?it.createPortal(d.createElement(IC,null),e):null:null}),ST=({root:e})=>(Br(()=>{getComputedStyle(e).getPropertyValue(`--_iui-v${hT}`)!=="yes"&&(Za||(async()=>{try{await x(()=>Promise.resolve().then(()=>R1),void 0,import.meta.url)}catch(o){console.log("Error loading styles.css locally",o);let a=await Q1(`https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@${zd.version}/styles.css`);document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]}})())},[e]),d.createElement(d.Fragment,null)),wT=()=>{var e;let o=globalThis;(e=o).__iui||(e.__iui={versions:new Set}),o.__iui.versions.add(JSON.stringify(zd))},TT=()=>{let e=d.useRef(!1),o="https://cdn.jsdelivr.net/npm/wicg-inert@3.1.2/dist/inert.min.js";d.useEffect(()=>{(async()=>!HTMLElement.prototype.hasOwnProperty("inert")&&!e.current&&!Za&&(await new Function("url","return import(url)")(o),e.current=!0))()},[])};const iB=d.createContext(void 0),FT=d.createContext(void 0),_T=e=>{var z,V;let{placement:o="bottom-start",visible:a,onVisibleChange:i,closeOnOutsideClick:s,autoUpdateOptions:c,matchWidth:A,interactions:p,role:D,...C}=e,m=d.useMemo(()=>({...p,click:(p==null?void 0:p.click)??!0,dismiss:(p==null?void 0:p.dismiss)??!0,hover:(p==null?void 0:p.hover)??!1,focus:(p==null?void 0:p.focus)??!1}),[p]),b=Ao(),g=d.useMemo(()=>{var G,e0,F,O;return{...e.middleware,flip:((G=e.middleware)==null?void 0:G.flip)??!0,shift:((e0=e.middleware)==null?void 0:e0.shift)??!0,size:((F=e.middleware)==null?void 0:F.size)??!0,hide:((O=e.middleware)==null?void 0:O.hide)||!Za}},[e.middleware]),h=typeof g.size=="boolean"?"400px":(z=g.size)==null?void 0:z.maxHeight,[v,B]=V7(!1,a,i),y=qb({placement:o,open:v,onOpenChange:B,strategy:"fixed",whileElementsMounted:d.useMemo(()=>v?(...G)=>Cb(...G,c):void 0,[c,v]),...C,middleware:d.useMemo(()=>[g.offset!==void 0&&W3(g.offset),g.flip&&Bb({padding:4}),g.shift&&bb({padding:4}),(A||g.size)&&Eb({padding:4,apply:({rects:G,availableHeight:e0})=>{g.size&&Y(Math.round(e0)),A&&M(G.reference.width)}}),g.autoPlacement&&gb({padding:4}),g.inline&&yb(),g.hide&&hb({padding:4})].filter(Boolean),[A,g])}),R=Yb([zw(y.context,{enabled:!!m.click,...m.click}),Gb(y.context,{enabled:!!m.dismiss,outsidePress:s,bubbles:b!=null,...m.dismiss}),Mb(y.context,{enabled:!!m.hover,delay:100,handleClose:Xb({buffer:1,blockPointerEvents:!0}),move:!1,...m.hover}),Wb(y.context,{enabled:!!m.focus,...m.focus}),Gw(y.context,{role:"dialog",enabled:!!D})]),[I,M]=d.useState(),[q,Y]=d.useState(),Z=d.useCallback(G=>{var e0;return R.getFloatingProps({...G,style:{...y.floatingStyles,...g.size&&q&&{maxBlockSize:`min(${q}px, ${h})`},zIndex:9999,...A&&I?{minInlineSize:`${I}px`,maxInlineSize:`min(${2*I}px, 90vw)`}:{},...g.hide&&((e0=y.middlewareData.hide)==null?void 0:e0.referenceHidden)&&{visibility:"hidden"},...G==null?void 0:G.style}})},[R,y.floatingStyles,(V=y.middlewareData.hide)==null?void 0:V.referenceHidden,g.size,g.hide,q,h,A,I]),n0=d.useCallback(G=>R.getReferenceProps({...G,onClick:L1(G==null?void 0:G.onClick,()=>{m.click&&a&&B(!1)})}),[R,m.click,a,B]);return d.useMemo(()=>({open:v,onOpenChange:B,getReferenceProps:n0,getFloatingProps:Z,...y}),[v,B,Z,y,n0])},yN=d.forwardRef((e,o)=>{var n0;let{portal:a=!0,visible:i,placement:s="bottom-start",onVisibleChange:c,closeOnOutsideClick:A=!0,middleware:p,positionReference:D,className:C,children:m,content:b,applyBackground:g=!1,...h}=e,v=_T({visible:i,placement:s,onVisibleChange:c,closeOnOutsideClick:A,role:"dialog",middleware:p}),[B,y]=d.useState(),R=wr(v.refs.setFloating,o,y),I=`${Hl()}-trigger`,M=!!e["aria-labelledby"]||!!e["aria-label"];Br(()=>{if(D)return v.refs.setPositionReference(D),()=>void v.refs.setPositionReference(null)},[v.refs,D]);let[q,Y]=d.useState(),Z=d.useMemo(()=>({setInitialFocus:Y}),[]);return d.createElement(d.Fragment,null,d.createElement(iB.Provider,{value:v.open},G7(m,z=>({id:z.props.id||I,...v.getReferenceProps(z.props),ref:v.refs.setReference}))),v.open?d.createElement(FT.Provider,{value:Z},d.createElement(kT,{portal:a},d.createElement(ed,{portalContainer:B},d.createElement(lB,null),d.createElement(Pw,{context:v.context,modal:!1,initialFocus:q},d.createElement(De,{className:V2({"iui-popover-surface":g},C),"aria-labelledby":M||(n0=v.refs.domReference.current)==null?void 0:n0.id,...v.getFloatingProps(h),ref:R},b))))):null)});let kT=({children:e,portal:o=!0})=>{let a=oB(o);return d.createElement(Ow,{key:a==null?void 0:a.id,root:a??void 0},d.createElement(lB,null),e)},lB=d.memo(()=>d.createElement(dB,{css:` + :host { + display: contents; + } + `},d.createElement("slot",null)));const RT=d.forwardRef((e,o)=>{let{isActive:a,children:i,styleType:s="default",size:c,className:A,title:p,label:D=p,iconProps:C,labelProps:m,...b}=e,g=d.useContext(Kb),h=d.useContext(iB),v=d.createElement(AB,{ref:o,className:V2("iui-button","iui-field",A),"data-iui-variant":s!=="default"?s:void 0,"data-iui-size":c,"data-iui-active":a,"data-iui-has-popover":h?"open":void 0,"aria-pressed":a,...b},d.createElement(De,{as:"span","aria-hidden":!0,...C,className:V2("iui-button-icon",C==null?void 0:C.className)},i),D?d.createElement(Xw,null,D):null);return D?d.createElement(Yw,{placement:g==="vertical"?"right":"top",...m,content:D,ariaStrategy:"none"},v):v});let IT=c0.forwardRef((e,o)=>{let{itemsCount:a,children:i,overflowOrientation:s,...c}=e,[A,p]=NT(a,s),D=c0.useMemo(()=>({visibleCount:p,itemsCount:a}),[a,p]);return c0.createElement(cB.Provider,{value:D},c0.createElement(De,{ref:wr(o,A),...c},i))}),OT=e=>{let{children:o}=e,{visibleCount:a,itemsCount:i}=uB();return a{let{itemsCount:a,overflowOrientation:i="horizontal",...s}=e,[c,A]=c0.useState(null),[p]=P1(A),D=wr(p,o),C=`${a}${i==="vertical"?c==null?void 0:c.height:c==null?void 0:c.width}`;return c0.createElement(IT,{...s,key:C,ref:D,itemsCount:a,overflowOrientation:i})});const sB=Object.assign(LT,{OverflowNode:OT,useContext:uB});let cB=c0.createContext(void 0),NT=(e,o="horizontal")=>{let[a,i]=c0.useReducer(zT,{itemsCount:e},PT),s=c0.useRef(null),c=c0.useRef(!1);return Br(()=>{let{minGuess:A,maxGuess:p,isStabilized:D,visibleCount:C}=a;if(D)return;m();function m(){if(!(D||c.current||Za))try{if(c.current=!0,s.current==null)return;let b=o==="horizontal"?"Width":"Height",g=s.current[`offset${b}`],h=s.current[`scroll${b}`],v=g{let o=Math.min(e,MT);return Za?{isStabilized:!0,minGuess:null,maxGuess:null,itemsCount:e,visibleCount:e}:{isStabilized:!1,minGuess:0,maxGuess:o,itemsCount:e,visibleCount:o}},zT=(e,o)=>{let a=({visibleCount:i,itemsCount:s})=>Math.min(s,i);switch(o.type){case"decreaseMaxGuess":case"increaseMinGuess":if(e.isStabilized)return e;let i=e.minGuess,s=e.maxGuess;o.type==="decreaseMaxGuess"?s=o.currentState.visibleCount:i=o.currentState.visibleCount;let c=Math.floor((i+s)/2);return{...e,isStabilized:!1,minGuess:i,maxGuess:s,visibleCount:a({visibleCount:c,itemsCount:e.itemsCount})};case"shiftGuessRangeForward":if(e.isStabilized)return e;let A=2*e.maxGuess;return{...e,isStabilized:!1,minGuess:e.maxGuess,maxGuess:A,visibleCount:a({visibleCount:A,itemsCount:e.itemsCount})};case"stabilize":return{...e,isStabilized:!0,minGuess:null,maxGuess:null};default:return e}};function uB(){return Ds(cB)}let td=d.createContext(!1),$T=()=>()=>{},jT=typeof window>"u";const $d=()=>{let e=j7($T,()=>!1,()=>!jT),o=d.useContext(td),a=Id();if(o||a)return"hydrated";if(e)return"hydrating"},VT=({children:e})=>{let[o,a]=d.useState(d.useContext(td)),i=d.useCallback(()=>a(!0),[]);return d.createElement(td.Provider,{value:o},o?null:d.createElement(HT,{onHydrate:i}),e)};let HT=({onHydrate:e})=>(d.useEffect(()=>void e(),[e]),null),jd=typeof document<"u",UT=jd&&"shadowRootMode"in HTMLTemplateElement.prototype,nd=jd&&"adoptedStyleSheets"in Document.prototype;const dB=({children:e,css:o})=>{let a=$d()==="hydrating";return jd?UT&&a?null:d.createElement(GT,{css:o},e):d.createElement("template",{shadowrootmode:"open"},o&&d.createElement("style",null,o),e)};let GT=({children:e,css:o})=>{let a=d.useRef(null),i=qT(a,{css:o}),s=!nd&&o?d.createElement("style",null,o):null;return i?it.createPortal(d.createElement(d.Fragment,null,s,e),i):d.createElement("template",{ref:a})};function qT(e,{css:o=""}){let[a,i]=d.useState(null),s=d.useRef(void 0),c=Vl(o),A=Vl(a),p=d.useCallback(D=>{if(D&&nd){let C=D.ownerDocument.defaultView||globalThis;if(s.current instanceof C.CSSStyleSheet)return;s.current=new C.CSSStyleSheet,D.adoptedStyleSheets.push(s.current),c.current&&s.current.replaceSync(c.current)}},[c]);return Br(()=>{var m;let D=(m=e.current)==null?void 0:m.parentElement;if(!D)return;let C=()=>{D.shadowRoot&&A.current===null&&D.shadowRoot.replaceChildren();let b=D.shadowRoot||D.attachShadow({mode:"open"});p(b),it.flushSync(()=>i(b))};return queueMicrotask(()=>{C()}),()=>void i(null)},[e,p,A]),Br(()=>{var D;o&&nd&&((D=s.current)==null||D.replaceSync(o))},[o]),d.useEffect(()=>{let D=()=>p(A.current);return window.addEventListener("appui:reparent",D),()=>{window.removeEventListener("appui:reparent",D)}},[p,A]),a}const AB=d.forwardRef((e,o)=>{let{as:a="button",disabled:i,htmlDisabled:s,type:c=a==="button"?"button":void 0,...A}=e,p=Id(),D=i&&!s&&p&&a==="button",C=b=>g=>{i||b==null||b(g)},m=a==="button"&&i?"button":c;return d.createElement(De,{as:a,type:m,ref:o,"aria-disabled":D?"true":void 0,"data-iui-disabled":i?"true":void 0,disabled:s??(!p&&i)?!0:void 0,...A,className:V2("iui-button-base",e.className),onClick:C(e.onClick),onPointerDown:C(e.onPointerDown),onPointerUp:C(e.onPointerUp)})}),Qa=U7.svg("",{viewBox:"0 0 16 16",width:16,height:16}),WT=e=>d.createElement(Qa,e,d.createElement("path",{d:"M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm1.2 3.2a.923.923 0 0 1 .997.843l.003.057a1.31 1.31 0 0 1-1.3 1.2.945.945 0 0 1-1-1 1.228 1.228 0 0 1 1.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 0 1 3.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 0 0 1.1-.6l.3.4a5.769 5.769 0 0 1-3 1.6z"})),YT=e=>d.createElement(Qa,e,d.createElement("path",{d:"M9 12H7v-2h2v2Zm0-3H7V4h2v5Zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0Z"})),XT=e=>d.createElement(Qa,e,d.createElement("path",{d:"m8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z"})),ZT=e=>d.createElement(Qa,e,d.createElement("path",{d:"m15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z"})),KT={negative:e=>d.createElement(YT,{"aria-hidden":!0,...e}),positive:e=>d.createElement(XT,{"aria-hidden":!0,...e}),warning:e=>d.createElement(ZT,{"aria-hidden":!0,...e}),informational:e=>d.createElement(WT,{"aria-hidden":!0,...e})},QT=e=>d.createElement(Qa,e,d.createElement("path",{d:"m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z"}));var JT=Object.defineProperty,eF=Object.defineProperties,tF=Object.getOwnPropertyDescriptors,ts=Object.getOwnPropertySymbols,fB=Object.prototype.hasOwnProperty,pB=Object.prototype.propertyIsEnumerable,OC=(e,o,a)=>o in e?JT(e,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[o]=a,Dn=(e,o)=>{for(var a in o||(o={}))fB.call(o,a)&&OC(e,a,o[a]);if(ts)for(var a of ts(o))pB.call(o,a)&&OC(e,a,o[a]);return e},DB=(e,o)=>eF(e,tF(o)),nF=(e,o)=>{var a={};for(var i in e)fB.call(e,i)&&o.indexOf(i)<0&&(a[i]=e[i]);if(e!=null&&ts)for(var i of ts(e))o.indexOf(i)<0&&pB.call(e,i)&&(a[i]=e[i]);return a};function oF(e,o){return typeof Object.hasOwn=="function"?Object.hasOwn(e,o):Object.prototype.hasOwnProperty.call(e,o)}function rF(e,o){typeof e=="function"?e(o):e&&(e.current=o)}function aF(e){return!e||!d.isValidElement(e)?!1:"ref"in e.props||"ref"in e}function iF(e){return aF(e)?Dn({},e.props).ref||e.ref:null}function lF(e,o){const a=Dn({},e);for(const i in o){if(!oF(o,i))continue;if(i==="className"){const c="className";a[c]=e[c]?`${e[c]} ${o[c]}`:o[c];continue}if(i==="style"){const c="style";a[c]=e[c]?Dn(Dn({},e[c]),o[c]):o[c];continue}const s=o[i];if(typeof s=="function"&&i.startsWith("on")){const c=e[i];if(typeof c=="function"){a[i]=(...A)=>{s(...A),c(...A)};continue}}a[i]=s}return a}var Vd=Dn({},is);Vd.useId;Vd.useDeferredValue;Vd.useInsertionEffect;function sF(...e){return d.useMemo(()=>{if(e.some(Boolean))return o=>{for(const a of e)rF(a,o)}},e)}function CB(e){const o=d.forwardRef((a,i)=>e(DB(Dn({},a),{ref:i})));return o.displayName=e.displayName||e.name,o}function mB(e,o){const a=o,{wrapElement:i,render:s}=a,c=nF(a,["wrapElement","render"]),A=sF(o.ref,iF(s));let p;if(d.isValidElement(s)){const D=DB(Dn({},s.props),{ref:A});p=d.cloneElement(s,lF(c,D))}else s?p=s(c):p=_.jsx(e,Dn({},c));return i?i(p):p}var cF="div",uF=["a","button","details","dialog","div","form","h1","h2","h3","h4","h5","h6","header","img","input","label","li","nav","ol","p","section","select","span","summary","textarea","ul","svg"],bB=CB(function(o){return mB(cF,o)});Object.assign(bB,uF.reduce((e,o)=>(e[o]=CB(function(i){return mB(o,i)}),e),{}));var dF=String.raw`@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:auto}:where(html:has(dialog:modal[open])){overflow:clip}:where(input,button,textarea,select){font:inherit;color:inherit}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%;display:block}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(dialog,[popover]){color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset;background:0 0;border:none}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}}@layer itwinui.foundations{html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=light]){--ids-color-border-shadow-base:var(--ids-color-border-neutral-base);--ids-color-border-shadow-strong:#0000001f}@supports (color:lab(0% 0 0)){html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=light]){--ids-color-border-shadow-strong:lab(0% 0 0/.12)}}:is(html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=light])){--ids-color-bg-mono-base:#6b737d;--ids-color-bg-mono-muted:#d4d7da;--ids-color-bg-mono-faded:#36393f;--ids-color-bg-accent-base:#188166;--ids-color-bg-accent-muted:#cae2dc;--ids-color-bg-accent-faded:#0d4133;--ids-color-bg-info-base:#0470dd;--ids-color-bg-info-muted:#c8dff8;--ids-color-bg-info-faded:#033970;--ids-color-bg-positive-base:#228404;--ids-color-bg-positive-muted:#cde3c6;--ids-color-bg-positive-faded:#114302;--ids-color-bg-attention-base:#9a6804;--ids-color-bg-attention-muted:#ecdbb9;--ids-color-bg-attention-faded:#4e3402;--ids-color-bg-critical-base:#df1c41;--ids-color-bg-critical-muted:#f9d4db;--ids-color-bg-critical-faded:#730e22;--ids-color-bg-page-depth:#edeeef;--ids-color-bg-page-base:#fbfcfd;--ids-color-bg-page-zebra:#00000005;--ids-color-bg-elevation-base:#fff;--ids-color-bg-elevation-emphasis:#111213;--ids-color-bg-elevation-control:#fff;--ids-color-bg-elevation-level-1:#fff;--ids-color-bg-elevation-overlay:#fbfcfd;--ids-color-bg-elevation-level-2:#fff;--ids-color-bg-elevation-scrollbar-surface:#00000052;--ids-color-bg-elevation-scrollbar-canvas:#0000007a;--ids-color-bg-neutral-base:#fff;--ids-color-bg-neutral-muted:#f7f8f9;--ids-color-bg-neutral-faded:#edeeef;--ids-color-bg-neutral-inverse:#fff;--ids-color-bg-glow-base-hover-\%:4.0%;--ids-color-bg-glow-base-pressed-\%:8.0%;--ids-color-bg-glow-on-surface-accent-hover:#1881661f;--ids-color-bg-glow-on-surface-accent-pressed:#18816629;--ids-color-bg-glow-on-surface-neutral-hover:#0000000a;--ids-color-bg-glow-on-surface-neutral-pressed:#00000014;--ids-color-bg-glow-on-surface-critical-pressed:#df1c4129;--ids-color-bg-glow-on-surface-critical-hover:#df1c411f;--ids-color-bg-glow-on-surface-disabled:#0000000a;--ids-color-bg-glow-strong-pressed-\%:16.0%;--ids-color-bg-glow-strong-hover-\%:8.0%;--ids-color-icon-neutral-hover:#24262a;--ids-color-icon-neutral-base:#6b737d;--ids-color-icon-neutral-secondary:#969ca4;--ids-color-icon-neutral-tertiary:#acb1b7;--ids-color-icon-neutral-disabled:#acb1b7;--ids-color-icon-neutral-emphasis:#fff;--ids-color-icon-neutral-muted:#b8bdc1;--ids-color-icon-accent-base:#188166;--ids-color-icon-accent-strong:#188166;--ids-color-icon-accent-faded:#146b54;--ids-color-icon-info-base:#0470dd;--ids-color-icon-info-faded:#035db8;--ids-color-icon-positive-base:#228404;--ids-color-icon-positive-faded:#1c6d01;--ids-color-icon-attention-base:#9a6804;--ids-color-icon-attention-faded:#805604;--ids-color-icon-critical-base:#df1c41;--ids-color-icon-critical-faded:#ba1536;--ids-color-icon-mono-base:#6b737d;--ids-color-icon-mono-faded:#585f68;--ids-color-icon-glow-base-hover-\%:8.0%;--ids-color-icon-glow-base-pressed-\%:12.0%;--ids-color-icon-glow-strong-hover-\%:8.0%;--ids-color-icon-glow-strong-pressed-\%:16.0%;--ids-color-border-mono-base:#6b737d;--ids-color-border-mono-faded:#474c53;--ids-color-border-mono-muted:#808791;--ids-color-border-accent-base:#188166;--ids-color-border-accent-faded:#125544;--ids-color-border-accent-muted:#a7cfc4;--ids-color-border-accent-strong:#188166;--ids-color-border-info-base:#0470dd;--ids-color-border-info-faded:#024a93;--ids-color-border-info-muted:#a3caf3;--ids-color-border-positive-base:#228404;--ids-color-border-positive-muted:#acd1a0;--ids-color-border-positive-faded:#175801;--ids-color-border-attention-base:#9a6804;--ids-color-border-attention-muted:#dfc38a;--ids-color-border-attention-faded:#664502;--ids-color-border-critical-base:#df1c41;--ids-color-border-critical-muted:#f5b6c2;--ids-color-border-critical-faded:#96122c;--ids-color-border-glow-base-hover-\%:8.0%;--ids-color-border-glow-base-pressed-\%:12.0%;--ids-color-border-glow-base-default:#00000014;--ids-color-border-glow-on-surface-faded:#0000000a;--ids-color-border-glow-on-surface-disabled:#00000014;--ids-color-border-glow-strong-hover-\%:8.0%;--ids-color-border-glow-strong-pressed-\%:16.0%;--ids-color-border-glow-strong-default:#0000001f;--ids-color-border-neutral-base:#d4d7da;--ids-color-border-neutral-muted:#e1e3e6;--ids-color-border-neutral-faded:#c3c7cb;--ids-color-border-neutral-inverse:#090a0b;--ids-color-border-neutral-disabled:#acb1b7;--ids-color-border-elevation-base:#000000a3;--ids-color-border-elevation-scrollbar-canvas:#ffffff3d;--ids-color-border-page-base:#00000014;--ids-color-border-page-depth:#00000014;--ids-color-text-mono-base:#6b737d;--ids-color-text-mono-faded:#585f68;--ids-color-text-accent-base:#188166;--ids-color-text-accent-faded:#146b54;--ids-color-text-accent-strong:#188166;--ids-color-text-info-base:#0470dd;--ids-color-text-info-faded:#035db8;--ids-color-text-positive-base:#228404;--ids-color-text-positive-faded:#1c6d01;--ids-color-text-attention-base:#9a6804;--ids-color-text-attention-faded:#805604;--ids-color-text-critical-base:#df1c41;--ids-color-text-critical-faded:#ba1536;--ids-color-text-neutral-emphasis:#fff;--ids-color-text-neutral-primary:#1f2023;--ids-color-text-neutral-secondary:#474c53;--ids-color-text-neutral-tertiary:#585f68;--ids-color-text-neutral-disabled:#acb1b7;--ids-color-text-glow-base-hover-\%:8.0%;--ids-color-text-glow-base-pressed-\%:12.0%;--ids-color-text-glow-strong-hover-\%:8.0%;--ids-color-text-glow-strong-pressed-\%:16.0%;--ids-color-static-black:#000;--ids-color-static-white:#fff;--ids-color-static-accent:#188166;--ids-color-glow-hue:#000;--ids-shadow-surface-xs:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff0a,0px 1px 1px -.5px #0000000a;--ids-shadow-surface-sm:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff0a,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a;--ids-shadow-surface-md:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,0px 1px 1px -.5px #0000000a,inset 0px 0px 0px 1px #ffffff0a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a;--ids-shadow-surface-lg:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff0a,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a;--ids-shadow-surface-xl:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff0a,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a,0px 24px 24px -12px #0000000a;--ids-shadow-button-base-drop:0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a;--ids-shadow-button-base-inset:inset 0px -1px 0px 0px #00000014;--ids-shadow-input-base:inset 0px 1px 1px 0px #0000000a,inset 0px 2px 4px 0px #0000000a;--ids-shadow-tooltip-base:0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a;--ids-shadow-toolbar-base:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #000c,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a,0px 24px 24px -12px #0000000a}@supports (color:lab(0% 0 0)){:is(html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=light])){--ids-color-bg-mono-base:lab(48.0166% -1.43915 -6.5074);--ids-color-bg-mono-muted:lab(85.8119% -.611454 -1.76426);--ids-color-bg-mono-faded:lab(23.8534% -.214189 -4.11189);--ids-color-bg-accent-base:lab(47.9563% -34.9245 6.19844);--ids-color-bg-accent-muted:lab(87.9759% -9.19014 .0959873);--ids-color-bg-accent-faded:lab(23.9375% -20.5725 3.46543);--ids-color-bg-info-base:lab(47.0129% 6.89358 -64.3085);--ids-color-bg-info-muted:lab(87.698% -4.01369 -14.8192);--ids-color-bg-info-faded:lab(23.4622% 1.99829 -36.9401);--ids-color-bg-positive-base:lab(48.1335% -44.6409 49.5307);--ids-color-bg-positive-muted:lab(88.0118% -11.6213 11.7514);--ids-color-bg-positive-faded:lab(24.1751% -26.9395 30.542);--ids-color-bg-attention-base:lab(48.4136% 15.4963 54.4339);--ids-color-bg-attention-muted:lab(88.1498% 2.15477 19.165);--ids-color-bg-attention-faded:lab(24.1971% 8.78102 32.5961);--ids-color-bg-critical-base:lab(48.9224% 71.0533 33.7629);--ids-color-bg-critical-muted:lab(88.2422% 14.0584 1.58488);--ids-color-bg-critical-faded:lab(24.3988% 42.8858 18.0549);--ids-color-bg-page-depth:lab(94.0372% -.246972 -.706685);--ids-color-bg-page-base:lab(98.9092% -.247031 -.706732);--ids-color-bg-page-zebra:lab(0% 0 0/.02);--ids-color-bg-elevation-base:lab(100% 0 0);--ids-color-bg-elevation-emphasis:lab(5.39981% -.273019 -.834915);--ids-color-bg-elevation-control:lab(100% 0 0);--ids-color-bg-elevation-level-1:lab(100% 0 0);--ids-color-bg-elevation-overlay:lab(98.9092% -.247031 -.706732);--ids-color-bg-elevation-level-2:lab(100% 0 0);--ids-color-bg-elevation-scrollbar-surface:lab(0% 0 0/.32);--ids-color-bg-elevation-scrollbar-canvas:lab(0% 0 0/.48);--ids-color-bg-neutral-base:lab(100% 0 0);--ids-color-bg-neutral-muted:lab(97.5288% -.247031 -.706697);--ids-color-bg-neutral-faded:lab(94.0372% -.246972 -.706685);--ids-color-bg-neutral-inverse:lab(100% 0 0);--ids-color-bg-glow-on-surface-accent-hover:lab(47.9563% -34.9245 6.19844/.12);--ids-color-bg-glow-on-surface-accent-pressed:lab(47.9563% -34.9245 6.19844/.16);--ids-color-bg-glow-on-surface-neutral-hover:lab(0% 0 0/.04);--ids-color-bg-glow-on-surface-neutral-pressed:lab(0% 0 0/.08);--ids-color-bg-glow-on-surface-critical-pressed:lab(48.9224% 71.0533 33.7629/.16);--ids-color-bg-glow-on-surface-critical-hover:lab(48.9224% 71.0533 33.7629/.12);--ids-color-bg-glow-on-surface-disabled:lab(0% 0 0/.04);--ids-color-icon-neutral-hover:lab(15.1837% .021562 -3.00464);--ids-color-icon-neutral-base:lab(48.0166% -1.43915 -6.5074);--ids-color-icon-neutral-secondary:lab(64.054% -1.04737 -5.12308);--ids-color-icon-neutral-tertiary:lab(71.9356% -.923872 -3.62363);--ids-color-icon-neutral-disabled:lab(71.9356% -.923872 -3.62363);--ids-color-icon-neutral-emphasis:lab(100% 0 0);--ids-color-icon-neutral-muted:lab(76.2989% -1.2362 -2.68073);--ids-color-icon-accent-base:lab(47.9563% -34.9245 6.19844);--ids-color-icon-accent-strong:lab(47.9563% -34.9245 6.19844);--ids-color-icon-accent-faded:lab(39.9909% -30.3487 5.56632);--ids-color-icon-info-base:lab(47.0129% 6.89358 -64.3085);--ids-color-icon-info-faded:lab(39.1976% 5.53149 -55.6635);--ids-color-icon-positive-base:lab(48.1335% -44.6409 49.5307);--ids-color-icon-positive-faded:lab(39.9631% -38.7919 43.5088);--ids-color-icon-attention-base:lab(48.4136% 15.4963 54.4339);--ids-color-icon-attention-faded:lab(40.3825% 13.3977 47.2814);--ids-color-icon-critical-base:lab(48.9224% 71.0533 33.7629);--ids-color-icon-critical-faded:lab(40.7732% 62.087 28.9054);--ids-color-icon-mono-base:lab(48.0166% -1.43915 -6.5074);--ids-color-icon-mono-faded:lab(39.9415% -1.2762 -6.16004);--ids-color-border-mono-base:lab(48.0166% -1.43915 -6.5074);--ids-color-border-mono-faded:lab(32.0457% -.837266 -4.75932);--ids-color-border-mono-muted:lab(55.9762% -1.06928 -6.24512);--ids-color-border-accent-base:lab(47.9563% -34.9245 6.19844);--ids-color-border-accent-faded:lab(31.7715% -24.8213 3.70236);--ids-color-border-accent-muted:lab(79.9997% -15.3805 .888169);--ids-color-border-accent-strong:lab(47.9563% -34.9245 6.19844);--ids-color-border-info-base:lab(47.0129% 6.89358 -64.3085);--ids-color-border-info-faded:lab(31.1021% 4.10384 -46.6708);--ids-color-border-info-muted:lab(79.5683% -6.13773 -24.6515);--ids-color-border-positive-base:lab(48.1335% -44.6409 49.5307);--ids-color-border-positive-muted:lab(80.1967% -19.5707 20.2529);--ids-color-border-positive-faded:lab(32.2353% -32.9313 37.368);--ids-color-border-attention-base:lab(48.4136% 15.4963 54.4339);--ids-color-border-attention-muted:lab(80.2272% 4.41358 32.3333);--ids-color-border-attention-faded:lab(32.3185% 10.6467 40.4656);--ids-color-border-critical-base:lab(48.9224% 71.0533 33.7629);--ids-color-border-critical-muted:lab(80.2428% 24.9421 3.36735);--ids-color-border-critical-faded:lab(32.6435% 52.4911 23.3912);--ids-color-border-glow-base-default:lab(0% 0 0/.08);--ids-color-border-glow-on-surface-faded:lab(0% 0 0/.04);--ids-color-border-glow-on-surface-disabled:lab(0% 0 0/.08);--ids-color-border-glow-strong-default:lab(0% 0 0/.12);--ids-color-border-neutral-base:lab(85.8119% -.611454 -1.76426);--ids-color-border-neutral-muted:lab(90.1495% -.315368 -1.86194);--ids-color-border-neutral-faded:lab(80.0111% -.849456 -2.46736);--ids-color-border-neutral-inverse:lab(2.6968% -.176921 -.525138);--ids-color-border-neutral-disabled:lab(71.9356% -.923872 -3.62363);--ids-color-border-elevation-base:lab(0% 0 0/.64);--ids-color-border-elevation-scrollbar-canvas:lab(100% 0 0/.24);--ids-color-border-page-base:lab(0% 0 0/.08);--ids-color-border-page-depth:lab(0% 0 0/.08);--ids-color-text-mono-base:lab(48.0166% -1.43915 -6.5074);--ids-color-text-mono-faded:lab(39.9415% -1.2762 -6.16004);--ids-color-text-accent-base:lab(47.9563% -34.9245 6.19844);--ids-color-text-accent-faded:lab(39.9909% -30.3487 5.56632);--ids-color-text-accent-strong:lab(47.9563% -34.9245 6.19844);--ids-color-text-info-base:lab(47.0129% 6.89358 -64.3085);--ids-color-text-info-faded:lab(39.1976% 5.53149 -55.6635);--ids-color-text-positive-base:lab(48.1335% -44.6409 49.5307);--ids-color-text-positive-faded:lab(39.9631% -38.7919 43.5088);--ids-color-text-attention-base:lab(48.4136% 15.4963 54.4339);--ids-color-text-attention-faded:lab(40.3825% 13.3977 47.2814);--ids-color-text-critical-base:lab(48.9224% 71.0533 33.7629);--ids-color-text-critical-faded:lab(40.7732% 62.087 28.9054);--ids-color-text-neutral-emphasis:lab(100% 0 0);--ids-color-text-neutral-primary:lab(12.2371% .0070408 -2.25816);--ids-color-text-neutral-secondary:lab(32.0457% -.837266 -4.75932);--ids-color-text-neutral-tertiary:lab(39.9415% -1.2762 -6.16004);--ids-color-text-neutral-disabled:lab(71.9356% -.923872 -3.62363);--ids-color-static-black:lab(0% 0 0);--ids-color-static-white:lab(100% 0 0);--ids-color-static-accent:lab(47.9563% -34.9245 6.19844);--ids-color-glow-hue:lab(0% 0 0);--ids-shadow-surface-xs:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.08),inset 0px 0px 0px 1px lab(100% 0 0/.04),0px 1px 1px -.5px lab(0% 0 0/.04);--ids-shadow-surface-sm:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.08),inset 0px 0px 0px 1px lab(100% 0 0/.04),0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04);--ids-shadow-surface-md:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.04),inset 0px 0px 0px 1px lab(100% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04),0px 6px 6px -3px lab(0% 0 0/.04);--ids-shadow-surface-lg:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.08),inset 0px 0px 0px 1px lab(100% 0 0/.04),0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04),0px 6px 6px -3px lab(0% 0 0/.04),0px 12px 12px -6px lab(0% 0 0/.04);--ids-shadow-surface-xl:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.08),inset 0px 0px 0px 1px lab(100% 0 0/.04),0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04),0px 6px 6px -3px lab(0% 0 0/.04),0px 12px 12px -6px lab(0% 0 0/.04),0px 24px 24px -12px lab(0% 0 0/.04);--ids-shadow-button-base-drop:0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04);--ids-shadow-button-base-inset:inset 0px -1px 0px 0px lab(0% 0 0/.08);--ids-shadow-input-base:inset 0px 1px 1px 0px lab(0% 0 0/.04),inset 0px 2px 4px 0px lab(0% 0 0/.04);--ids-shadow-tooltip-base:0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04),0px 6px 6px -3px lab(0% 0 0/.04),0px 12px 12px -6px lab(0% 0 0/.04);--ids-shadow-toolbar-base:0px 1px 0px 0px lab(0% 0 0/.04),0px 0px 0px 1px lab(0% 0 0/.8),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.04),0px 3px 3px -1.5px lab(0% 0 0/.04),0px 6px 6px -3px lab(0% 0 0/.04),0px 12px 12px -6px lab(0% 0 0/.04),0px 24px 24px -12px lab(0% 0 0/.04)}}html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark]){--ids-color-border-shadow-base:#ffffff14;--ids-color-border-shadow-strong:#ffffff29}@supports (color:lab(0% 0 0)){html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark]){--ids-color-border-shadow-base:lab(100% 0 0/.08);--ids-color-border-shadow-strong:lab(100% 0 0/.16)}}:is(html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark])){--ids-color-bg-mono-base:#6b737d;--ids-color-bg-mono-muted:#36393f;--ids-color-bg-mono-faded:#969ca4;--ids-color-bg-accent-base:#188166;--ids-color-bg-accent-muted:#0d4133;--ids-color-bg-accent-faded:#61a896;--ids-color-bg-info-base:#0470dd;--ids-color-bg-info-muted:#033970;--ids-color-bg-info-faded:#589fe9;--ids-color-bg-positive-base:#228404;--ids-color-bg-positive-muted:#114302;--ids-color-bg-positive-faded:#68ab53;--ids-color-bg-attention-base:#9a6804;--ids-color-bg-attention-muted:#4e3402;--ids-color-bg-attention-faded:#c6922c;--ids-color-bg-critical-base:#df1c41;--ids-color-bg-critical-muted:#730e22;--ids-color-bg-critical-faded:#ec768d;--ids-color-bg-page-depth:#1b1c1e;--ids-color-bg-page-base:#1f2023;--ids-color-bg-page-zebra:#0000000a;--ids-color-bg-elevation-base:#24262a;--ids-color-bg-elevation-emphasis:#090a0b;--ids-color-bg-elevation-control:#1f2023;--ids-color-bg-elevation-level-1:#2b2d33;--ids-color-bg-elevation-overlay:#111213;--ids-color-bg-elevation-level-2:#31343c;--ids-color-bg-elevation-scrollbar-surface:#ffffff52;--ids-color-bg-elevation-scrollbar-canvas:#0000007a;--ids-color-bg-neutral-base:#36393f;--ids-color-bg-neutral-muted:#31343c;--ids-color-bg-neutral-faded:#585f68;--ids-color-bg-neutral-inverse:#fbfcfd;--ids-color-bg-glow-base-hover-\%:4.0%;--ids-color-bg-glow-base-pressed-\%:8.0%;--ids-color-bg-glow-on-surface-accent-hover:#1881661f;--ids-color-bg-glow-on-surface-accent-pressed:#18816629;--ids-color-bg-glow-on-surface-neutral-hover:#ffffff0a;--ids-color-bg-glow-on-surface-neutral-pressed:#ffffff14;--ids-color-bg-glow-on-surface-critical-pressed:#df1c4129;--ids-color-bg-glow-on-surface-critical-hover:#df1c411f;--ids-color-bg-glow-on-surface-disabled:#ffffff0a;--ids-color-bg-glow-strong-pressed-\%:16.0%;--ids-color-bg-glow-strong-hover-\%:8.0%;--ids-color-icon-neutral-hover:#fbfcfd;--ids-color-icon-neutral-base:#acb1b7;--ids-color-icon-neutral-secondary:#808791;--ids-color-icon-neutral-tertiary:#6b737d;--ids-color-icon-neutral-disabled:#585f68;--ids-color-icon-neutral-emphasis:#fff;--ids-color-icon-neutral-muted:#585f68;--ids-color-icon-accent-base:#61a896;--ids-color-icon-accent-strong:#06fac2;--ids-color-icon-accent-faded:#84bcad;--ids-color-icon-info-base:#589fe9;--ids-color-icon-info-faded:#7eb5ee;--ids-color-icon-positive-base:#68ab53;--ids-color-icon-positive-faded:#8abe7a;--ids-color-icon-attention-base:#c6922c;--ids-color-icon-attention-faded:#d3ab5b;--ids-color-icon-critical-base:#ec768d;--ids-color-icon-critical-faded:#f097a9;--ids-color-icon-mono-base:#969ca4;--ids-color-icon-mono-faded:#acb1b7;--ids-color-icon-glow-base-hover-\%:8.0%;--ids-color-icon-glow-base-pressed-\%:12.0%;--ids-color-icon-glow-strong-hover-\%:16.0%;--ids-color-icon-glow-strong-pressed-\%:24.0%;--ids-color-border-mono-base:#808791;--ids-color-border-mono-faded:#b8bdc1;--ids-color-border-mono-muted:#474c53;--ids-color-border-accent-base:#3d957e;--ids-color-border-accent-faded:#a7cfc4;--ids-color-border-accent-muted:#125544;--ids-color-border-accent-strong:#06fac2;--ids-color-border-info-base:#3088e4;--ids-color-border-info-faded:#a3caf3;--ids-color-border-info-muted:#024a93;--ids-color-border-positive-base:#46982c;--ids-color-border-positive-muted:#175801;--ids-color-border-positive-faded:#acd1a0;--ids-color-border-attention-base:#b67a02;--ids-color-border-attention-muted:#664502;--ids-color-border-attention-faded:#dfc38a;--ids-color-border-critical-base:#e7516e;--ids-color-border-critical-muted:#96122c;--ids-color-border-critical-faded:#f5b6c2;--ids-color-border-glow-base-hover-\%:8.0%;--ids-color-border-glow-base-pressed-\%:12.0%;--ids-color-border-glow-base-default:#ffffff14;--ids-color-border-glow-on-surface-faded:#ffffff0a;--ids-color-border-glow-on-surface-disabled:#ffffff14;--ids-color-border-glow-strong-hover-\%:16.0%;--ids-color-border-glow-strong-pressed-\%:24.0%;--ids-color-border-glow-strong-default:#ffffff29;--ids-color-border-neutral-base:#474c53;--ids-color-border-neutral-muted:#31343c;--ids-color-border-neutral-faded:#808791;--ids-color-border-neutral-inverse:#fbfcfd;--ids-color-border-neutral-disabled:#585f68;--ids-color-border-elevation-base:#000000a3;--ids-color-border-elevation-scrollbar-canvas:#ffffff3d;--ids-color-border-page-base:#ffffff14;--ids-color-border-page-depth:#ffffff14;--ids-color-text-mono-base:#969ca4;--ids-color-text-mono-faded:#acb1b7;--ids-color-text-accent-base:#61a896;--ids-color-text-accent-faded:#84bcad;--ids-color-text-accent-strong:#06fac2;--ids-color-text-info-base:#589fe9;--ids-color-text-info-faded:#7eb5ee;--ids-color-text-positive-base:#68ab53;--ids-color-text-positive-faded:#8abe7a;--ids-color-text-attention-base:#c6922c;--ids-color-text-attention-faded:#d3ab5b;--ids-color-text-critical-base:#ec768d;--ids-color-text-critical-faded:#f097a9;--ids-color-text-neutral-emphasis:#fff;--ids-color-text-neutral-primary:#fbfcfd;--ids-color-text-neutral-secondary:#b8bdc1;--ids-color-text-neutral-tertiary:#969ca4;--ids-color-text-neutral-disabled:#585f68;--ids-color-text-glow-base-hover-\%:8.0%;--ids-color-text-glow-base-pressed-\%:12.0%;--ids-color-text-glow-strong-hover-\%:16.0%;--ids-color-text-glow-strong-pressed-\%:24.0%;--ids-color-static-black:#000;--ids-color-static-white:#fff;--ids-color-static-accent:#188166;--ids-color-glow-hue:#fff;--ids-shadow-surface-xs:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029;--ids-shadow-surface-sm:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029;--ids-shadow-surface-md:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,0px 1px 1px -.5px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029;--ids-shadow-surface-lg:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029;--ids-shadow-surface-xl:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029,0px 24px 24px -12px #00000029;--ids-shadow-button-base-drop:0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029;--ids-shadow-button-base-inset:inset 0px -1px 0px 0px #00000014;--ids-shadow-input-base:inset 0px 1px 2px 0px #00000029,inset 0px 2px 4px 0px #00000029;--ids-shadow-tooltip-base:0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029;--ids-shadow-toolbar-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #000c,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029,0px 24px 24px -12px #00000029}@supports (color:lab(0% 0 0)){:is(html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark])){--ids-color-bg-mono-base:lab(48.0166% -1.43915 -6.5074);--ids-color-bg-mono-muted:lab(23.8534% -.214189 -4.11189);--ids-color-bg-mono-faded:lab(64.054% -1.04737 -5.12308);--ids-color-bg-accent-base:lab(47.9563% -34.9245 6.19844);--ids-color-bg-accent-muted:lab(23.9375% -20.5725 3.46543);--ids-color-bg-accent-faded:lab(63.8151% -26.6434 1.96097);--ids-color-bg-info-base:lab(47.0129% 6.89358 -64.3085);--ids-color-bg-info-muted:lab(23.4622% 1.99829 -36.9401);--ids-color-bg-info-faded:lab(63.3151% -5.85896 -44.7124);--ids-color-bg-positive-base:lab(48.1335% -44.6409 49.5307);--ids-color-bg-positive-muted:lab(24.1751% -26.9395 30.542);--ids-color-bg-positive-faded:lab(63.9985% -35.01 38.0049);--ids-color-bg-attention-base:lab(48.4136% 15.4963 54.4339);--ids-color-bg-attention-muted:lab(24.1971% 8.78102 32.5961);--ids-color-bg-attention-faded:lab(64.4222% 13.6025 58.3401);--ids-color-bg-critical-base:lab(48.9224% 71.0533 33.7629);--ids-color-bg-critical-muted:lab(24.3988% 42.8858 18.0549);--ids-color-bg-critical-faded:lab(64.3708% 48.1797 9.98121);--ids-color-bg-page-depth:lab(10.0967% .00226498 -1.88369);--ids-color-bg-page-base:lab(12.2371% .0070408 -2.25816);--ids-color-bg-page-zebra:lab(0% 0 0/.04);--ids-color-bg-elevation-base:lab(15.1837% .021562 -3.00464);--ids-color-bg-elevation-emphasis:lab(2.6968% -.176921 -.525138);--ids-color-bg-elevation-control:lab(12.2371% .0070408 -2.25816);--ids-color-bg-elevation-level-1:lab(18.4603% .0535101 -4.11964);--ids-color-bg-elevation-overlay:lab(5.39981% -.273019 -.834915);--ids-color-bg-elevation-level-2:lab(21.7713% .0931919 -5.2314);--ids-color-bg-elevation-scrollbar-surface:lab(100% 0 0/.32);--ids-color-bg-elevation-scrollbar-canvas:lab(0% 0 0/.48);--ids-color-bg-neutral-base:lab(23.8534% -.214189 -4.11189);--ids-color-bg-neutral-muted:lab(21.7713% .0931919 -5.2314);--ids-color-bg-neutral-faded:lab(39.9415% -1.2762 -6.16004);--ids-color-bg-neutral-inverse:lab(98.9092% -.247031 -.706732);--ids-color-bg-glow-on-surface-accent-hover:lab(47.9563% -34.9245 6.19844/.12);--ids-color-bg-glow-on-surface-accent-pressed:lab(47.9563% -34.9245 6.19844/.16);--ids-color-bg-glow-on-surface-neutral-hover:lab(100% 0 0/.04);--ids-color-bg-glow-on-surface-neutral-pressed:lab(100% 0 0/.08);--ids-color-bg-glow-on-surface-critical-pressed:lab(48.9224% 71.0533 33.7629/.16);--ids-color-bg-glow-on-surface-critical-hover:lab(48.9224% 71.0533 33.7629/.12);--ids-color-bg-glow-on-surface-disabled:lab(100% 0 0/.04);--ids-color-icon-neutral-hover:lab(98.9092% -.247031 -.706732);--ids-color-icon-neutral-base:lab(71.9356% -.923872 -3.62363);--ids-color-icon-neutral-secondary:lab(55.9762% -1.06928 -6.24512);--ids-color-icon-neutral-tertiary:lab(48.0166% -1.43915 -6.5074);--ids-color-icon-neutral-disabled:lab(39.9415% -1.2762 -6.16004);--ids-color-icon-neutral-emphasis:lab(100% 0 0);--ids-color-icon-neutral-muted:lab(39.9415% -1.2762 -6.16004);--ids-color-icon-accent-base:lab(63.8151% -26.6434 1.96097);--ids-color-icon-accent-strong:lab(87.9135% -61.1161 12.4515);--ids-color-icon-accent-faded:lab(72.0306% -21.3089 1.44627);--ids-color-icon-info-base:lab(63.3151% -5.85896 -44.7124);--ids-color-icon-info-faded:lab(71.5249% -7.08985 -34.6622);--ids-color-icon-positive-base:lab(63.9985% -35.01 38.0049);--ids-color-icon-positive-faded:lab(72.0603% -27.3667 28.6884);--ids-color-icon-attention-base:lab(64.4222% 13.6025 58.3401);--ids-color-icon-attention-faded:lab(72.4404% 8.26526 46.2542);--ids-color-icon-critical-base:lab(64.3708% 48.1797 9.98121);--ids-color-icon-critical-faded:lab(72.2102% 36.0258 5.42828);--ids-color-icon-mono-base:lab(64.054% -1.04737 -5.12308);--ids-color-icon-mono-faded:lab(71.9356% -.923872 -3.62363);--ids-color-border-mono-base:lab(55.9762% -1.06928 -6.24512);--ids-color-border-mono-faded:lab(76.2989% -1.2362 -2.68073);--ids-color-border-mono-muted:lab(32.0457% -.837266 -4.75932);--ids-color-border-accent-base:lab(55.9371% -32.0364 3.90248);--ids-color-border-accent-faded:lab(79.9997% -15.3805 .888169);--ids-color-border-accent-muted:lab(31.7715% -24.8213 3.70236);--ids-color-border-accent-strong:lab(87.9135% -61.1161 12.4515);--ids-color-border-info-base:lab(55.0934% -1.51214 -54.9444);--ids-color-border-info-faded:lab(79.5683% -6.13773 -24.6515);--ids-color-border-info-muted:lab(31.1021% 4.10384 -46.6708);--ids-color-border-positive-base:lab(56.1124% -41.2107 46.1777);--ids-color-border-positive-muted:lab(32.2353% -32.9313 37.368);--ids-color-border-positive-faded:lab(80.1967% -19.5707 20.2529);--ids-color-border-attention-base:lab(56.4461% 18.5372 61.9135);--ids-color-border-attention-muted:lab(32.3185% 10.6467 40.4656);--ids-color-border-attention-faded:lab(80.2272% 4.41358 32.3333);--ids-color-border-critical-base:lab(56.7098% 60.1448 17.1741);--ids-color-border-critical-muted:lab(32.6435% 52.4911 23.3912);--ids-color-border-critical-faded:lab(80.2428% 24.9421 3.36735);--ids-color-border-glow-base-default:lab(100% 0 0/.08);--ids-color-border-glow-on-surface-faded:lab(100% 0 0/.04);--ids-color-border-glow-on-surface-disabled:lab(100% 0 0/.08);--ids-color-border-glow-strong-default:lab(100% 0 0/.16);--ids-color-border-neutral-base:lab(32.0457% -.837266 -4.75932);--ids-color-border-neutral-muted:lab(21.7713% .0931919 -5.2314);--ids-color-border-neutral-faded:lab(55.9762% -1.06928 -6.24512);--ids-color-border-neutral-inverse:lab(98.9092% -.247031 -.706732);--ids-color-border-neutral-disabled:lab(39.9415% -1.2762 -6.16004);--ids-color-border-elevation-base:lab(0% 0 0/.64);--ids-color-border-elevation-scrollbar-canvas:lab(100% 0 0/.24);--ids-color-border-page-base:lab(100% 0 0/.08);--ids-color-border-page-depth:lab(100% 0 0/.08);--ids-color-text-mono-base:lab(64.054% -1.04737 -5.12308);--ids-color-text-mono-faded:lab(71.9356% -.923872 -3.62363);--ids-color-text-accent-base:lab(63.8151% -26.6434 1.96097);--ids-color-text-accent-faded:lab(72.0306% -21.3089 1.44627);--ids-color-text-accent-strong:lab(87.9135% -61.1161 12.4515);--ids-color-text-info-base:lab(63.3151% -5.85896 -44.7124);--ids-color-text-info-faded:lab(71.5249% -7.08985 -34.6622);--ids-color-text-positive-base:lab(63.9985% -35.01 38.0049);--ids-color-text-positive-faded:lab(72.0603% -27.3667 28.6884);--ids-color-text-attention-base:lab(64.4222% 13.6025 58.3401);--ids-color-text-attention-faded:lab(72.4404% 8.26526 46.2542);--ids-color-text-critical-base:lab(64.3708% 48.1797 9.98121);--ids-color-text-critical-faded:lab(72.2102% 36.0258 5.42828);--ids-color-text-neutral-emphasis:lab(100% 0 0);--ids-color-text-neutral-primary:lab(98.9092% -.247031 -.706732);--ids-color-text-neutral-secondary:lab(76.2989% -1.2362 -2.68073);--ids-color-text-neutral-tertiary:lab(64.054% -1.04737 -5.12308);--ids-color-text-neutral-disabled:lab(39.9415% -1.2762 -6.16004);--ids-color-static-black:lab(0% 0 0);--ids-color-static-white:lab(100% 0 0);--ids-color-static-accent:lab(47.9563% -34.9245 6.19844);--ids-color-glow-hue:lab(100% 0 0);--ids-shadow-surface-xs:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.16),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.16);--ids-shadow-surface-sm:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.16),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16);--ids-shadow-surface-md:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.16),0px 1px 1px -.5px lab(0% 0 0/.16),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 3px 3px -1.5px lab(0% 0 0/.16),0px 6px 6px -3px lab(0% 0 0/.16);--ids-shadow-surface-lg:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.16),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16),0px 6px 6px -3px lab(0% 0 0/.16),0px 12px 12px -6px lab(0% 0 0/.16);--ids-shadow-surface-xl:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.16),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16),0px 6px 6px -3px lab(0% 0 0/.16),0px 12px 12px -6px lab(0% 0 0/.16),0px 24px 24px -12px lab(0% 0 0/.16);--ids-shadow-button-base-drop:0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16);--ids-shadow-button-base-inset:inset 0px -1px 0px 0px lab(0% 0 0/.08);--ids-shadow-input-base:inset 0px 1px 2px 0px lab(0% 0 0/.16),inset 0px 2px 4px 0px lab(0% 0 0/.16);--ids-shadow-tooltip-base:0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16),0px 6px 6px -3px lab(0% 0 0/.16),0px 12px 12px -6px lab(0% 0 0/.16);--ids-shadow-toolbar-base:0px 1px 0px 0px lab(0% 0 0/.08),0px 0px 0px 1px lab(0% 0 0/.8),inset 0px 0px 0px 1px lab(100% 0 0/.08),0px 1px 1px -.5px lab(0% 0 0/.16),0px 3px 3px -1.5px lab(0% 0 0/.16),0px 6px 6px -3px lab(0% 0 0/.16),0px 12px 12px -6px lab(0% 0 0/.16),0px 24px 24px -12px lab(0% 0 0/.16)}}:root,:host{--ids-font-family-sans:"InterVariable","Noto Sans","Open Sans",sans-serif;--ids-font-family-mono:"Geist Mono","Noto Sans Mono",ui-monospace,"Segoe UI Mono",Consolas,monospace}:is(:root,:host){--ids-font-size-8:.5rem;--ids-font-size-10:.625rem;--ids-font-size-11:.6875rem;--ids-font-size-12:.75rem;--ids-font-size-14:.875rem;--ids-font-size-16:1rem;--ids-font-size-20:1.25rem;--ids-font-size-24:1.5rem;--ids-font-size-28:1.75rem;--ids-font-size-32:2rem;--ids-font-size-40:2.5rem;--ids-font-size-48:3rem}.🥝-root:where([data-kiwi-density=dense]){font-size:var(--ids-font-size-12);letter-spacing:0;line-height:1.3333}html{background-color:var(--ids-color-bg-page-base)}body{font-size:var(--ids-font-size-14);letter-spacing:0;line-height:1.4286}:is(body,.🥝-root){font-family:var(--ids-font-family-sans);color:var(--ids-color-text-neutral-primary)}:focus-visible{outline:2px solid var(--ids-color-border-accent-strong);outline-offset:1px}}`,AF=dF,fF=String.raw`@layer itwinui.components.base,itwinui.components.modifiers,itwinui.components.states;@layer itwinui.components{@layer base{.🥝-icon{width:var(--🥝icon-size);height:var(--🥝icon-size);color:var(--🥝icon-color);flex-shrink:0;transition:color .15s ease-out}}@layer modifiers{.🥝-icon:where([data-kiwi-size=regular]){--🥝icon-size:1rem}.🥝-icon:where([data-kiwi-size=large]){--🥝icon-size:1.5rem}}@layer base{.🥝-disclosure-arrow{rotate:var(--🥝disclosure-arrow-rotate);margin-inline-end:-8px}@media (prefers-reduced-motion:no-preference){.🥝-disclosure-arrow{transition:rotate .15s ease-in-out}}}@layer base{.🥝-anchor{cursor:pointer;font-size:var(--ids-font-size-12);text-underline-offset:.25ex;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;color:var(--🥝anchor-color);border-radius:4px;font-weight:500;transition:color .15s ease-out,text-decoration-color .15s ease-out}.🥝-anchor:where(button){background:0 0;border:none}}@layer modifiers{.🥝-anchor:where([data-kiwi-tone=neutral]){--🥝anchor-color:var(--ids-color-text-neutral-primary)}.🥝-anchor:where([data-kiwi-tone=accent]){--🥝anchor-color:var(--ids-color-text-accent-strong)}.🥝-anchor:where([data-kiwi-tone=critical]){--🥝anchor-color:var(--ids-color-text-critical-base)}.🥝-anchor:where([data-kiwi-tone=critical]):focus-visible{outline-color:var(--🥝anchor-color)}}@layer states{@media (any-hover:hover){.🥝-anchor:where(:hover){text-decoration-color:#0000}}.🥝-anchor:where(:active){text-decoration-color:#0000}.🥝-anchor:where([disabled],:disabled,[aria-disabled=true]){--🥝anchor-color-text:var(--ids-color-text-neutral-disabled);cursor:not-allowed;text-decoration-color:#0000}}@layer base{.🥝-button{white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1.2;font-size:var(--ids-font-size-12);block-size:1.5rem;padding-inline:var(--🥝button-padding-inline,12px);background-color:var(--🥝button-background-color);color:var(--🥝button-color,var(--ids-color-text-neutral-primary));-webkit-tap-highlight-color:color-mix(in oklch,var(--🥝button-bg--solid-default)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-pressed-\%));--🥝icon-color:var(--🌀button-state--default,var(--ids-color-icon-neutral-base))var(--🌀button-state--hover,var(--ids-color-icon-neutral-hover))var(--🌀button-state--pressed,var(--ids-color-icon-neutral-hover))var(--🌀button-state--active,var(--ids-color-icon-accent-strong))var(--🌀button-state--disabled,var(--ids-color-icon-neutral-disabled));border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:background-color .15s ease-out;display:inline-flex}@media (forced-colors:active){.🥝-button{color:buttontext;--🥝icon-color:ButtonText;background-color:buttonface;border:1px solid buttonborder}}}@layer modifiers{.🥝-button:where([data-kiwi-variant=solid]){--🥝button-background-color:var(--🌀button-state--default,var(--🥝button-bg--solid-default))var(--🌀button-state--hover,color-mix(in oklch,var(--🥝button-bg--solid-default)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,var(--🥝button-bg--solid-default)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-pressed-\%)))var(--🌀button-state--disabled,var(--ids-color-bg-glow-on-surface-disabled));box-shadow:var(--🌀button-state--default,var(--ids-shadow-button-base-inset),0px 0px 0px 1px var(--🥝button-border-color)inset,var(--ids-shadow-button-base-drop))var(--🌀button-state--hover,var(--ids-shadow-button-base-inset),0px 0px 0px 1px var(--🥝button-border-color)inset,var(--ids-shadow-button-base-drop))var(--🌀button-state--pressed,0px 0px 0px 1px var(--🥝button-border-color)inset)var(--🌀button-state--disabled,none)}.🥝-button:where([data-kiwi-variant=solid]):where([data-kiwi-tone=neutral]){--🥝button-bg--solid-default:var(--ids-color-bg-neutral-base);--🥝button-border-color:var(--🌀button-state--default,var(--ids-color-border-shadow-base))var(--🌀button-state--hover,color-mix(in oklch,var(--ids-color-border-shadow-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,var(--ids-color-border-shadow-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-pressed-\%)))var(--🌀button-state--disabled,transparent)}.🥝-button:where([data-kiwi-variant=solid]):where([data-kiwi-tone=accent]){--🥝button-bg--solid-default:var(--ids-color-bg-accent-base);--🥝button-border-color:var(--🌀button-state--default,var(--ids-color-border-shadow-strong))var(--🌀button-state--hover,color-mix(in oklch,var(--ids-color-border-shadow-strong)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-strong-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,var(--ids-color-border-shadow-strong)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-strong-pressed-\%)))var(--🌀button-state--disabled,transparent);--🥝button-color:var(--ids-color-text-neutral-emphasis);--🥝icon-color:var(--🌀button-state--default,var(--ids-color-icon-neutral-emphasis))var(--🌀button-state--hover,var(--ids-color-icon-strong-hover))var(--🌀button-state--pressed,var(--ids-color-icon-neutral-hover))var(--🌀button-state--disabled,var(--ids-color-icon-neutral-disabled))}@media (forced-colors:active){.🥝-button:where([data-kiwi-variant=solid]):where([data-kiwi-tone=accent]){--🥝icon-color:ButtonText}}.🥝-button:where([data-kiwi-variant=outline]){--🥝button-background-color:var(--🌀button-state--default,transparent)var(--🌀button-state--hover,color-mix(in oklch,transparent 100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,transparent 100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-pressed-\%)))var(--🌀button-state--disabled,transparent);--🥝button-border-color:var(--🌀button-state--default,var(--ids-color-border-neutral-base))var(--🌀button-state--hover,color-mix(in oklch,var(--ids-color-border-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,var(--ids-color-border-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-pressed-\%)))var(--🌀button-state--disabled,var(--ids-color-border-glow-on-surface-disabled));box-shadow:0px 0px 0px 1px var(--🥝button-border-color)inset}.🥝-button:where([data-kiwi-variant=ghost]){--🥝button-background-color:var(--🌀button-state--default,transparent)var(--🌀button-state--hover,color-mix(in oklch,transparent 100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀button-state--pressed,color-mix(in oklch,transparent 100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-pressed-\%)))var(--🌀button-state--active,var(--ids-color-bg-glow-on-surface-accent-pressed))var(--🌀button-state--disabled,transparent)}}@layer states{@media (any-hover:hover){.🥝-button:where(:hover){--🌀button-state:var(--🌀button-state--hover)}}.🥝-button:where(:active){--🌀button-state:var(--🌀button-state--pressed)}.🥝-button:where([data-kiwi-variant=ghost][aria-pressed=true]){--🌀button-state:var(--🌀button-state--active)}@media (forced-colors:active){.🥝-button:where([data-kiwi-variant=ghost][aria-pressed=true]){color:selecteditemtext;--🥝icon-color:SelectedItemText;background-color:selecteditem}}.🥝-button:where([disabled],:disabled,[aria-disabled=true]){--🌀button-state:var(--🌀button-state--disabled);color:var(--ids-color-text-neutral-disabled);cursor:not-allowed}@media (forced-colors:active){.🥝-button:where([disabled],:disabled,[aria-disabled=true]){color:graytext;--🥝icon-color:GrayText;border-color:graytext}}}@layer base.🌀{.🥝-button{--🌀button-state:var(--🌀button-state--default);--🌀button-state--default:var(--🌀button-state, );--🌀button-state--hover:var(--🌀button-state, );--🌀button-state--pressed:var(--🌀button-state, );--🌀button-state--active:var(--🌀button-state, );--🌀button-state--disabled:var(--🌀button-state, )}}@layer base{.🥝-checkbox{--🥝checkbox-color-svg:var(--ids-color-icon-neutral-emphasis);--🥝checkbox-border-radius:4px;--🥝checkbox-unchecked-svg:url("data:image/svg+xml;utf8,");--🥝checkbox-checkmark-svg:url("data:image/svg+xml;utf8,");--🥝checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,");appearance:none;cursor:pointer;background-color:var(--🌀checkbox-visual-state--default,var(--ids-color-bg-neutral-base))var(--🌀checkbox-visual-state--hover,color-mix(in oklch,var(--ids-color-bg-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀checkbox-visual-state--checked,var(--ids-color-bg-accent-base))var(--🌀checkbox-visual-state--checked-hover,color-mix(in oklch,var(--ids-color-bg-accent-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-pressed-\%)))var(--🌀checkbox-visual-state--disabled,var(--ids-color-bg-glow-on-surface-disabled));border-radius:var(--🥝checkbox-border-radius);block-size:1rem;inline-size:1rem;color:var(--🌀checkbox-aria-state--unchecked,transparent)var(--🌀checkbox-aria-state--checked,var(--🥝checkbox-color-svg))var(--🌀checkbox-aria-state--indeterminate,var(--🥝checkbox-color-svg));box-shadow:var(--ids-shadow-button-base-inset),0px 0px 0px 1px var(--🥝checkbox-border-color)inset,var(--ids-shadow-button-base-drop);--🥝checkbox-border-color:var(--🌀checkbox-visual-state--default,var(--ids-color-border-shadow-base))var(--🌀checkbox-visual-state--hover,color-mix(in oklch,var(--ids-color-border-shadow-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-hover-\%)))var(--🌀checkbox-visual-state--checked,var(--ids-color-border-shadow-strong))var(--🌀checkbox-visual-state--checked-hover,color-mix(in oklch,var(--ids-color-border-shadow-strong)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-pressed-\%)))var(--🌀checkbox-visual-state--disabled,transparent);--🥝checkbox-mask-image:var(--🌀checkbox-aria-state--unchecked,var(--🥝checkbox-unchecked-svg))var(--🌀checkbox-aria-state--checked,var(--🥝checkbox-checkmark-svg))var(--🌀checkbox-aria-state--indeterminate,var(--🥝checkbox-indeterminate-svg));transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,--🥝checkbox-border-color .15s ease-out;position:relative}.🥝-checkbox:before,.🥝-checkbox:after{content:"";position:absolute;inset:0}.🥝-checkbox:before{inset:calc(.5rem - 12px)}.🥝-checkbox:after{-webkit-mask-image:var(--🥝checkbox-mask-image,initial);mask-image:var(--🥝checkbox-mask-image,initial);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (forced-colors:active){.🥝-checkbox:after{background-color:canvastext}}}@layer states{@media (forced-colors:active){.🥝-checkbox{border:1px solid canvastext}}@media (any-hover:hover){.🥝-checkbox:where(:hover){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--hover)}}.🥝-checkbox:where(:checked,[aria-checked=true]){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked);--🌀checkbox-aria-state:var(--🌀checkbox-aria-state--checked)}@media (any-hover:hover){.🥝-checkbox:where(:checked,[aria-checked=true]):where(:hover){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked-hover)}}.🥝-checkbox:where(:indeterminate,[aria-checked=mixed]){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked);--🌀checkbox-aria-state:var(--🌀checkbox-aria-state--indeterminate)}.🥝-checkbox:where([disabled],:disabled,[aria-disabled=true]){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--disabled);--🥝checkbox-color-svg:var(--ids-color-icon-neutral-disabled);cursor:not-allowed;box-shadow:none}@media (forced-colors:active){.🥝-checkbox:where([disabled],:disabled,[aria-disabled=true]){border-color:graytext}.🥝-checkbox:where([disabled],:disabled,[aria-disabled=true]):after{background-color:graytext}}}@layer base.🌀{.🥝-checkbox{--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--default);--🌀checkbox-visual-state--default:var(--🌀checkbox-visual-state, );--🌀checkbox-visual-state--hover:var(--🌀checkbox-visual-state, );--🌀checkbox-visual-state--checked:var(--🌀checkbox-visual-state, );--🌀checkbox-visual-state--checked-hover:var(--🌀checkbox-visual-state, );--🌀checkbox-visual-state--disabled:var(--🌀checkbox-visual-state, );--🌀checkbox-aria-state:var(--🌀checkbox-aria-state--unchecked);--🌀checkbox-aria-state--unchecked:var(--🌀checkbox-aria-state, );--🌀checkbox-aria-state--checked:var(--🌀checkbox-aria-state, );--🌀checkbox-aria-state--indeterminate:var(--🌀checkbox-aria-state, )}}@layer base{.🥝-chip{isolation:isolate;--🥝chip-padding-inline:.5rem;padding-inline:var(--🥝chip-padding-inline);border:none;border-radius:9999px;align-items:center;min-block-size:1.5rem;display:inline-flex;position:relative}}.🥝-chip:before{z-index:-1;content:"";border-radius:inherit;border:1px solid var(--ids-color-border-neutral-base);pointer-events:none;position:absolute;inset:0}@layer modifiers{.🥝-chip:where([data-kiwi-variant=solid]){background-color:var(--ids-color-bg-neutral-base)}.🥝-chip:where([data-kiwi-variant=outline]){background-color:var(--ids-color-bg-page-base)}}@layer base{.🥝-chip-dismiss-button.🥝-icon-button{border-radius:inherit;margin-inline-end:calc(-1*var(--🥝chip-padding-inline));position:relative}}@layer modifiers{.🥝-description.🥝-text:where([data-kiwi-tone=neutral]){color:var(--ids-color-text-neutral-tertiary)}.🥝-description.🥝-text:where([data-kiwi-tone=critical]){color:var(--ids-color-text-critical-base)}}.🥝-divider{background-color:var(--ids-color-border-neutral-muted);flex:none;align-self:stretch}@media (forced-colors:active){.🥝-divider{background-color:canvastext}}.🥝-divider:is(hr){border:none;margin:0}.🥝-divider:not([aria-orientation=vertical],[data-kiwi-orientation=vertical]){block-size:1px}.🥝-divider:is([aria-orientation=vertical],[data-kiwi-orientation=vertical]){min-block-size:100%;inline-size:1px}@layer base{.🥝-dropdown-menu{background-color:var(--ids-color-bg-elevation-level-1);min-inline-size:min(95vi,164px);box-shadow:var(--ids-shadow-surface-xl);border-radius:8px;flex-direction:column;padding:.5rem;display:flex}}@layer states{.🥝-dropdown-menu-button:where([aria-expanded=true]){--🥝disclosure-arrow-rotate:.5turn}}@layer base{.🥝-dropdown-menu-item.🥝-list-item{border-radius:4px}}@layer states{.🥝-dropdown-menu-item.🥝-list-item:where([role=menuitemcheckbox]:not([aria-checked=true])){--🥝dropdown-menu-checkmark-visibility:hidden}}@layer base{.🥝-dropdown-menu-checkmark{visibility:var(--🥝dropdown-menu-checkmark-visibility)}}@layer base{.🥝-dropdown-menu-item-shortcuts{margin-inline-start:.5rem}}@layer base{.🥝-icon-button.🥝-button{aspect-ratio:1;--🥝button-padding-inline:4px}}@layer base{.🥝-kbd{color:var(--ids-color-text-neutral-secondary);min-block-size:16px;font-family:inherit;font-weight:500;font-size:var(--ids-font-size-12);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;line-height:1.3333;display:inline-flex}}@layer modifiers{.🥝-kbd:where([data-kiwi-variant=solid],[data-kiwi-variant=muted]){background-color:var(--ids-color-bg-neutral-base);border-radius:4px;padding-inline:4px}.🥝-kbd:where([data-kiwi-variant=solid]){box-shadow:var(--ids-shadow-button-base-inset),0px 0px 0px 1px var(--ids-color-border-shadow-base)inset,var(--ids-shadow-button-base-drop)}.🥝-kbd:where([data-kiwi-variant=ghost]){color:var(--ids-color-text-neutral-tertiary)}}@layer base{.🥝-label{color:var(--ids-color-text-neutral-secondary);cursor:default;font-size:var(--ids-font-size-12)}.🥝-label:is(label){cursor:pointer}}@layer states{.🥝-label:has(+:where(:disabled,[disabled],[aria-disabled=true])){color:var(--ids-color-text-neutral-disabled)}.🥝-label:has(+:where(:disabled,[disabled],[aria-disabled=true])):is(label){cursor:not-allowed}}.🥝-radio.🥝-checkbox{--🥝checkbox-border-radius:9999px;--🥝checkbox-checkmark-svg:url("data:image/svg+xml;utf8,");--🥝checkbox-indeterminate-svg:var(--🥝checkbox-unchecked-svg)}@layer states{.🥝-radio.🥝-checkbox:where(:indeterminate){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--default)}}@layer base{.🥝-list-item{cursor:pointer;line-height:1.2;font-size:var(--ids-font-size-12);background-color:var(--🥝list-item-background-color);--🥝list-item-background-color:var(--🌀list-item-state--default,transparent)var(--🌀list-item-state--hover,var(--ids-color-bg-glow-on-surface-neutral-hover))var(--🌀list-item-state--pressed,var(--ids-color-bg-glow-on-surface-neutral-pressed))var(--🌀list-item-state--active,var(--ids-color-bg-glow-on-surface-accent-pressed))var(--🌀list-item-state--active-hover,var(--ids-color-bg-glow-on-surface-accent-pressed))var(--🌀list-item-state--disabled,transparent);min-block-size:1.75rem;color:var(--🌀list-item-state--default,var(--ids-color-text-neutral-primary))var(--🌀list-item-state--hover,var(--ids-color-text-neutral-primary))var(--🌀list-item-state--pressed,var(--ids-color-text-neutral-primary))var(--🌀list-item-state--active,var(--ids-color-text-accent-strong))var(--🌀list-item-state--active-hover,var(--ids-color-text-accent-strong))var(--🌀list-item-state--disabled,var(--ids-color-text-neutral-disabled));--🥝icon-color:var(--🌀list-item-state--default,var(--ids-color-icon-neutral-base))var(--🌀list-item-state--hover,var(--ids-color-icon-neutral-hover))var(--🌀list-item-state--pressed,var(--ids-color-icon-neutral-hover))var(--🌀list-item-state--active,var(--ids-color-icon-accent-strong))var(--🌀list-item-state--active-hover,var(--ids-color-icon-accent-strong))var(--🌀list-item-state--disabled,var(--ids-color-icon-neutral-disabled));align-items:center;gap:.25rem;padding-inline:.5rem;display:flex}}@layer states{@media (any-hover:hover){.🥝-list-item:where(:hover){--🌀list-item-state:var(--🌀list-item-state--hover)}}.🥝-list-item:where(:active){--🌀list-item-state:var(--🌀list-item-state--pressed)}.🥝-list-item:where([disabled],:disabled,[aria-disabled=true]){--🌀list-item-state:var(--🌀list-item-state--disabled);cursor:not-allowed}}@layer base.🌀{.🥝-list-item{--🌀list-item-state:var(--🌀list-item-state--default);--🌀list-item-state--default:var(--🌀list-item-state, );--🌀list-item-state--hover:var(--🌀list-item-state, );--🌀list-item-state--pressed:var(--🌀list-item-state, );--🌀list-item-state--active:var(--🌀list-item-state, );--🌀list-item-state--active-hover:var(--🌀list-item-state, );--🌀list-item-state--disabled:var(--🌀list-item-state, )}}.🥝-list-item-content{flex-grow:1}@layer base{.🥝-spinner{color:var(--🥝spinner-color);block-size:var(--🥝spinner-size);inline-size:var(--🥝spinner-size);display:inline-block}}@layer modifiers{.🥝-spinner:where([data-kiwi-tone=neutral]){--🥝spinner-color:var(--ids-color-icon-neutral-base)}.🥝-spinner:where([data-kiwi-tone=accent]){--🥝spinner-color:var(--ids-color-icon-accent-strong)}.🥝-spinner:where([data-kiwi-size=small]){--🥝spinner-size:1rem}.🥝-spinner:where([data-kiwi-size=medium]){--🥝spinner-size:1.5rem}.🥝-spinner:where([data-kiwi-size=large]){--🥝spinner-size:2rem}.🥝-spinner:where([data-kiwi-size=xlarge]){--🥝spinner-size:3rem}}@layer base{.🥝-spinner-svg{block-size:inherit;inline-size:inherit;fill:none;animation:1s linear infinite both --🥝spinner-spin}@media (prefers-reduced-motion){.🥝-spinner-svg{animation-duration:4s;animation-timing-function:steps(4,end)}}}@keyframes --🥝spinner-spin{to{rotate:360deg}}@layer base{.🥝-select-root:where(:has(select.🥝-select),[data-kiwi-has-select=true]){--🥝button-padding-inline:8px calc(4px + 16px + 4px);align-items:center;display:inline-grid}.🥝-select-root:where(:has(select.🥝-select),[data-kiwi-has-select=true])>*{grid-area:1/1/-1/-1}}@layer base{.🥝-select.🥝-button:where(select:not([multiple])){appearance:none}}@layer base{.🥝-select-arrow.🥝-disclosure-arrow{pointer-events:none;--🥝icon-color:var(--🌀select-arrow-state--default,var(--ids-color-icon-neutral-base))var(--🌀select-arrow-state--hover,var(--ids-color-icon-neutral-hover))var(--🌀select-arrow-state--disabled,var(--ids-color-icon-neutral-disabled));justify-self:end;margin-inline-end:4px}}@layer states{@media (any-hover:hover){:where(.🥝-select:hover)+.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--hover)}}:where(.🥝-select:disabled)+.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--disabled)}}@layer base.🌀{.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--default);--🌀select-arrow-state--default:var(--🌀select-arrow-state, );--🌀select-arrow-state--hover:var(--🌀select-arrow-state, );--🌀select-arrow-state--disabled:var(--🌀select-arrow-state, )}}@layer base{.🥝-switch{appearance:none;cursor:pointer;background-color:var(--🌀switch-state--default,var(--ids-color-bg-page-base))var(--🌀switch-state--hover,color-mix(in oklch,var(--ids-color-bg-page-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀switch-state--pressed,color-mix(in oklch,var(--ids-color-bg-page-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀switch-state--checked,var(--ids-color-bg-accent-base))var(--🌀switch-state--checked-hover,color-mix(in oklch,var(--ids-color-bg-accent-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-strong-hover-\%)))var(--🌀switch-state--disabled,var(--ids-color-bg-page-base));border:1px solid #0000;border-color:var(--🌀switch-state--default,var(--ids-color-border-neutral-base))var(--🌀switch-state--hover,color-mix(in oklch,var(--ids-color-border-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-hover-\%)))var(--🌀switch-state--pressed,color-mix(in oklch,var(--ids-color-border-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-pressed-\%)))var(--🌀switch-state--checked,color-mix(in oklch,var(--ids-color-bg-accent-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-strong-hover-\%)))var(--🌀switch-state--checked-hover,color-mix(in oklch,var(--ids-color-bg-accent-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-strong-hover-\%)))var(--🌀switch-state--disabled,var(--ids-color-border-glow-on-surface-disabled));border-radius:9999px;align-items:center;inline-size:2rem;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-grid;position:relative}.🥝-switch:before,.🥝-switch:after{content:"";grid-area:1/1/-1/-1;display:block}.🥝-switch:before{block-size:24px;inline-size:2rem;margin:-1px;position:absolute}.🥝-switch:after{aspect-ratio:var(--🥝switch-thumb-aspect-ratio);background-color:var(--🥝switch-thumb-color);block-size:1rem;box-shadow:var(--ids-shadow-button-base-inset),0px 0px 0px 1px var(--ids-color-border-shadow-base)inset,var(--ids-shadow-button-base-drop);justify-self:var(--🥝switch-thumb-placement);border-radius:9999px;margin:calc(.125rem - 1px)}@media (prefers-reduced-motion:no-preference){.🥝-switch:after{will-change:aspect-ratio;transition:aspect-ratio .15s ease-out}}@media (forced-colors:active){.🥝-switch:after{background-color:canvastext}}}@layer states{.🥝-switch{--🥝switch-thumb-color:var(--ids-color-bg-neutral-inverse);--🥝switch-thumb-placement:start;--🥝switch-thumb-aspect-ratio:1/1}@media (any-hover:hover){.🥝-switch:where(:hover){--🌀switch-state:var(--🌀switch-state--hover)}}.🥝-switch:where(:checked,[aria-checked=true]){--🌀switch-state:var(--🌀switch-state--checked);--🥝switch-thumb-placement:end}@media (any-hover:hover){.🥝-switch:where(:checked,[aria-checked=true]):where(:hover){--🌀switch-state:var(--🌀switch-state--checked-hover)}}.🥝-switch:where(:active){--🌀switch-state:var(--🌀switch-state--pressed);--🥝switch-thumb-aspect-ratio:1.75}.🥝-switch:where([disabled],:disabled,[aria-disabled=true]){--🌀switch-state:var(--🌀switch-state--disabled);--🥝switch-thumb-color:var(--ids-color-icon-neutral-disabled);cursor:not-allowed}.🥝-switch:where([disabled],:disabled,[aria-disabled=true]):after{box-shadow:none}}@layer base.🌀{.🥝-switch{--🌀switch-state:var(--🌀switch-state--default);--🌀switch-state--default:var(--🌀switch-state, );--🌀switch-state--hover:var(--🌀switch-state, );--🌀switch-state--pressed:var(--🌀switch-state, );--🌀switch-state--checked:var(--🌀switch-state, );--🌀switch-state--checked-hover:var(--🌀switch-state, );--🌀switch-state--disabled:var(--🌀switch-state, )}}@layer base{.🥝-table{flex-direction:column;display:flex}}@layer base{.🥝-table-header{color:var(--ids-color-text-neutral-secondary)}}@layer base{.🥝-table-body{flex-direction:column;display:flex}}@layer base{.🥝-table-row{border-block-end:1px solid var(--ids-color-border-neutral-muted);display:flex}}@layer base{:is(.🥝-table-caption,.🥝-table-cell){word-break:break-word;-webkit-hyphens:auto;hyphens:auto;align-items:center;column-gap:.5rem;min-block-size:3rem;padding:.5rem;display:flex}}@layer base{.🥝-table-cell{background-color:var(--🌀table-cell-state--default,var(--ids-color-bg-page-base))var(--🌀table-cell-state--hover,color-mix(in oklch,var(--ids-color-bg-page-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)));flex-grow:1;flex-basis:4rem;min-inline-size:4rem}}@layer states{@media (any-hover:hover){.🥝-table-cell:where(:hover){--🌀table-cell-state:var(--🌀table-cell-state--hover)}:where(.🥝-table-row:hover) .🥝-table-cell:where(:not([role=columnheader])){--🌀table-cell-state:var(--🌀table-cell-state--hover)}}}@layer base.🌀{.🥝-table-cell{--🌀table-cell-state:var(--🌀table-cell-state--default);--🌀table-cell-state--default:var(--🌀table-cell-state, );--🌀table-cell-state--hover:var(--🌀table-cell-state, )}}@layer base{.🥝-tab-list{--🥝tab-active-stripe-gap:6px;gap:8px;display:flex}}@layer modifiers{.🥝-tab-list[aria-orientation=horizontal]{padding-block-end:var(--🥝tab-active-stripe-gap)}}@layer base{.🥝-tab{font-size:var(--ids-font-size-12);color:var(--🥝tab-color);background-color:var(--🥝tab-bg);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;border:none;border-radius:4px;block-size:1.25rem;padding-inline:4px;transition:background-color .15s ease-out,color .15s ease-out;position:relative}@media (forced-colors:active){.🥝-tab{color:buttontext}}.🥝-tab:before{content:"";inset-inline:0;inset-block:0 calc(var(--🥝tab-active-stripe-gap)*-1);position:absolute}}@layer modifiers{:where(.🥝-tab-list[data-kiwi-tone=neutral]) .🥝-tab{--🥝tab-active-stripe-color:var(--ids-color-border-neutral-inverse);--🥝tab-bg:var(--🌀tab-state--default,transparent)var(--🌀tab-state--hover,var(--ids-color-bg-glow-on-surface-neutral-hover))var(--🌀tab-state--selected,transparent)var(--🌀tab-state--disabled,transparent);--🥝tab-color:var(--🌀tab-state--default,var(--ids-color-text-neutral-tertiary))var(--🌀tab-state--hover,var(--ids-color-text-neutral-primary))var(--🌀tab-state--selected,var(--ids-color-text-neutral-primary))var(--🌀tab-state--disabled,var(--ids-color-text-neutral-disabled));-webkit-tap-highlight-color:var(--ids-color-bg-glow-on-surface-neutral-hover)}:where(.🥝-tab-list[data-kiwi-tone=accent]) .🥝-tab{--🥝tab-active-stripe-color:var(--ids-color-border-accent-strong);--🥝tab-bg:var(--🌀tab-state--default,transparent)var(--🌀tab-state--hover,var(--ids-color-bg-glow-on-surface-accent-hover))var(--🌀tab-state--selected,transparent)var(--🌀tab-state--disabled,transparent);--🥝tab-color:var(--🌀tab-state--default,var(--ids-color-text-neutral-tertiary))var(--🌀tab-state--hover,var(--ids-color-text-accent-strong))var(--🌀tab-state--selected,var(--ids-color-text-accent-strong))var(--🌀tab-state--disabled,var(--ids-color-text-neutral-disabled));-webkit-tap-highlight-color:var(--ids-color-bg-glow-on-surface-accent-hover)}}@layer states{.🥝-tab:where([aria-selected=true]){--🌀tab-state:var(--🌀tab-state--selected)}.🥝-tab:where([aria-selected=true]):after{content:"";background-color:var(--🥝tab-active-stripe-color);block-size:2px;inset-inline:4px;inset-block:auto calc(var(--🥝tab-active-stripe-gap)*-1);position:absolute}@media (prefers-reduced-motion:no-preference){.🥝-tab:where([aria-selected=true]):after{view-transition-name:var(--🥝tab-active-stripe-view-transition-name)}}@media (forced-colors:active){.🥝-tab:where([aria-selected=true]):after{background-color:selecteditem}}@media (any-hover:hover){.🥝-tab:where(:hover){--🌀tab-state:var(--🌀tab-state--hover)}}.🥝-tab:where([disabled],:disabled,[aria-disabled=true]){--🌀tab-state:var(--🌀tab-state--disabled);--🥝tab-active-stripe-color:var(--ids-color-border-neutral-disabled);cursor:not-allowed}@media (forced-colors:active){.🥝-tab:where([disabled],:disabled,[aria-disabled=true]){color:graytext}.🥝-tab:where([disabled],:disabled,[aria-disabled=true]):after{background-color:graytext}}}@layer base.🌀{.🥝-tab{--🌀tab-state:var(--🌀tab-state--default);--🌀tab-state--default:var(--🌀tab-state, );--🌀tab-state--hover:var(--🌀tab-state, );--🌀tab-state--selected:var(--🌀tab-state, );--🌀tab-state--disabled:var(--🌀tab-state, )}}@layer base{.🥝-tab-panel{outline-offset:-2px}.🥝-tab-panel:not([data-open]){display:none!important}}@layer modifiers{.🥝-text:where([data-kiwi-text-variant=display-lg]){font-size:var(--ids-font-size-48);letter-spacing:0;line-height:1.1667}.🥝-text:where([data-kiwi-text-variant=display-md]){font-size:var(--ids-font-size-40);letter-spacing:0;line-height:1.2}.🥝-text:where([data-kiwi-text-variant=display-sm]){font-size:var(--ids-font-size-32);letter-spacing:0;line-height:1.25}.🥝-text:where([data-kiwi-text-variant=headline-lg]){font-size:var(--ids-font-size-28);letter-spacing:0;line-height:1.2857}.🥝-text:where([data-kiwi-text-variant=headline-md]){font-size:var(--ids-font-size-24);letter-spacing:0;line-height:1.3333}.🥝-text:where([data-kiwi-text-variant=headline-sm]){font-size:var(--ids-font-size-20);letter-spacing:0;line-height:1.4}.🥝-text:where([data-kiwi-text-variant=body-lg]){font-size:var(--ids-font-size-16);letter-spacing:0;line-height:1.5}.🥝-text:where([data-kiwi-text-variant=body-md]){font-size:var(--ids-font-size-14);letter-spacing:0;line-height:1.4286}.🥝-text:where([data-kiwi-text-variant=body-sm]){font-size:var(--ids-font-size-12);letter-spacing:0;line-height:1.3333}.🥝-text:where([data-kiwi-text-variant=caption-lg]){font-size:var(--ids-font-size-11);letter-spacing:0;line-height:1.4545}.🥝-text:where([data-kiwi-text-variant=caption-md]){font-size:var(--ids-font-size-10);letter-spacing:0;line-height:1.2}.🥝-text:where([data-kiwi-text-variant=caption-sm]){font-size:var(--ids-font-size-8);letter-spacing:0;line-height:1.5}.🥝-text:where([data-kiwi-text-variant=mono-sm]){font-family:var(--ids-font-family-mono);font-size:var(--ids-font-size-12);letter-spacing:0;line-height:1.3333}}@layer base{.🥝-text-box{cursor:var(--🥝text-box-cursor);font-size:var(--ids-font-size-12);background-color:var(--🥝text-box-background-color);min-block-size:1.5rem;min-inline-size:0;box-shadow:var(--ids-shadow-input-base);color:var(--ids-color-text-neutral-primary);--🥝text-box-cursor:text;--🥝text-box-background-color:var(--🌀text-box-state--default,var(--ids-color-bg-page-base))var(--🌀text-box-state--hover,color-mix(in oklch,var(--ids-color-bg-page-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-bg-glow-base-hover-\%)))var(--🌀text-box-state--disabled,var(--ids-color-bg-elevation-control));--🥝text-box-border-color:var(--🌀text-box-state--default,var(--ids-color-border-neutral-base))var(--🌀text-box-state--hover,color-mix(in oklch,var(--ids-color-border-neutral-base)100.0%,var(--ids-color-glow-hue)var(--ids-color-border-glow-base-hover-\%)))var(--🌀text-box-state--disabled,var(--ids-color-border-glow-on-surface-disabled));border-radius:4px;padding-inline:8px;transition:background-color .15s ease-out,border-color .15s ease-out}.🥝-text-box:where(:not(input,textarea)){align-items:center;gap:4px;display:inline-flex;position:relative}.🥝-text-box:where(:not(input,textarea)):before{content:"";border-radius:inherit;pointer-events:none;border:1px solid var(--🥝text-box-border-color);transition:border-color .15s ease-out;position:absolute;inset:0}.🥝-text-box:where(input,textarea),.🥝-text-box :where(input,textarea){appearance:none;border:1px solid var(--🥝text-box-border-color);min-inline-size:0;cursor:var(--🥝text-box-cursor);padding-block:max(0px,.75rem - 1px - .5lh);line-height:1.3}:is(.🥝-text-box:where(input,textarea),.🥝-text-box :where(input,textarea))::placeholder{color:var(--ids-color-text-neutral-secondary);opacity:1;-webkit-user-select:none;user-select:none}.🥝-text-box:where(textarea),.🥝-text-box :where(textarea){resize:vertical;resize:block}.🥝-text-box :where(input,textarea){background-color:var(--🥝text-box-background-color);outline:unset;border:none;flex:999;align-self:stretch;transition:background-color .15s ease-out}}@layer states{@media (any-hover:hover){.🥝-text-box:where(:hover){--🌀text-box-state:var(--🌀text-box-state--hover)}}.🥝-text-box:where(:has(:is(input,textarea):focus-visible),:is(input,textarea):focus-visible){outline:2px solid var(--ids-color-border-accent-base);outline-offset:1px;--🥝text-box-border-color:var(--ids-color-border-accent-strong);--🥝icon-color:var(--ids-color-icon-accent-strong)}@supports not selector(:has(+ *)){.🥝-text-box:where(:not(input,textarea):focus-within){outline:2px solid var(--ids-color-border-accent-base);outline-offset:1px;--🥝text-box-border-color:var(--ids-color-border-accent-strong);--🥝icon-color:var(--ids-color-icon-accent-strong)}}.🥝-text-box:where([disabled],:disabled,[aria-disabled=true],[data-kiwi-disabled=true],:has(:is(input,textarea):disabled)){--🌀text-box-state:var(--🌀text-box-state--disabled);box-shadow:none;color:var(--ids-color-text-neutral-disabled);--🥝text-box-cursor:not-allowed}}@layer base.🌀{.🥝-text-box{--🌀text-box-state:var(--🌀text-box-state--default);--🌀text-box-state--default:var(--🌀text-box-state, );--🌀text-box-state--hover:var(--🌀text-box-state, );--🌀text-box-state--disabled:var(--🌀text-box-state, )}}@layer base{.🥝-text-box-decoration{flex-shrink:0}}@layer base{.🥝-tooltip{background-color:var(--ids-color-bg-elevation-emphasis);box-shadow:var(--ids-shadow-tooltip-base);color:var(--ids-color-text-neutral-emphasis);border:1px solid var(--ids-color-border-elevation-base);min-block-size:1rem;max-inline-size:12.25rem;font-size:var(--ids-font-size-12);letter-spacing:0;border-radius:.25rem;justify-content:center;gap:.25rem;padding-block:calc(.25rem - 1px);padding-inline:calc(.625rem - 1px);line-height:1.3333;display:flex}}@layer base{.🥝-tree{background-color:var(--ids-color-bg-page-base);align-content:start;display:grid;overflow:auto}}@layer base{.🥝-tree-item{min-inline-size:max-content;position:relative}}@layer states{.🥝-tree-item:focus-visible{isolation:isolate;outline:none}.🥝-tree-item:focus-visible:before{content:"";z-index:1;pointer-events:none;outline:2px solid var(--ids-color-border-accent-strong);outline-offset:-1px;position:absolute;inset:0}@media (any-hover:hover){.🥝-tree-item:where(:not(:hover,:focus-within)){--🥝tree-item-action-visibility:hidden}}}@layer base{.🥝-tree-item-node.🥝-list-item{isolation:isolate;padding-inline-start:calc(8px + 6px*(var(--🥝tree-item-level) - 1));padding-inline-end:0;position:relative}}@layer states{.🥝-tree-item-node.🥝-list-item:where([data-kiwi-selected=true]){--🌀list-item-state:var(--🌀list-item-state--active)}.🥝-tree-item-node.🥝-list-item:where([data-kiwi-expanded=false]){--🥝tree-chevron-rotate:-.25turn}.🥝-tree-item-node.🥝-list-item:where(:not([data-kiwi-expanded])){--🥝tree-item-expander-visibility:hidden}}@layer base{.🥝-tree-item-content.🥝-list-item-content{white-space:nowrap}}@layer base{.🥝-tree-item-actions{background-color:var(--ids-color-bg-page-base);visibility:var(--🥝tree-item-actions-visibility,var(--🥝tree-item-action-visibility));padding-inline-end:4px;display:inline-flex;position:sticky;inset-inline-end:0}.🥝-tree-item-actions:before{content:"";background-color:var(--🥝list-item-background-color);z-index:-1;position:absolute;inset:0}}@layer modifiers{.🥝-tree-item-actions:where(:has(.🥝-tree-item-action[data-kiwi-visible=true])){--🥝tree-item-actions-visibility:visible}@supports not selector(:has(+ *)){.🥝-tree-item-actions{--🥝tree-item-actions-visibility:visible}}}@layer base{.🥝-tree-item-action.🥝-icon-button{visibility:var(--🥝tree-item-action-visibility)}}@layer modifiers{.🥝-tree-item-action.🥝-icon-button:where([data-kiwi-visible=false]){--🥝tree-item-action-visibility:hidden}.🥝-tree-item-action.🥝-icon-button:where([data-kiwi-visible=true]){--🥝tree-item-action-visibility:visible}}@layer base{.🥝-tree-item-expander.🥝-icon-button{visibility:var(--🥝tree-item-expander-visibility);z-index:1}}@layer base{.🥝-tree-chevron{rotate:var(--🥝tree-chevron-rotate)}@media (prefers-reduced-motion:no-preference){.🥝-tree-chevron{transition:rotate .15s ease-in-out}}}@layer base{.🥝-field{--🥝field-description-column:label-start/label-end;grid-template-columns:[label-start]auto[label-end control-start]auto[control-end];justify-content:start;align-items:center;gap:.5rem;display:grid}.🥝-field:where([data-kiwi-control-type=checkable][data-kiwi-label-placement=after]){grid-template-columns:[control-start]auto[control-end label-start]auto[label-end]}.🥝-field:where([data-kiwi-control-type=textlike]){--🥝field-description-column:control-start/control-end;align-items:baseline}.🥝-field:where([data-kiwi-control-type=textlike]):where(:not([data-kiwi-layout=inline])){grid-template-columns:[label-start control-start]auto[label-end control-end]}.🥝-field :where(.🥝-description){grid-column:var(--🥝field-description-column)}}}`,pF=fF;const Hd=typeof document<"u",BB=d.forwardRef;function DF(...e){return d.useCallback(o=>{for(const a of e)typeof a=="function"?a(o):a&&(a.current=o)},[...e])}const CF=AF+pF,mF=BB((e,o)=>{const{children:a,synchronizeColorScheme:i=!1,...s}=e;return _.jsxs(bF,{...s,ref:o,children:[_.jsx(EF,{}),_.jsx(hF,{}),i?_.jsx(BF,{colorScheme:e.colorScheme}):null,a]})}),EB=d.createContext(null);function Ud(){return d.useContext(EB)}const bF=BB((e,o)=>{const{children:a,colorScheme:i,density:s,...c}=e,[A,p]=d.useState(null),D=d.useCallback(C=>{if(!C)return;const m=C.getRootNode();!Gd(m)&&!gB(m)||p(m)},[]);return _.jsx(bB,{...c,className:V2("🥝-root",e.className),"data-kiwi-theme":i,"data-kiwi-density":s,ref:DF(o,D),children:_.jsx(EB.Provider,{value:A,children:a})})});function BF({colorScheme:e}){const o=Ud();return qd(()=>{if(o)if(Gd(o)){o.documentElement.dataset.colorScheme=e;const a=o.querySelector("meta[name='color-scheme']");a&&(a.content=e)}else gB(o)&&(o.host.dataset.colorScheme=e)},[o,e]),null}function EF(){const e=Ud();return qd(()=>{e&&gF(e,{css:CF})},[e]),null}const i3=new WeakMap;function gF(e,{css:o}){return{loaded:(()=>{if(!Hd)return!1;const i=hB(e),s=yB(e);if(!i||!s)return!1;if(!vF&&!e.querySelector("style[data-kiwi]")){const A=i.createElement("style");return A.dataset.kiwi="true",A.textContent=o,(e.head||e).appendChild(A),!0}const c=i3.get(s)||new s.CSSStyleSheet;return i3.has(s)||i3.set(s,c),c.replaceSync(o),e.adoptedStyleSheets.includes(c)||e.adoptedStyleSheets.push(c),!0})()}}function hF(){const e=Ud();return qd(()=>{e&&yF(e)},[e]),null}function yF(e){const o=yB(e);if(!o||Array.from(o.document.fonts).some(i=>i.family==="InterVariable"))return;const a={normal:"https://rsms.me/inter/font-files/InterVariable.woff2?v=4.1",italic:"https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.1"};for(const[i,s]of Object.entries(a)){const c=new o.FontFace("InterVariable",`url(${s}) format("woff2")`,{display:"swap",weight:"100 900",style:i});o.document.fonts.add(c)}}const vF=Hd&&"adoptedStyleSheets"in Document.prototype;function gB(e){return e instanceof ShadowRoot||(e==null?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE&&!!(e!=null&&e.host)}function Gd(e){return(e==null?void 0:e.nodeType)===Node.DOCUMENT_NODE}function hB(e){return(Gd(e)?e:e.ownerDocument)||null}function yB(e){const o=hB(e);return(o==null?void 0:o.defaultView)||null}const qd=Hd?d.useLayoutEffect:d.useEffect,xF=matchMedia("(prefers-color-scheme: dark)").matches,SF=({children:e})=>{var p,D,C,m;const{globalState:o,dispatch:a}=qv(),i=o.theme==="dark"?"dark":"light",s=(D=(p=o.control)==null?void 0:p["high-contrast"])==null?void 0:D.value,c=(m=(C=o.control)==null?void 0:C["future.themeBridge"])==null?void 0:m.value;d.useLayoutEffect(()=>{a({type:a7.UpdateTheme,value:r7[xF?"Dark":"Light"]})},[]),d.useLayoutEffect(()=>{document.documentElement.dataset.colorScheme=i,document.documentElement.dataset.iuiTheme=i,document.documentElement.dataset.iuiContrast=s?"high":"default"},[i,s,c]),d.useEffect(()=>{const b=new URLSearchParams(window.location.search),g=b.get("path");if(g&&!b.get("story")){const h=g.substring((g.indexOf("-")??0)+1);h&&(window.location.href=`${window.location.href}&story=${h}`)}},[]);const A={theme:i,themeOptions:{applyBackground:!1,highContrast:s},future:{themeBridge:c},children:e};return _.jsx(d.StrictMode,{children:c?_.jsx(ed,{as:mF,colorScheme:i,density:"dense",synchronizeColorScheme:!0,...A}):_.jsx(ed,{...A})})},wF={background:{control:{type:"background"},options:["var(--iui-color-background)","var(--iui-color-background-backdrop)"],defaultValue:"var(--iui-color-background-backdrop)"},"high-contrast":{control:{type:"boolean"},defaultValue:!1},"future.themeBridge":{control:{type:"boolean"},defaultValue:!1}},TF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"CustomIcon")}))),FF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Empty")}))),_F=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Informational")}))),kF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Negative")}))),RF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Positive")}))),IF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Sticky")}))),OF=d.lazy(()=>x(()=>import("./Alert.stories-D6UgjsK5.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:w(e,"Warning")}))),LF=d.lazy(()=>x(()=>import("./Anchor.stories-e_9WM9yL.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:w(e,"AsButton")}))),NF=d.lazy(()=>x(()=>import("./Anchor.stories-e_9WM9yL.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:w(e,"Basic")}))),MF=d.lazy(()=>x(()=>import("./Anchor.stories-e_9WM9yL.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:w(e,"External")}))),PF=d.lazy(()=>x(()=>import("./Anchor.stories-e_9WM9yL.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:w(e,"Underline")}))),zF=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"Basic")}))),$F=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"CustomStatusTranslation")}))),jF=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"Sizes")}))),VF=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"Statuses")}))),HF=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"WithIcon")}))),UF=d.lazy(()=>x(()=>import("./Avatar.stories-iCQhap1A.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:w(e,"WithImage")}))),GF=d.lazy(()=>x(()=>import("./AvatarGroup.stories-B0xclzEy.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:w(e,"Animated")}))),qF=d.lazy(()=>x(()=>import("./AvatarGroup.stories-B0xclzEy.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:w(e,"Basic")}))),WF=d.lazy(()=>x(()=>import("./AvatarGroup.stories-B0xclzEy.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:w(e,"ManyAvatars")}))),YF=d.lazy(()=>x(()=>import("./AvatarGroup.stories-B0xclzEy.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:w(e,"NonStacked")}))),XF=d.lazy(()=>x(()=>import("./AvatarGroup.stories-B0xclzEy.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:w(e,"WithTooltip")}))),ZF=d.lazy(()=>x(()=>import("./Badge.stories-Bke7kdb3.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:w(e,"Basic")}))),KF=d.lazy(()=>x(()=>import("./Badge.stories-Bke7kdb3.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:w(e,"LongLabel")}))),QF=d.lazy(()=>x(()=>import("./Badge.stories-Bke7kdb3.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:w(e,"Statuses")}))),JF=d.lazy(()=>x(()=>import("./Blockquote.stories-BpfkCDwH.js"),[],import.meta.url).then(e=>({default:w(e,"Basic")}))),e5=d.lazy(()=>x(()=>import("./Blockquote.stories-BpfkCDwH.js"),[],import.meta.url).then(e=>({default:w(e,"WithFooter")}))),t5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"Basic")}))),n5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"CustomOverflowBackButton")}))),o5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"CustomOverflowDropdown")}))),r5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"CustomSeparator")}))),a5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"FolderNavigation")}))),i5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"Links")}))),l5=d.lazy(()=>x(()=>import("./Breadcrumbs.stories-CXIeq6Zg.js"),__vite__mapDeps([13,14,15,16,17,18,4,5,19,20,21,22,23,24,25,26,27,28]),import.meta.url).then(e=>({default:w(e,"Overflow")}))),s5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"AsLink")}))),c5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"CallToAction")}))),u5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"Default")}))),d5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"HighVisibility")}))),A5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"Loading")}))),f5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"Stretch")}))),p5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"WithIcon")}))),D5=d.lazy(()=>x(()=>import("./Button.stories-02OB9Whf.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:w(e,"WithNotification")}))),C5=d.lazy(()=>x(()=>import("./ButtonGroup.stories-DM82UIT7.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,28,17,18,5]),import.meta.url).then(e=>({default:w(e,"InputButtonCombo")}))),m5=d.lazy(()=>x(()=>import("./ButtonGroup.stories-DM82UIT7.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,28,17,18,5]),import.meta.url).then(e=>({default:w(e,"Overflow")}))),b5=d.lazy(()=>x(()=>import("./ButtonGroup.stories-DM82UIT7.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,28,17,18,5]),import.meta.url).then(e=>({default:w(e,"Vertical")}))),B5=d.lazy(()=>x(()=>import("./ButtonGroup.stories-DM82UIT7.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,28,17,18,5]),import.meta.url).then(e=>({default:w(e,"VerticalOverflow")}))),E5=d.lazy(()=>x(()=>import("./ButtonGroup.stories-DM82UIT7.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,28,17,18,5]),import.meta.url).then(e=>({default:w(e,"WithIcons")}))),g5=d.lazy(()=>x(()=>import("./Carousel.stories-8eqXk3U0.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:w(e,"Basic")}))),h5=d.lazy(()=>x(()=>import("./Carousel.stories-8eqXk3U0.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:w(e,"Controlled")}))),y5=d.lazy(()=>x(()=>import("./Carousel.stories-8eqXk3U0.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:w(e,"OnlyDots")}))),v5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Basic")}))),x5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),S5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Indeterminate")}))),w5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Loading")}))),T5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Negative")}))),F5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Positive")}))),_5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Visibility")}))),k5=d.lazy(()=>x(()=>import("./Checkbox.stories-DaXDtHS7.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:w(e,"Warning")}))),R5=d.lazy(()=>x(()=>import("./Code.stories-gNoQmgbF.js"),__vite__mapDeps([40,37]),import.meta.url).then(e=>({default:w(e,"Basic")}))),I5=d.lazy(()=>x(()=>import("./ColorPicker.stories-Dg78jCWm.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:w(e,"Advanced")}))),O5=d.lazy(()=>x(()=>import("./ColorPicker.stories-Dg78jCWm.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:w(e,"Basic")}))),L5=d.lazy(()=>x(()=>import("./ColorPicker.stories-Dg78jCWm.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:w(e,"WithAlpha")}))),N5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"Basic")}))),M5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"Controlled")}))),P5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"CustomRenderer")}))),z5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"DisabledItems")}))),$5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"Loading")}))),j5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"MultipleSelect")}))),V5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"Virtualized")}))),H5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"WithCustomMessageIcon")}))),U5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"WithLabel")}))),G5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"WithMessage")}))),q5=d.lazy(()=>x(()=>import("./ComboBox.stories-DO8UER5R.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,58,59,39,18]),import.meta.url).then(e=>({default:w(e,"WithStatus")}))),W5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"Basic")}))),Y5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"Localized")}))),X5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"Range")}))),Z5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"SomeDatesDisabled")}))),K5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"WithCombinedTime")}))),Q5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"WithTime")}))),J5=d.lazy(()=>x(()=>import("./DatePicker.stories-C6vZkCpV.js"),__vite__mapDeps([60,61,62,63,36,19]),import.meta.url).then(e=>({default:w(e,"WithYear")}))),e_=d.lazy(()=>x(()=>import("./Dialog.stories-_09UuN72.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:w(e,"Basic")}))),t_=d.lazy(()=>x(()=>import("./Dialog.stories-_09UuN72.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:w(e,"DraggableAndResizable")}))),n_=d.lazy(()=>x(()=>import("./Dialog.stories-_09UuN72.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:w(e,"DraggableRelativeToContainer")}))),o_=d.lazy(()=>x(()=>import("./Dialog.stories-_09UuN72.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:w(e,"Modal")}))),r_=d.lazy(()=>x(()=>import("./Dialog.stories-_09UuN72.js"),__vite__mapDeps([64,17,18,65,43,22,37]),import.meta.url).then(e=>({default:w(e,"Placement")}))),a_=d.lazy(()=>x(()=>import("./DropdownButton.stories-D3CbIG1O.js"),__vite__mapDeps([66,25,17,18,20,21,22,23,24,26,27]),import.meta.url).then(e=>({default:w(e,"Basic")}))),i_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Basic")}))),l_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Submenu")}))),s_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithContent")}))),c_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithEndIcons")}))),u_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithSeparator")}))),d_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithStartIcons")}))),A_=d.lazy(()=>x(()=>import("./DropdownMenu.stories-Bc8CmdzN.js"),__vite__mapDeps([67,16,1,20,21,22,23,24,68,51,5,52,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithSublabels")}))),f_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"Accordion")}))),p_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"Basic")}))),D_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"Borderless")}))),C_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),m_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"Small")}))),b_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"StatusIcon")}))),B_=d.lazy(()=>x(()=>import("./ExpandableBlock.stories-DXMZqZNV.js"),__vite__mapDeps([69,3,24,19]),import.meta.url).then(e=>({default:w(e,"WithCaption")}))),E_=d.lazy(()=>x(()=>import("./Fieldset.stories-D1akHXc1.js"),__vite__mapDeps([70,71,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57,73,74,75]),import.meta.url).then(e=>({default:w(e,"Basic")}))),g_=d.lazy(()=>x(()=>import("./Fieldset.stories-D1akHXc1.js"),__vite__mapDeps([70,71,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57,73,74,75]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),h_=d.lazy(()=>x(()=>import("./FileUpload.stories-ChypoDsq.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:w(e,"CustomFileUploadCard")}))),y_=d.lazy(()=>x(()=>import("./FileUpload.stories-ChypoDsq.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:w(e,"DefaultFileUploadCard")}))),v_=d.lazy(()=>x(()=>import("./FileUpload.stories-ChypoDsq.js"),__vite__mapDeps([76,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,4]),import.meta.url).then(e=>({default:w(e,"WrappingInput")}))),x_=d.lazy(()=>x(()=>import("./Flex.stories-kUKedMCA.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:w(e,"Basic")}))),S_=d.lazy(()=>x(()=>import("./Flex.stories-kUKedMCA.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:w(e,"IndividualGaps")}))),w_=d.lazy(()=>x(()=>import("./Flex.stories-kUKedMCA.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:w(e,"WithFlexItem")}))),T_=d.lazy(()=>x(()=>import("./Flex.stories-kUKedMCA.js"),__vite__mapDeps([78,58]),import.meta.url).then(e=>({default:w(e,"WithSpacer")}))),F_=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"AppendedCustomElements")}))),__=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"Basic")}))),k_=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"BottomFixed")}))),R_=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"CustomContent")}))),I_=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"CustomizedDefaultAndCustomElements")}))),O_=d.lazy(()=>x(()=>import("./Footer.stories-DkI_Uii3.js"),__vite__mapDeps([79,4,5]),import.meta.url).then(e=>({default:w(e,"OnlyCustomElements")}))),L_=d.lazy(()=>x(()=>import("./Header.stories-DHPsFBCF.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,8,9,19,26,27,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:w(e,"Basic")}))),N_=d.lazy(()=>x(()=>import("./Header.stories-DHPsFBCF.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,8,9,19,26,27,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:w(e,"CenterContent")}))),M_=d.lazy(()=>x(()=>import("./Header.stories-DHPsFBCF.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,8,9,19,26,27,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:w(e,"Full")}))),P_=d.lazy(()=>x(()=>import("./Header.stories-DHPsFBCF.js"),__vite__mapDeps([80,81,82,20,21,22,23,24,8,9,19,26,27,51,5,52,53,3,54,55,68,28]),import.meta.url).then(e=>({default:w(e,"Slim")}))),z_=d.lazy(()=>x(()=>import("./Icon.stories-xi8yMb6Y.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:w(e,"Autoscale")}))),$_=d.lazy(()=>x(()=>import("./Icon.stories-xi8yMb6Y.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:w(e,"Default")}))),j_=d.lazy(()=>x(()=>import("./Icon.stories-xi8yMb6Y.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:w(e,"Padded")}))),V_=d.lazy(()=>x(()=>import("./Icon.stories-xi8yMb6Y.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:w(e,"Sizes")}))),H_=d.lazy(()=>x(()=>import("./Icon.stories-xi8yMb6Y.js"),__vite__mapDeps([83,1,84,3,58,42,43]),import.meta.url).then(e=>({default:w(e,"Statuses")}))),U_=d.lazy(()=>x(()=>import("./IconButton.stories-D06HKVVU.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:w(e,"Add")}))),G_=d.lazy(()=>x(()=>import("./IconButton.stories-D06HKVVU.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:w(e,"Borderless")}))),q_=d.lazy(()=>x(()=>import("./IconButton.stories-D06HKVVU.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:w(e,"HighVisibilityAdd")}))),W_=d.lazy(()=>x(()=>import("./IconButton.stories-D06HKVVU.js"),__vite__mapDeps([85,30]),import.meta.url).then(e=>({default:w(e,"SmallActiveAdd")}))),Y_=d.lazy(()=>x(()=>import("./IdeasButton.stories-C1VU_6yz.js"),__vite__mapDeps([86,17,18]),import.meta.url).then(e=>({default:w(e,"Ideas")}))),X_=d.lazy(()=>x(()=>import("./IdeasButton.stories-C1VU_6yz.js"),__vite__mapDeps([86,17,18]),import.meta.url).then(e=>({default:w(e,"LocalizedIdeas")}))),Z_=d.lazy(()=>x(()=>import("./InformationPanel.stories-Ve0IUZof.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:w(e,"Basic")}))),K_=d.lazy(()=>x(()=>import("./InformationPanel.stories-Ve0IUZof.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:w(e,"CustomActions")}))),Q_=d.lazy(()=>x(()=>import("./InformationPanel.stories-Ve0IUZof.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:w(e,"CustomWidth")}))),J_=d.lazy(()=>x(()=>import("./InformationPanel.stories-Ve0IUZof.js"),__vite__mapDeps([87,33,17,18,88,19,39,57,35,5,47,28,48]),import.meta.url).then(e=>({default:w(e,"Horizontal")}))),ek=d.lazy(()=>x(()=>import("./Input.stories-C6CNjqoN.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:w(e,"Basic")}))),tk=d.lazy(()=>x(()=>import("./Input.stories-C6CNjqoN.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),nk=d.lazy(()=>x(()=>import("./Input.stories-C6CNjqoN.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:w(e,"Small")}))),ok=d.lazy(()=>x(()=>import("./Input.stories-C6CNjqoN.js"),__vite__mapDeps([89,28]),import.meta.url).then(e=>({default:w(e,"Status")}))),rk=d.lazy(()=>x(()=>import("./InputGrid.stories-Dc8cHcIf.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:w(e,"WithInput")}))),ak=d.lazy(()=>x(()=>import("./InputGrid.stories-Dc8cHcIf.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:w(e,"WithInputWithDecorations")}))),ik=d.lazy(()=>x(()=>import("./InputGrid.stories-Dc8cHcIf.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:w(e,"WithSearch")}))),lk=d.lazy(()=>x(()=>import("./InputGrid.stories-Dc8cHcIf.js"),__vite__mapDeps([90,30,91,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,92]),import.meta.url).then(e=>({default:w(e,"WithSelect")}))),sk=d.lazy(()=>x(()=>import("./InputGroup.stories-DYVPaah0.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:w(e,"CheckboxGroup")}))),ck=d.lazy(()=>x(()=>import("./InputGroup.stories-DYVPaah0.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:w(e,"RadioGroup")}))),uk=d.lazy(()=>x(()=>import("./InputGroup.stories-DYVPaah0.js"),__vite__mapDeps([93,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57,74,39,18,75]),import.meta.url).then(e=>({default:w(e,"ToggleGroup")}))),dk=d.lazy(()=>x(()=>import("./InputWithDecoration.stories-k425JsRz.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:w(e,"Basic")}))),Ak=d.lazy(()=>x(()=>import("./InputWithDecoration.stories-k425JsRz.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),fk=d.lazy(()=>x(()=>import("./InputWithDecoration.stories-k425JsRz.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:w(e,"Small")}))),pk=d.lazy(()=>x(()=>import("./InputWithDecoration.stories-k425JsRz.js"),__vite__mapDeps([94,30,91,49,50,3]),import.meta.url).then(e=>({default:w(e,"Status")}))),Dk=d.lazy(()=>x(()=>import("./Kbd.stories-DtsxbUE3.js"),__vite__mapDeps([95,96]),import.meta.url).then(e=>({default:w(e,"Basic")}))),Ck=d.lazy(()=>x(()=>import("./Kbd.stories-DtsxbUE3.js"),__vite__mapDeps([95,96]),import.meta.url).then(e=>({default:w(e,"PredefinedKey")}))),mk=d.lazy(()=>x(()=>import("./Label.stories-BbGMy7sX.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Basic")}))),bk=d.lazy(()=>x(()=>import("./Label.stories-BbGMy7sX.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Inline")}))),Bk=d.lazy(()=>x(()=>import("./Label.stories-BbGMy7sX.js"),__vite__mapDeps([97,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Polymorphic")}))),Ek=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Basic")}))),gk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),hk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"HybridLayout")}))),yk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Inline")}))),vk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Negative")}))),xk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Positive")}))),Sk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Warning")}))),wk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithCustomIcon")}))),Tk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithMessage")}))),Fk=d.lazy(()=>x(()=>import("./LabeledInput.stories-DQM26v6r.js"),__vite__mapDeps([98,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithSvgIcon")}))),_k=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"Basic")}))),kk=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"Native")}))),Rk=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"Negative")}))),Ik=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"Positive")}))),Ok=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"Warning")}))),Lk=d.lazy(()=>x(()=>import("./LabeledSelect.stories-DBQZEoee.js"),__vite__mapDeps([99,45,72,52,21,22,23,24,53,3,54,55,27,46,47,28,48,49,50,51,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithCustomIcon")}))),Nk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Basic")}))),Mk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),Pk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Inline")}))),zk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Negative")}))),$k=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Positive")}))),jk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Warning")}))),Vk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithCustomIcon")}))),Hk=d.lazy(()=>x(()=>import("./LabeledTextarea.stories-D4KFhE3o.js"),__vite__mapDeps([100,45,1,77,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"WithSvgIcon")}))),Uk=d.lazy(()=>x(()=>import("./List.stories-4U1LqMOW.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:w(e,"Actionable")}))),Gk=d.lazy(()=>x(()=>import("./List.stories-4U1LqMOW.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:w(e,"Basic")}))),qk=d.lazy(()=>x(()=>import("./List.stories-4U1LqMOW.js"),__vite__mapDeps([101,1,54,23,24]),import.meta.url).then(e=>({default:w(e,"WithIcon")}))),Wk=d.lazy(()=>x(()=>import("./Modal.stories-D-J08pOR.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:w(e,"Basic")}))),Yk=d.lazy(()=>x(()=>import("./Modal.stories-D-J08pOR.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:w(e,"FullPageModal")}))),Xk=d.lazy(()=>x(()=>import("./Modal.stories-D-J08pOR.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:w(e,"NonDismissibleModal")}))),Zk=d.lazy(()=>x(()=>import("./Modal.stories-D-J08pOR.js"),__vite__mapDeps([102,17,18,65,43,22]),import.meta.url).then(e=>({default:w(e,"OutsideClickAndEscDoesNotClose")}))),Kk=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"BadGateway")}))),Qk=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"CustomHtmlMessage")}))),Jk=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"Forbidden")}))),eR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"Generic")}))),tR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"InternalServerError")}))),nR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"PageNotFound")}))),oR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"Redirect")}))),rR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"ServiceUnavailable")}))),aR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"TimeOut")}))),iR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"Unauthorized")}))),lR=d.lazy(()=>x(()=>import("./NonIdealState.stories-CENY6pkQ.js"),__vite__mapDeps([103,17,18,4,5]),import.meta.url).then(e=>({default:w(e,"WithoutMessageOrButtons")}))),sR=d.lazy(()=>x(()=>import("./NotificationMarker.stories-BBpF7PCS.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:w(e,"Basic")}))),cR=d.lazy(()=>x(()=>import("./NotificationMarker.stories-BBpF7PCS.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:w(e,"Pulsing")}))),uR=d.lazy(()=>x(()=>import("./NotificationMarker.stories-BBpF7PCS.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:w(e,"Status")}))),dR=d.lazy(()=>x(()=>import("./NotificationMarker.stories-BBpF7PCS.js"),__vite__mapDeps([104,82,31,17,18,5]),import.meta.url).then(e=>({default:w(e,"WithButtons")}))),AR=d.lazy(()=>x(()=>import("./Overlay.stories-BJV7zOfG.js"),__vite__mapDeps([105,106,18]),import.meta.url).then(e=>({default:w(e,"Linear")}))),fR=d.lazy(()=>x(()=>import("./Overlay.stories-BJV7zOfG.js"),__vite__mapDeps([105,106,18]),import.meta.url).then(e=>({default:w(e,"Radial")}))),pR=d.lazy(()=>x(()=>import("./Overview.stories-D0HAU-ep.js"),[],import.meta.url).then(e=>({default:w(e,"MDXContent")}))),DR=d.lazy(()=>x(()=>import("./Panels.stories-D8ntS5Xu.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:w(e,"Basic")}))),CR=d.lazy(()=>x(()=>import("./Panels.stories-D8ntS5Xu.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:w(e,"MultiLevelList")}))),mR=d.lazy(()=>x(()=>import("./Panels.stories-D8ntS5Xu.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:w(e,"MultiPanelInformationPanel")}))),bR=d.lazy(()=>x(()=>import("./Panels.stories-D8ntS5Xu.js"),__vite__mapDeps([107,58,5,36,108,109,54,23,24,59,75,55,17,18]),import.meta.url).then(e=>({default:w(e,"NestedPanels")}))),BR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"Determinate")}))),ER=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"DeterminateAnimated")}))),gR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"Indeterminate")}))),hR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"LabeledCenter")}))),yR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"LabeledLeftRight")}))),vR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"Negative")}))),xR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"Positive")}))),SR=d.lazy(()=>x(()=>import("./ProgressLinear.stories-BdtAEQTe.js"),__vite__mapDeps([110,84,106,3]),import.meta.url).then(e=>({default:w(e,"Warning")}))),wR=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"Determinate")}))),TR=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"DeterminateWithContent")}))),FR=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"Indeterminate")}))),_R=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"Negative")}))),kR=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"Positive")}))),RR=d.lazy(()=>x(()=>import("./ProgressRadial.stories-BxZhSd0e.js"),__vite__mapDeps([111,18]),import.meta.url).then(e=>({default:w(e,"Warning")}))),IR=d.lazy(()=>x(()=>import("./Radio.stories-DKZvPcvA.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:w(e,"Basic")}))),OR=d.lazy(()=>x(()=>import("./Radio.stories-DKZvPcvA.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),LR=d.lazy(()=>x(()=>import("./Radio.stories-DKZvPcvA.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:w(e,"Negative")}))),NR=d.lazy(()=>x(()=>import("./Radio.stories-DKZvPcvA.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:w(e,"Positive")}))),MR=d.lazy(()=>x(()=>import("./Radio.stories-DKZvPcvA.js"),__vite__mapDeps([112,74]),import.meta.url).then(e=>({default:w(e,"Warning")}))),PR=d.lazy(()=>x(()=>import("./RadioTileGroup.stories-DMJBE4Yb.js"),__vite__mapDeps([113,81,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Colored")}))),zR=d.lazy(()=>x(()=>import("./RadioTileGroup.stories-DMJBE4Yb.js"),__vite__mapDeps([113,81,73,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,5,56,57]),import.meta.url).then(e=>({default:w(e,"Monochrome")}))),$R=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"Basic")}))),jR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"BasicWithCustomItems")}))),VR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"BasicWithStatus")}))),HR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"BorderlessExpandButton")}))),UR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"Expandable")}))),GR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"ExpandableWithCustomItems")}))),qR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"Small")}))),WR=d.lazy(()=>x(()=>import("./SearchBox.stories-DqLN-Rpw.js"),__vite__mapDeps([114,92,50,3,5,59]),import.meta.url).then(e=>({default:w(e,"WithCustomAction")}))),YR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Basic")}))),XR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Borderless")}))),ZR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Custom")}))),KR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),QR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"DisabledWithSelectedValue")}))),JR=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"ManyItems")}))),eI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Multi")}))),tI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"MultiCustomRenderer")}))),nI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Native")}))),oI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"Sublabels")}))),rI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"TruncateMiddleText")}))),aI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithIcons")}))),iI=d.lazy(()=>x(()=>import("./Select.stories-U_1fgZgO.js"),__vite__mapDeps([115,2,116,52,21,22,23,24,53,3,54,55,27]),import.meta.url).then(e=>({default:w(e,"WithSelectedValue")}))),lI=d.lazy(()=>x(()=>import("./SideNavigation.stories-CHSnMfVb.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:w(e,"ActiveItem")}))),sI=d.lazy(()=>x(()=>import("./SideNavigation.stories-CHSnMfVb.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:w(e,"Basic")}))),cI=d.lazy(()=>x(()=>import("./SideNavigation.stories-CHSnMfVb.js"),__vite__mapDeps([117,1,118,19,17,18,5,4]),import.meta.url).then(e=>({default:w(e,"Submenu")}))),uI=d.lazy(()=>x(()=>import("./SkipToContentLink.stories-HEUQwpKr.js"),__vite__mapDeps([119,5,96,4]),import.meta.url).then(e=>({default:w(e,"Basic")}))),dI=d.lazy(()=>x(()=>import("./SkipToContentLink.stories-HEUQwpKr.js"),__vite__mapDeps([119,5,96,4]),import.meta.url).then(e=>({default:w(e,"CustomText")}))),AI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"Basic")}))),fI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"CustomTickNoTooltip")}))),pI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"CustomTooltip")}))),DI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"DecimalIncrement")}))),CI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),mI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"MultiThumbsAllowCrossing")}))),bI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"Range")}))),BI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"Vertical")}))),EI=d.lazy(()=>x(()=>import("./Slider.stories-B2rY-hU8.js"),__vite__mapDeps([120,2,116,42,43,5]),import.meta.url).then(e=>({default:w(e,"WithCustomThumb")}))),gI=d.lazy(()=>x(()=>import("./SplitButton.stories-DoyxaMau.js"),__vite__mapDeps([121,17,18,21,22,23,24,26,27]),import.meta.url).then(e=>({default:w(e,"Basic")}))),hI=d.lazy(()=>x(()=>import("./Stepper.stories-C6cjv-M-.js"),[],import.meta.url).then(e=>({default:w(e,"Basic")}))),yI=d.lazy(()=>x(()=>import("./Stepper.stories-C6cjv-M-.js"),[],import.meta.url).then(e=>({default:w(e,"CustomIcon")}))),vI=d.lazy(()=>x(()=>import("./Stepper.stories-C6cjv-M-.js"),[],import.meta.url).then(e=>({default:w(e,"LocalizedLong")}))),xI=d.lazy(()=>x(()=>import("./Stepper.stories-C6cjv-M-.js"),[],import.meta.url).then(e=>({default:w(e,"Long")}))),SI=d.lazy(()=>x(()=>import("./Stepper.stories-C6cjv-M-.js"),[],import.meta.url).then(e=>({default:w(e,"WithTooltips")}))),wI=d.lazy(()=>x(()=>import("./Surface.stories-DYK_tQzC.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:w(e,"Basic")}))),TI=d.lazy(()=>x(()=>import("./Surface.stories-DYK_tQzC.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:w(e,"Custom")}))),FI=d.lazy(()=>x(()=>import("./Surface.stories-DYK_tQzC.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:w(e,"EmptyState")}))),_I=d.lazy(()=>x(()=>import("./Surface.stories-DYK_tQzC.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:w(e,"NoPadding")}))),kI=d.lazy(()=>x(()=>import("./Surface.stories-DYK_tQzC.js"),__vite__mapDeps([122,118,108,109,5,37,58,59,17,18,4]),import.meta.url).then(e=>({default:w(e,"OverflowWithButtonFooter")}))),RI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Basic")}))),II=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ColumnManager")}))),OI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Condensed")}))),LI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ControlledState")}))),NI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"CustomFilter")}))),MI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"CustomizedColumns")}))),PI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"DisabledRows")}))),zI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"DraggableColumns")}))),$I=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Editable")}))),jI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Expandable")}))),VI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ExpandableSubrows")}))),HI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Filters")}))),UI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Full")}))),GI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Full2")}))),qI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"GlobalFilter")}))),WI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"HorizontalScroll")}))),YI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"InitialState")}))),XI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"LazyLoading")}))),ZI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Loading")}))),KI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Localized")}))),QI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"NoData")}))),JI=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ResizableColumns")}))),e6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"RowInViewport")}))),t6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ScrollToRow")}))),n6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"SelectableMulti")}))),o6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"SelectableSingle")}))),r6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Sortable")}))),a6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"StatusAndCellIcons")}))),i6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"StickyColumns")}))),l6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"Virtualized")}))),s6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"VirtualizedSubRows")}))),c6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"WithManualPaginatorAndFilter")}))),u6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"WithPaginator")}))),d6=d.lazy(()=>x(()=>import("./Table.stories-DXF67OD6.js"),__vite__mapDeps([123,16,84,4,5,88,18,19,39,57,35,17,62,63,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,55,27,56,77,37,73,58,71,20,25,26,74]),import.meta.url).then(e=>({default:w(e,"ZebraStripedRows")}))),A6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"BorderlessTabs")}))),f6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"DefaultTabs")}))),p6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"HorizontalOverflow")}))),D6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"LegacyTabs")}))),C6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"PillTabs")}))),m6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"SublabelsAndIcons")}))),b6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"Vertical")}))),B6=d.lazy(()=>x(()=>import("./Tabs.stories-b8bMkcMe.js"),__vite__mapDeps([124,125,3,56,17,18]),import.meta.url).then(e=>({default:w(e,"VerticalOverflow")}))),E6=d.lazy(()=>x(()=>import("./Tag.stories-D5zfHFwg.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:w(e,"Clickable")}))),g6=d.lazy(()=>x(()=>import("./Tag.stories-D5zfHFwg.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:w(e,"Default")}))),h6=d.lazy(()=>x(()=>import("./Tag.stories-D5zfHFwg.js"),__vite__mapDeps([126,53,24]),import.meta.url).then(e=>({default:w(e,"NoClose")}))),y6=d.lazy(()=>x(()=>import("./TagContainer.stories-BJuojoOP.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:w(e,"BasicTagsContainer")}))),v6=d.lazy(()=>x(()=>import("./TagContainer.stories-BJuojoOP.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:w(e,"DefaultTagsContainer")}))),x6=d.lazy(()=>x(()=>import("./TagContainer.stories-BJuojoOP.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:w(e,"ScrollableDefaultTagsContainer")}))),S6=d.lazy(()=>x(()=>import("./TagContainer.stories-BJuojoOP.js"),__vite__mapDeps([127,128,53,24]),import.meta.url).then(e=>({default:w(e,"TruncatedBasicTagsContainer")}))),w6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Basic")}))),T6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Body")}))),F6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Headline")}))),_6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Leading")}))),k6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Polymorphic")}))),R6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Skeleton")}))),I6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Small")}))),O6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Subheading")}))),L6=d.lazy(()=>x(()=>import("./Text.stories-Chxa2hu5.js"),__vite__mapDeps([129,5]),import.meta.url).then(e=>({default:w(e,"Title")}))),N6=d.lazy(()=>x(()=>import("./Textarea.stories-D8F4bg3p.js"),__vite__mapDeps([130,48,28]),import.meta.url).then(e=>({default:w(e,"Basic")}))),M6=d.lazy(()=>x(()=>import("./Textarea.stories-D8F4bg3p.js"),__vite__mapDeps([130,48,28]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),P6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Actionable")}))),z6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"AllProps")}))),$6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"AnchorLink")}))),j6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Basic")}))),V6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Condensed")}))),H6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Disabled")}))),U6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Folder")}))),G6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Loading")}))),q6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"Status")}))),W6=d.lazy(()=>x(()=>import("./Tile.stories-XDtUUsMm.js"),__vite__mapDeps([131,15,125,20,21,22,23,24,18,109,55,12,9,128,53,17,8]),import.meta.url).then(e=>({default:w(e,"WithAvatar")}))),Y6=d.lazy(()=>x(()=>import("./TimePicker.stories-BfcCl24r.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:w(e,"Basic")}))),X6=d.lazy(()=>x(()=>import("./TimePicker.stories-BfcCl24r.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:w(e,"Combined")}))),Z6=d.lazy(()=>x(()=>import("./TimePicker.stories-BfcCl24r.js"),__vite__mapDeps([132,61,49,50,3,63]),import.meta.url).then(e=>({default:w(e,"CustomRenderers")}))),K6=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"AnchorToButton")}))),Q6=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"CloseIndividual")}))),J6=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"Informational")}))),e4=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"Negative")}))),t4=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"PositionChanged")}))),n4=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"Positive")}))),o4=d.lazy(()=>x(()=>import("./Toasts.stories-CTIpeDBY.js"),__vite__mapDeps([133,17,18]),import.meta.url).then(e=>({default:w(e,"Warning")}))),r4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"Basic")}))),a4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"DisabledChecked")}))),i4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"DisabledUnchecked")}))),l4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"LabelLeft")}))),s4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"LabelRight")}))),c4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"Small")}))),u4=d.lazy(()=>x(()=>import("./ToggleSwitch.stories-DtkfdLs3.js"),__vite__mapDeps([134,75,55]),import.meta.url).then(e=>({default:w(e,"WithCustomIcon")}))),d4=d.lazy(()=>x(()=>import("./Tooltip.stories-7of0F3PB.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:w(e,"Bottom")}))),A4=d.lazy(()=>x(()=>import("./Tooltip.stories-7of0F3PB.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:w(e,"Controlled")}))),f4=d.lazy(()=>x(()=>import("./Tooltip.stories-7of0F3PB.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:w(e,"Left")}))),p4=d.lazy(()=>x(()=>import("./Tooltip.stories-7of0F3PB.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:w(e,"Right")}))),D4=d.lazy(()=>x(()=>import("./Tooltip.stories-7of0F3PB.js"),__vite__mapDeps([135,17,18]),import.meta.url).then(e=>({default:w(e,"Top")}))),C4=d.lazy(()=>x(()=>import("./TransferList.stories-O3V0zije.js"),__vite__mapDeps([136,14,54,23,24,47,22]),import.meta.url).then(e=>({default:w(e,"Basic")}))),m4=d.lazy(()=>x(()=>import("./TransferList.stories-O3V0zije.js"),__vite__mapDeps([136,14,54,23,24,47,22]),import.meta.url).then(e=>({default:w(e,"WithLabel")}))),b4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"AsyncLoading")}))),B4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"Basic")}))),E4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"CustomizedExpander")}))),g4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"Full")}))),h4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"Small")}))),y4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"Virtualized")}))),v4=d.lazy(()=>x(()=>import("./Tree.stories-MZvwxyFD.js"),__vite__mapDeps([137,1,22,57,19,39,18]),import.meta.url).then(e=>({default:w(e,"VirtualizedWithHorizontalScroll")}))),x4=d.lazy(()=>x(()=>import("./WorkflowDiagram.stories-DyOyOusJ.js"),[],import.meta.url).then(e=>({default:w(e,"Basic")}))),S4=d.lazy(()=>x(()=>import("./WorkflowDiagram.stories-DyOyOusJ.js"),[],import.meta.url).then(e=>({default:w(e,"WithTooltips")})));let vr={"alert--custom-icon":{component:TF,locStart:145,locEnd:157,entry:"src/Alert.stories.tsx"},"alert--empty":{component:FF,locStart:136,locEnd:143,entry:"src/Alert.stories.tsx"},"alert--informational":{component:_F,locStart:12,locEnd:25,entry:"src/Alert.stories.tsx"},"alert--negative":{component:kF,locStart:57,locEnd:70,entry:"src/Alert.stories.tsx"},"alert--positive":{component:RF,locStart:27,locEnd:40,entry:"src/Alert.stories.tsx"},"alert--sticky":{component:IF,locStart:72,locEnd:134,entry:"src/Alert.stories.tsx"},"alert--warning":{component:OF,locStart:42,locEnd:55,entry:"src/Alert.stories.tsx"},"anchor--as-button":{component:LF,locStart:15,locEnd:21,entry:"src/Anchor.stories.tsx"},"anchor--basic":{component:NF,locStart:11,locEnd:13,entry:"src/Anchor.stories.tsx"},"anchor--external":{component:MF,locStart:23,locEnd:29,entry:"src/Anchor.stories.tsx"},"anchor--underline":{component:PF,locStart:31,locEnd:37,entry:"src/Anchor.stories.tsx"},"avatar--basic":{component:zF,locStart:12,locEnd:20,entry:"src/Avatar.stories.tsx"},"avatar--custom-status-translation":{component:$F,locStart:114,locEnd:130,entry:"src/Avatar.stories.tsx"},"avatar--sizes":{component:jF,locStart:48,locEnd:77,entry:"src/Avatar.stories.tsx"},"avatar--statuses":{component:VF,locStart:79,locEnd:112,entry:"src/Avatar.stories.tsx"},"avatar--with-icon":{component:HF,locStart:36,locEnd:46,entry:"src/Avatar.stories.tsx"},"avatar--with-image":{component:UF,locStart:22,locEnd:34,entry:"src/Avatar.stories.tsx"},"avatargroup--animated":{component:GF,locStart:45,locEnd:69,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--basic":{component:qF,locStart:17,locEnd:43,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--many-avatars":{component:WF,locStart:71,locEnd:110,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--non-stacked":{component:YF,locStart:112,locEnd:139,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--with-tooltip":{component:XF,locStart:141,locEnd:184,entry:"src/AvatarGroup.stories.tsx"},"badge--basic":{component:ZF,locStart:11,locEnd:13,entry:"src/Badge.stories.tsx"},"badge--long-label":{component:KF,locStart:15,locEnd:21,entry:"src/Badge.stories.tsx"},"badge--statuses":{component:QF,locStart:23,locEnd:32,entry:"src/Badge.stories.tsx"},"blockquote--basic":{component:JF,locStart:11,locEnd:13,entry:"src/Blockquote.stories.tsx"},"blockquote--with-footer":{component:e5,locStart:15,locEnd:33,entry:"src/Blockquote.stories.tsx"},"breadcrumbs--basic":{component:t5,locStart:25,locEnd:39,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-back-button":{component:n5,locStart:106,locEnd:143,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-dropdown":{component:o5,locStart:165,locEnd:211,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-separator":{component:r5,locStart:55,locEnd:69,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--folder-navigation":{component:a5,locStart:233,locEnd:298,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--links":{component:i5,locStart:41,locEnd:53,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--overflow":{component:l5,locStart:71,locEnd:84,entry:"src/Breadcrumbs.stories.tsx"},"button--as-link":{component:s5,locStart:100,locEnd:115,entry:"src/Button.stories.tsx"},"button--call-to-action":{component:c5,locStart:13,locEnd:19,entry:"src/Button.stories.tsx"},"button--default":{component:u5,locStart:29,locEnd:35,entry:"src/Button.stories.tsx"},"button--high-visibility":{component:d5,locStart:21,locEnd:27,entry:"src/Button.stories.tsx"},"button--loading":{component:A5,locStart:128,locEnd:134,entry:"src/Button.stories.tsx"},"button--stretch":{component:f5,locStart:117,locEnd:119,entry:"src/Button.stories.tsx"},"button--with-icon":{component:p5,locStart:37,locEnd:47,entry:"src/Button.stories.tsx"},"button--with-notification":{component:D5,locStart:49,locEnd:98,entry:"src/Button.stories.tsx"},"buttongroup--input-button-combo":{component:C5,locStart:114,locEnd:135,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--overflow":{component:m5,locStart:54,locEnd:92,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical":{component:b5,locStart:137,locEnd:162,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical-overflow":{component:B5,locStart:164,locEnd:203,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--with-icons":{component:E5,locStart:27,locEnd:52,entry:"src/ButtonGroup.stories.tsx"},"carousel--basic":{component:g5,locStart:13,locEnd:51,entry:"src/Carousel.stories.tsx"},"carousel--controlled":{component:h5,locStart:53,locEnd:97,entry:"src/Carousel.stories.tsx"},"carousel--only-dots":{component:y5,locStart:100,locEnd:179,entry:"src/Carousel.stories.tsx"},"checkbox--basic":{component:v5,locStart:11,locEnd:13,entry:"src/Checkbox.stories.tsx"},"checkbox--disabled":{component:x5,locStart:15,locEnd:17,entry:"src/Checkbox.stories.tsx"},"checkbox--indeterminate":{component:S5,locStart:18,locEnd:20,entry:"src/Checkbox.stories.tsx"},"checkbox--loading":{component:w5,locStart:32,locEnd:34,entry:"src/Checkbox.stories.tsx"},"checkbox--negative":{component:T5,locStart:28,locEnd:30,entry:"src/Checkbox.stories.tsx"},"checkbox--positive":{component:F5,locStart:22,locEnd:24,entry:"src/Checkbox.stories.tsx"},"checkbox--visibility":{component:_5,locStart:36,locEnd:38,entry:"src/Checkbox.stories.tsx"},"checkbox--warning":{component:k5,locStart:25,locEnd:27,entry:"src/Checkbox.stories.tsx"},"code--basic":{component:R5,locStart:11,locEnd:18,entry:"src/Code.stories.tsx"},"colorpicker--advanced":{component:I5,locStart:99,locEnd:176,entry:"src/ColorPicker.stories.tsx"},"colorpicker--basic":{component:O5,locStart:57,locEnd:97,entry:"src/ColorPicker.stories.tsx"},"colorpicker--with-alpha":{component:L5,locStart:178,locEnd:253,entry:"src/ColorPicker.stories.tsx"},"combobox--basic":{component:N5,locStart:301,locEnd:311,entry:"src/ComboBox.stories.tsx"},"combobox--controlled":{component:M5,locStart:313,locEnd:328,entry:"src/ComboBox.stories.tsx"},"combobox--custom-renderer":{component:P5,locStart:389,locEnd:423,entry:"src/ComboBox.stories.tsx"},"combobox--disabled-items":{component:z5,locStart:330,locEnd:359,entry:"src/ComboBox.stories.tsx"},"combobox--loading":{component:$5,locStart:455,locEnd:503,entry:"src/ComboBox.stories.tsx"},"combobox--multiple-select":{component:j5,locStart:518,locEnd:540,entry:"src/ComboBox.stories.tsx"},"combobox--virtualized":{component:V5,locStart:505,locEnd:516,entry:"src/ComboBox.stories.tsx"},"combobox--with-custom-message-icon":{component:H5,locStart:438,locEnd:453,entry:"src/ComboBox.stories.tsx"},"combobox--with-label":{component:U5,locStart:361,locEnd:374,entry:"src/ComboBox.stories.tsx"},"combobox--with-message":{component:G5,locStart:425,locEnd:436,entry:"src/ComboBox.stories.tsx"},"combobox--with-status":{component:q5,locStart:376,locEnd:387,entry:"src/ComboBox.stories.tsx"},"datepicker--basic":{component:W5,locStart:18,locEnd:46,entry:"src/DatePicker.stories.tsx"},"datepicker--localized":{component:Y5,locStart:113,locEnd:142,entry:"src/DatePicker.stories.tsx"},"datepicker--range":{component:X5,locStart:172,locEnd:216,entry:"src/DatePicker.stories.tsx"},"datepicker--some-dates-disabled":{component:Z5,locStart:218,locEnd:269,entry:"src/DatePicker.stories.tsx"},"datepicker--with-combined-time":{component:K5,locStart:79,locEnd:111,entry:"src/DatePicker.stories.tsx"},"datepicker--with-time":{component:Q5,locStart:48,locEnd:77,entry:"src/DatePicker.stories.tsx"},"datepicker--with-year":{component:J5,locStart:143,locEnd:170,entry:"src/DatePicker.stories.tsx"},"dialog--basic":{component:e_,locStart:12,locEnd:61,entry:"src/Dialog.stories.tsx"},"dialog--draggable-and-resizable":{component:t_,locStart:124,locEnd:180,entry:"src/Dialog.stories.tsx"},"dialog--draggable-relative-to-container":{component:n_,locStart:182,locEnd:252,entry:"src/Dialog.stories.tsx"},"dialog--modal":{component:o_,locStart:63,locEnd:122,entry:"src/Dialog.stories.tsx"},"dialog--placement":{component:r_,locStart:254,locEnd:309,entry:"src/Dialog.stories.tsx"},"dropdownbutton--basic":{component:a_,locStart:11,locEnd:30,entry:"src/DropdownButton.stories.tsx"},"dropdownmenu--basic":{component:i_,locStart:28,locEnd:51,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--submenu":{component:l_,locStart:186,locEnd:242,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-content":{component:s_,locStart:289,locEnd:330,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-end-icons":{component:c_,locStart:99,locEnd:126,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-separator":{component:u_,locStart:252,locEnd:279,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-start-icons":{component:d_,locStart:62,locEnd:89,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-sublabels":{component:A_,locStart:136,locEnd:176,entry:"src/DropdownMenu.stories.tsx"},"expandableblock--accordion":{component:f_,locStart:32,locEnd:43,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--basic":{component:p_,locStart:11,locEnd:15,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--borderless":{component:D_,locStart:69,locEnd:76,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--disabled":{component:C_,locStart:78,locEnd:85,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--small":{component:m_,locStart:60,locEnd:67,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--status-icon":{component:b_,locStart:45,locEnd:58,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--with-caption":{component:B_,locStart:17,locEnd:30,entry:"src/ExpandableBlock.stories.tsx"},"fieldset--basic":{component:E_,locStart:18,locEnd:52,entry:"src/Fieldset.stories.tsx"},"fieldset--disabled":{component:g_,locStart:54,locEnd:89,entry:"src/Fieldset.stories.tsx"},"fileupload--custom-file-upload-card":{component:h_,locStart:65,locEnd:116,entry:"src/FileUpload.stories.tsx"},"fileupload--default-file-upload-card":{component:y_,locStart:48,locEnd:63,entry:"src/FileUpload.stories.tsx"},"fileupload--wrapping-input":{component:v_,locStart:24,locEnd:46,entry:"src/FileUpload.stories.tsx"},"flex--basic":{component:x_,locStart:34,locEnd:42,entry:"src/Flex.stories.tsx"},"flex--individual-gaps":{component:S_,locStart:77,locEnd:110,entry:"src/Flex.stories.tsx"},"flex--with-flex-item":{component:w_,locStart:59,locEnd:75,entry:"src/Flex.stories.tsx"},"flex--with-spacer":{component:T_,locStart:44,locEnd:57,entry:"src/Flex.stories.tsx"},"footer--appended-custom-elements":{component:F_,locStart:21,locEnd:32,entry:"src/Footer.stories.tsx"},"footer--basic":{component:__,locStart:17,locEnd:19,entry:"src/Footer.stories.tsx"},"footer--bottom-fixed":{component:k_,locStart:80,locEnd:86,entry:"src/Footer.stories.tsx"},"footer--custom-content":{component:R_,locStart:88,locEnd:123,entry:"src/Footer.stories.tsx"},"footer--customized-default-and-custom-elements":{component:I_,locStart:47,locEnd:78,entry:"src/Footer.stories.tsx"},"footer--only-custom-elements":{component:O_,locStart:34,locEnd:45,entry:"src/Footer.stories.tsx"},"header--basic":{component:L_,locStart:175,locEnd:234,entry:"src/Header.stories.tsx"},"header--center-content":{component:N_,locStart:298,locEnd:360,entry:"src/Header.stories.tsx"},"header--full":{component:M_,locStart:52,locEnd:173,entry:"src/Header.stories.tsx"},"header--slim":{component:P_,locStart:236,locEnd:296,entry:"src/Header.stories.tsx"},"icon--autoscale":{component:z_,locStart:86,locEnd:92,entry:"src/Icon.stories.tsx"},"icon--default":{component:$_,locStart:20,locEnd:26,entry:"src/Icon.stories.tsx"},"icon--padded":{component:j_,locStart:28,locEnd:41,entry:"src/Icon.stories.tsx"},"icon--sizes":{component:V_,locStart:69,locEnd:83,entry:"src/Icon.stories.tsx"},"icon--statuses":{component:H_,locStart:43,locEnd:60,entry:"src/Icon.stories.tsx"},"iconbutton--add":{component:U_,locStart:12,locEnd:18,entry:"src/IconButton.stories.tsx"},"iconbutton--borderless":{component:G_,locStart:45,locEnd:55,entry:"src/IconButton.stories.tsx"},"iconbutton--high-visibility-add":{component:q_,locStart:33,locEnd:43,entry:"src/IconButton.stories.tsx"},"iconbutton--small-active-add":{component:W_,locStart:20,locEnd:31,entry:"src/IconButton.stories.tsx"},"ideasbutton--ideas":{component:Y_,locStart:11,locEnd:13,entry:"src/IdeasButton.stories.tsx"},"ideasbutton--localized-ideas":{component:X_,locStart:15,locEnd:22,entry:"src/IdeasButton.stories.tsx"},"informationpanel--basic":{component:Z_,locStart:28,locEnd:96,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-actions":{component:K_,locStart:180,locEnd:270,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-width":{component:Q_,locStart:273,locEnd:309,entry:"src/InformationPanel.stories.tsx"},"informationpanel--horizontal":{component:J_,locStart:108,locEnd:177,entry:"src/InformationPanel.stories.tsx"},"input--basic":{component:ek,locStart:11,locEnd:13,entry:"src/Input.stories.tsx"},"input--disabled":{component:tk,locStart:15,locEnd:17,entry:"src/Input.stories.tsx"},"input--small":{component:nk,locStart:19,locEnd:21,entry:"src/Input.stories.tsx"},"input--status":{component:ok,locStart:23,locEnd:25,entry:"src/Input.stories.tsx"},"inputgrid--with-input":{component:rk,locStart:21,locEnd:29,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-input-with-decorations":{component:ak,locStart:31,locEnd:50,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-search":{component:ik,locStart:74,locEnd:82,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-select":{component:lk,locStart:52,locEnd:72,entry:"src/InputGrid.stories.tsx"},"inputgroup--checkbox-group":{component:sk,locStart:42,locEnd:91,entry:"src/InputGroup.stories.tsx"},"inputgroup--radio-group":{component:ck,locStart:19,locEnd:40,entry:"src/InputGroup.stories.tsx"},"inputgroup--toggle-group":{component:uk,locStart:93,locEnd:112,entry:"src/InputGroup.stories.tsx"},"inputwithdecorations--basic":{component:dk,locStart:12,locEnd:24,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--disabled":{component:Ak,locStart:26,locEnd:38,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--small":{component:fk,locStart:40,locEnd:52,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--status":{component:pk,locStart:54,locEnd:66,entry:"src/InputWithDecoration.stories.tsx"},"keyboard-key--basic":{component:Dk,locStart:11,locEnd:13,entry:"src/Kbd.stories.tsx"},"keyboard-key--predefined-key":{component:Ck,locStart:15,locEnd:17,entry:"src/Kbd.stories.tsx"},"label--basic":{component:mk,locStart:19,locEnd:26,entry:"src/Label.stories.tsx"},"label--inline":{component:bk,locStart:28,locEnd:37,entry:"src/Label.stories.tsx"},"label--polymorphic":{component:Bk,locStart:39,locEnd:48,entry:"src/Label.stories.tsx"},"labeledinput--basic":{component:Ek,locStart:13,locEnd:17,entry:"src/LabeledInput.stories.tsx"},"labeledinput--disabled":{component:gk,locStart:29,locEnd:38,entry:"src/LabeledInput.stories.tsx"},"labeledinput--hybrid-layout":{component:hk,locStart:109,locEnd:120,entry:"src/LabeledInput.stories.tsx"},"labeledinput--inline":{component:yk,locStart:98,locEnd:107,entry:"src/LabeledInput.stories.tsx"},"labeledinput--negative":{component:vk,locStart:62,locEnd:71,entry:"src/LabeledInput.stories.tsx"},"labeledinput--positive":{component:xk,locStart:40,locEnd:49,entry:"src/LabeledInput.stories.tsx"},"labeledinput--warning":{component:Sk,locStart:51,locEnd:60,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-custom-icon":{component:wk,locStart:73,locEnd:85,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-message":{component:Tk,locStart:19,locEnd:27,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-svg-icon":{component:Fk,locStart:87,locEnd:96,entry:"src/LabeledInput.stories.tsx"},"labeledselect--basic":{component:_k,locStart:22,locEnd:35,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--native":{component:kk,locStart:116,locEnd:131,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--negative":{component:Rk,locStart:75,locEnd:92,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--positive":{component:Ik,locStart:37,locEnd:54,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--warning":{component:Ok,locStart:56,locEnd:73,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--with-custom-icon":{component:Lk,locStart:94,locEnd:114,entry:"src/LabeledSelect.stories.tsx"},"labeledtextarea--basic":{component:Nk,locStart:12,locEnd:20,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--disabled":{component:Mk,locStart:22,locEnd:31,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--inline":{component:Pk,locStart:89,locEnd:98,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--negative":{component:zk,locStart:55,locEnd:64,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--positive":{component:$k,locStart:33,locEnd:42,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--warning":{component:jk,locStart:44,locEnd:53,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-custom-icon":{component:Vk,locStart:66,locEnd:76,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-svg-icon":{component:Hk,locStart:78,locEnd:87,entry:"src/LabeledTextarea.stories.tsx"},"list--actionable":{component:Uk,locStart:67,locEnd:82,entry:"src/List.stories.tsx"},"list--basic":{component:Gk,locStart:20,locEnd:37,entry:"src/List.stories.tsx"},"list--with-icon":{component:qk,locStart:39,locEnd:65,entry:"src/List.stories.tsx"},"modal--basic":{component:Wk,locStart:17,locEnd:68,entry:"src/Modal.stories.tsx"},"modal--full-page-modal":{component:Yk,locStart:179,locEnd:231,entry:"src/Modal.stories.tsx"},"modal--non-dismissible-modal":{component:Xk,locStart:70,locEnd:122,entry:"src/Modal.stories.tsx"},"modal--outside-click-and-esc-does-not-close":{component:Zk,locStart:124,locEnd:177,entry:"src/Modal.stories.tsx"},"nonidealstate--bad-gateway":{component:Kk,locStart:166,locEnd:183,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--custom-html-message":{component:Qk,locStart:223,locEnd:248,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--forbidden":{component:Jk,locStart:71,locEnd:94,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--generic":{component:eR,locStart:204,locEnd:221,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--internal-server-error":{component:tR,locStart:147,locEnd:164,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--page-not-found":{component:nR,locStart:96,locEnd:120,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--redirect":{component:oR,locStart:22,locEnd:45,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--service-unavailable":{component:rR,locStart:185,locEnd:202,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--time-out":{component:aR,locStart:122,locEnd:145,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--unauthorized":{component:iR,locStart:46,locEnd:69,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--without-message-or-buttons":{component:lR,locStart:250,locEnd:252,entry:"src/NonIdealState.stories.tsx"},"notificationmarker--basic":{component:sR,locStart:31,locEnd:39,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--pulsing":{component:cR,locStart:57,locEnd:67,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--status":{component:uR,locStart:69,locEnd:115,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--with-buttons":{component:dR,locStart:41,locEnd:55,entry:"src/NotificationMarker.stories.tsx"},"overlay--linear":{component:AR,locStart:12,locEnd:37,entry:"src/Overlay.stories.tsx"},"overlay--radial":{component:fR,locStart:39,locEnd:64,entry:"src/Overlay.stories.tsx"},"overview--readme":{component:pR,locStart:19,locEnd:27,entry:"src/Overview.stories.mdx"},"panels--basic":{component:DR,locStart:23,locEnd:54,entry:"src/Panels.stories.tsx"},"panels--multi-level-list":{component:CR,locStart:114,locEnd:289,entry:"src/Panels.stories.tsx"},"panels--multi-panel-information-panel":{component:mR,locStart:56,locEnd:112,entry:"src/Panels.stories.tsx"},"panels--nested-panels":{component:bR,locStart:291,locEnd:329,entry:"src/Panels.stories.tsx"},"progresslinear--determinate":{component:BR,locStart:16,locEnd:18,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--determinate-animated":{component:ER,locStart:20,locEnd:22,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--indeterminate":{component:gR,locStart:24,locEnd:26,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-center":{component:hR,locStart:28,locEnd:30,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-left-right":{component:yR,locStart:32,locEnd:34,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--negative":{component:vR,locStart:51,locEnd:64,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--positive":{component:xR,locStart:36,locEnd:49,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--warning":{component:SR,locStart:66,locEnd:79,entry:"src/ProgressLinear.stories.tsx"},"progressradial--determinate":{component:wR,locStart:11,locEnd:13,entry:"src/ProgressRadial.stories.tsx"},"progressradial--determinate-with-content":{component:TR,locStart:31,locEnd:33,entry:"src/ProgressRadial.stories.tsx"},"progressradial--indeterminate":{component:FR,locStart:15,locEnd:17,entry:"src/ProgressRadial.stories.tsx"},"progressradial--negative":{component:_R,locStart:23,locEnd:25,entry:"src/ProgressRadial.stories.tsx"},"progressradial--positive":{component:kR,locStart:19,locEnd:21,entry:"src/ProgressRadial.stories.tsx"},"progressradial--warning":{component:RR,locStart:27,locEnd:29,entry:"src/ProgressRadial.stories.tsx"},"radio--basic":{component:IR,locStart:11,locEnd:13,entry:"src/Radio.stories.tsx"},"radio--disabled":{component:OR,locStart:15,locEnd:17,entry:"src/Radio.stories.tsx"},"radio--negative":{component:LR,locStart:27,locEnd:29,entry:"src/Radio.stories.tsx"},"radio--positive":{component:NR,locStart:19,locEnd:21,entry:"src/Radio.stories.tsx"},"radio--warning":{component:MR,locStart:23,locEnd:25,entry:"src/Radio.stories.tsx"},"radiotilegroup--colored":{component:PR,locStart:57,locEnd:132,entry:"src/RadioTileGroup.stories.tsx"},"radiotilegroup--monochrome":{component:zR,locStart:12,locEnd:55,entry:"src/RadioTileGroup.stories.tsx"},"searchbox--basic":{component:$R,locStart:13,locEnd:15,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-custom-items":{component:jR,locStart:17,locEnd:39,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-status":{component:VR,locStart:41,locEnd:48,entry:"src/SearchBox.stories.tsx"},"searchbox--borderless-expand-button":{component:HR,locStart:56,locEnd:69,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable":{component:UR,locStart:50,locEnd:54,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable-with-custom-items":{component:GR,locStart:71,locEnd:88,entry:"src/SearchBox.stories.tsx"},"searchbox--small":{component:qR,locStart:90,locEnd:92,entry:"src/SearchBox.stories.tsx"},"searchbox--with-custom-action":{component:WR,locStart:94,locEnd:130,entry:"src/SearchBox.stories.tsx"},"select--basic":{component:YR,locStart:31,locEnd:38,entry:"src/Select.stories.tsx"},"select--borderless":{component:XR,locStart:267,locEnd:276,entry:"src/Select.stories.tsx"},"select--custom":{component:ZR,locStart:147,locEnd:170,entry:"src/Select.stories.tsx"},"select--disabled":{component:KR,locStart:75,locEnd:93,entry:"src/Select.stories.tsx"},"select--disabled-with-selected-value":{component:QR,locStart:95,locEnd:113,entry:"src/Select.stories.tsx"},"select--many-items":{component:JR,locStart:115,locEnd:128,entry:"src/Select.stories.tsx"},"select--multi":{component:eI,locStart:205,locEnd:227,entry:"src/Select.stories.tsx"},"select--multi-custom-renderer":{component:tI,locStart:229,locEnd:255,entry:"src/Select.stories.tsx"},"select--native":{component:nI,locStart:257,locEnd:265,entry:"src/Select.stories.tsx"},"select--sublabels":{component:oI,locStart:129,locEnd:145,entry:"src/Select.stories.tsx"},"select--truncate-middle-text":{component:rI,locStart:172,locEnd:203,entry:"src/Select.stories.tsx"},"select--with-icons":{component:aI,locStart:40,locEnd:55,entry:"src/Select.stories.tsx"},"select--with-selected-value":{component:iI,locStart:57,locEnd:73,entry:"src/Select.stories.tsx"},"sidenavigation--active-item":{component:lI,locStart:58,locEnd:82,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--basic":{component:sI,locStart:35,locEnd:56,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--submenu":{component:cI,locStart:84,locEnd:169,entry:"src/SideNavigation.stories.tsx"},"skiptocontentlink--basic":{component:uI,locStart:11,locEnd:40,entry:"src/SkipToContentLink.stories.tsx"},"skiptocontentlink--custom-text":{component:dI,locStart:42,locEnd:73,entry:"src/SkipToContentLink.stories.tsx"},"slider--basic":{component:AI,locStart:31,locEnd:33,entry:"src/Slider.stories.tsx"},"slider--custom-tick-no-tooltip":{component:fI,locStart:115,locEnd:162,entry:"src/Slider.stories.tsx"},"slider--custom-tooltip":{component:pI,locStart:101,locEnd:113,entry:"src/Slider.stories.tsx"},"slider--decimal-increment":{component:DI,locStart:172,locEnd:174,entry:"src/Slider.stories.tsx"},"slider--disabled":{component:CI,locStart:97,locEnd:99,entry:"src/Slider.stories.tsx"},"slider--multi-thumbs-allow-crossing":{component:mI,locStart:39,locEnd:60,entry:"src/Slider.stories.tsx"},"slider--range":{component:bI,locStart:35,locEnd:37,entry:"src/Slider.stories.tsx"},"slider--vertical":{component:BI,locStart:176,locEnd:178,entry:"src/Slider.stories.tsx"},"slider--with-custom-thumb":{component:EI,locStart:62,locEnd:95,entry:"src/Slider.stories.tsx"},"splitbutton--basic":{component:gI,locStart:19,locEnd:46,entry:"src/SplitButton.stories.tsx"},"stepper--basic":{component:hI,locStart:12,locEnd:29,entry:"src/Stepper.stories.tsx"},"stepper--custom-icon":{component:yI,locStart:31,locEnd:47,entry:"src/Stepper.stories.tsx"},"stepper--localized-long":{component:vI,locStart:68,locEnd:92,entry:"src/Stepper.stories.tsx"},"stepper--long":{component:xI,locStart:49,locEnd:67,entry:"src/Stepper.stories.tsx"},"stepper--with-tooltips":{component:SI,locStart:94,locEnd:111,entry:"src/Stepper.stories.tsx"},"surface--basic":{component:wI,locStart:22,locEnd:39,entry:"src/Surface.stories.tsx"},"surface--custom":{component:TI,locStart:41,locEnd:67,entry:"src/Surface.stories.tsx"},"surface--empty-state":{component:FI,locStart:172,locEnd:199,entry:"src/Surface.stories.tsx"},"surface--no-padding":{component:_I,locStart:117,locEnd:170,entry:"src/Surface.stories.tsx"},"surface--overflow-with-button-footer":{component:kI,locStart:69,locEnd:115,entry:"src/Surface.stories.tsx"},"table--basic":{component:RI,locStart:58,locEnd:103,entry:"src/Table.stories.tsx"},"table--column-manager":{component:II,locStart:3030,locEnd:3197,entry:"src/Table.stories.tsx"},"table--condensed":{component:OI,locStart:1646,locEnd:1751,entry:"src/Table.stories.tsx"},"table--controlled-state":{component:LI,locStart:1060,locEnd:1237,entry:"src/Table.stories.tsx"},"table--custom-filter":{component:NI,locStart:2121,locEnd:2269,entry:"src/Table.stories.tsx"},"table--customized-columns":{component:MI,locStart:2933,locEnd:3028,entry:"src/Table.stories.tsx"},"table--disabled-rows":{component:PI,locStart:864,locEnd:947,entry:"src/Table.stories.tsx"},"table--draggable-columns":{component:zI,locStart:2807,locEnd:2931,entry:"src/Table.stories.tsx"},"table--editable":{component:$I,locStart:1753,locEnd:1831,entry:"src/Table.stories.tsx"},"table--expandable":{component:jI,locStart:548,locEnd:607,entry:"src/Table.stories.tsx"},"table--expandable-subrows":{component:VI,locStart:609,locEnd:703,entry:"src/Table.stories.tsx"},"table--filters":{component:HI,locStart:310,locEnd:467,entry:"src/Table.stories.tsx"},"table--full":{component:UI,locStart:1239,locEnd:1363,entry:"src/Table.stories.tsx"},"table--full2":{component:GI,locStart:1365,locEnd:1558,entry:"src/Table.stories.tsx"},"table--global-filter":{component:qI,locStart:469,locEnd:546,entry:"src/Table.stories.tsx"},"table--horizontal-scroll":{component:WI,locStart:2470,locEnd:2597,entry:"src/Table.stories.tsx"},"table--initial-state":{component:YI,locStart:1015,locEnd:1058,entry:"src/Table.stories.tsx"},"table--lazy-loading":{component:XI,locStart:705,locEnd:779,entry:"src/Table.stories.tsx"},"table--loading":{component:ZI,locStart:949,locEnd:980,entry:"src/Table.stories.tsx"},"table--localized":{component:KI,locStart:1560,locEnd:1636,entry:"src/Table.stories.tsx"},"table--no-data":{component:QI,locStart:982,locEnd:1013,entry:"src/Table.stories.tsx"},"table--resizable-columns":{component:JI,locStart:2279,locEnd:2402,entry:"src/Table.stories.tsx"},"table--row-in-viewport":{component:e6,locStart:781,locEnd:862,entry:"src/Table.stories.tsx"},"table--scroll-to-row":{component:t6,locStart:2670,locEnd:2743,entry:"src/Table.stories.tsx"},"table--selectable-multi":{component:n6,locStart:168,locEnd:240,entry:"src/Table.stories.tsx"},"table--selectable-single":{component:o6,locStart:105,locEnd:166,entry:"src/Table.stories.tsx"},"table--sortable":{component:r6,locStart:242,locEnd:308,entry:"src/Table.stories.tsx"},"table--status-and-cell-icons":{component:a6,locStart:3374,locEnd:3488,entry:"src/Table.stories.tsx"},"table--sticky-columns":{component:i6,locStart:3199,locEnd:3358,entry:"src/Table.stories.tsx"},"table--virtualized":{component:l6,locStart:2613,locEnd:2668,entry:"src/Table.stories.tsx"},"table--virtualized-sub-rows":{component:s6,locStart:2745,locEnd:2805,entry:"src/Table.stories.tsx"},"table--with-manual-paginator-and-filter":{component:c6,locStart:1916,locEnd:2111,entry:"src/Table.stories.tsx"},"table--with-paginator":{component:u6,locStart:1833,locEnd:1906,entry:"src/Table.stories.tsx"},"table--zebra-striped-rows":{component:d6,locStart:2404,locEnd:2468,entry:"src/Table.stories.tsx"},"tabs--borderless-tabs":{component:A6,locStart:61,locEnd:103,entry:"src/Tabs.stories.tsx"},"tabs--default-tabs":{component:f6,locStart:13,locEnd:59,entry:"src/Tabs.stories.tsx"},"tabs--horizontal-overflow":{component:p6,locStart:228,locEnd:287,entry:"src/Tabs.stories.tsx"},"tabs--legacy-tabs":{component:D6,locStart:421,locEnd:471,entry:"src/Tabs.stories.tsx"},"tabs--pill-tabs":{component:C6,locStart:105,locEnd:158,entry:"src/Tabs.stories.tsx"},"tabs--sublabels-and-icons":{component:m6,locStart:160,locEnd:226,entry:"src/Tabs.stories.tsx"},"tabs--vertical":{component:b6,locStart:353,locEnd:419,entry:"src/Tabs.stories.tsx"},"tabs--vertical-overflow":{component:B6,locStart:289,locEnd:351,entry:"src/Tabs.stories.tsx"},"tag--clickable":{component:E6,locStart:22,locEnd:24,entry:"src/Tag.stories.tsx"},"tag--default":{component:g6,locStart:11,locEnd:16,entry:"src/Tag.stories.tsx"},"tag--no-close":{component:h6,locStart:18,locEnd:20,entry:"src/Tag.stories.tsx"},"tagcontainer--basic-tags-container":{component:y6,locStart:11,locEnd:19,entry:"src/TagContainer.stories.tsx"},"tagcontainer--default-tags-container":{component:v6,locStart:21,locEnd:29,entry:"src/TagContainer.stories.tsx"},"tagcontainer--scrollable-default-tags-container":{component:x6,locStart:31,locEnd:43,entry:"src/TagContainer.stories.tsx"},"tagcontainer--truncated-basic-tags-container":{component:S6,locStart:45,locEnd:57,entry:"src/TagContainer.stories.tsx"},"text--basic":{component:w6,locStart:11,locEnd:13,entry:"src/Text.stories.tsx"},"text--body":{component:T6,locStart:15,locEnd:17,entry:"src/Text.stories.tsx"},"text--headline":{component:F6,locStart:35,locEnd:37,entry:"src/Text.stories.tsx"},"text--leading":{component:_6,locStart:23,locEnd:25,entry:"src/Text.stories.tsx"},"text--polymorphic":{component:k6,locStart:39,locEnd:45,entry:"src/Text.stories.tsx"},"text--skeleton":{component:R6,locStart:47,locEnd:49,entry:"src/Text.stories.tsx"},"text--small":{component:I6,locStart:19,locEnd:21,entry:"src/Text.stories.tsx"},"text--subheading":{component:O6,locStart:27,locEnd:29,entry:"src/Text.stories.tsx"},"text--title":{component:L6,locStart:31,locEnd:33,entry:"src/Text.stories.tsx"},"textarea--basic":{component:N6,locStart:11,locEnd:13,entry:"src/Textarea.stories.tsx"},"textarea--disabled":{component:M6,locStart:15,locEnd:17,entry:"src/Textarea.stories.tsx"},"tile--actionable":{component:P6,locStart:118,locEnd:150,entry:"src/Tile.stories.tsx"},"tile--all-props":{component:z6,locStart:63,locEnd:117,entry:"src/Tile.stories.tsx"},"tile--anchor-link":{component:$6,locStart:152,locEnd:183,entry:"src/Tile.stories.tsx"},"tile--basic":{component:j6,locStart:28,locEnd:61,entry:"src/Tile.stories.tsx"},"tile--condensed":{component:V6,locStart:185,locEnd:209,entry:"src/Tile.stories.tsx"},"tile--disabled":{component:H6,locStart:340,locEnd:378,entry:"src/Tile.stories.tsx"},"tile--folder":{component:U6,locStart:250,locEnd:278,entry:"src/Tile.stories.tsx"},"tile--loading":{component:G6,locStart:310,locEnd:338,entry:"src/Tile.stories.tsx"},"tile--status":{component:q6,locStart:280,locEnd:308,entry:"src/Tile.stories.tsx"},"tile--with-avatar":{component:W6,locStart:211,locEnd:248,entry:"src/Tile.stories.tsx"},"timepicker--basic":{component:Y6,locStart:18,locEnd:55,entry:"src/TimePicker.stories.tsx"},"timepicker--combined":{component:X6,locStart:109,locEnd:151,entry:"src/TimePicker.stories.tsx"},"timepicker--custom-renderers":{component:Z6,locStart:57,locEnd:107,entry:"src/TimePicker.stories.tsx"},"toasts--anchor-to-button":{component:K6,locStart:206,locEnd:249,entry:"src/Toasts.stories.tsx"},"toasts--close-individual":{component:Q6,locStart:251,locEnd:316,entry:"src/Toasts.stories.tsx"},"toasts--informational":{component:J6,locStart:90,locEnd:127,entry:"src/Toasts.stories.tsx"},"toasts--negative":{component:e4,locStart:51,locEnd:88,entry:"src/Toasts.stories.tsx"},"toasts--position-changed":{component:t4,locStart:168,locEnd:204,entry:"src/Toasts.stories.tsx"},"toasts--positive":{component:n4,locStart:12,locEnd:49,entry:"src/Toasts.stories.tsx"},"toasts--warning":{component:o4,locStart:129,locEnd:166,entry:"src/Toasts.stories.tsx"},"toggleswitch--basic":{component:r4,locStart:20,locEnd:22,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-checked":{component:a4,locStart:28,locEnd:30,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-unchecked":{component:i4,locStart:32,locEnd:34,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-left":{component:l4,locStart:46,locEnd:48,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-right":{component:s4,locStart:36,locEnd:44,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--small":{component:c4,locStart:24,locEnd:26,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--with-custom-icon":{component:u4,locStart:50,locEnd:52,entry:"src/ToggleSwitch.stories.tsx"},"tooltip--bottom":{component:d4,locStart:26,locEnd:32,entry:"src/Tooltip.stories.tsx"},"tooltip--controlled":{component:A4,locStart:49,locEnd:55,entry:"src/Tooltip.stories.tsx"},"tooltip--left":{component:f4,locStart:34,locEnd:47,entry:"src/Tooltip.stories.tsx"},"tooltip--right":{component:p4,locStart:18,locEnd:24,entry:"src/Tooltip.stories.tsx"},"tooltip--top":{component:D4,locStart:10,locEnd:16,entry:"src/Tooltip.stories.tsx"},"transferlist--basic":{component:C4,locStart:18,locEnd:150,entry:"src/TransferList.stories.tsx"},"transferlist--with-label":{component:m4,locStart:152,locEnd:286,entry:"src/TransferList.stories.tsx"},"tree--async-loading":{component:b4,locStart:215,locEnd:344,entry:"src/Tree.stories.tsx"},"tree--basic":{component:B4,locStart:20,locEnd:96,entry:"src/Tree.stories.tsx"},"tree--customized-expander":{component:E4,locStart:346,locEnd:480,entry:"src/Tree.stories.tsx"},"tree--full":{component:g4,locStart:98,locEnd:213,entry:"src/Tree.stories.tsx"},"tree--small":{component:h4,locStart:601,locEnd:684,entry:"src/Tree.stories.tsx"},"tree--virtualized":{component:y4,locStart:482,locEnd:599,entry:"src/Tree.stories.tsx"},"tree--virtualized-with-horizontal-scroll":{component:v4,locStart:686,locEnd:796,entry:"src/Tree.stories.tsx"},"workflowdiagram--basic":{component:x4,locStart:11,locEnd:23,entry:"src/WorkflowDiagram.stories.tsx"},"workflowdiagram--with-tooltips":{component:S4,locStart:25,locEnd:40,entry:"src/WorkflowDiagram.stories.tsx"}},Te={stories:"src/**/*.stories.{js,jsx,ts,tsx,mdx}",addons:{a11y:{enabled:!1},control:{enabled:!0,defaultState:{}},theme:{enabled:!0,defaultState:"light"},mode:{enabled:!0,defaultState:"full"},rtl:{enabled:!0,defaultState:!1},source:{enabled:!0,defaultState:!1},msw:{enabled:!1},action:{enabled:!0,defaultState:[]},ladle:{enabled:!0},width:{enabled:!0,options:{xsmall:414,small:640,medium:768,large:1024},defaultState:0}},defaultStory:"overview--readme",base:"./",storyOrder:`(stories) => [ + 'overview--readme', + ...stories.filter((s) => s !== 'overview--readme'), + ]`,hotkeys:{search:["/","meta+p"],nextStory:["alt+arrowright"],previousStory:["alt+arrowleft"],nextComponent:["alt+arrowdown"],previousComponent:["alt+arrowup"],control:["c"],darkMode:["d"],fullscreen:["f"],width:["w"],rtl:["r"],source:["s"],a11y:["a"]},i18n:{buildTooltip:'💡 Tip: Run "ladle preview" to check that the build works!'}};const w4=({path:e})=>d.createElement("div",{style:{paddingTop:"2em"}},d.createElement("code",{className:"ladle-code"},e)),T4={};let S={14363534:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20SvgFlag%2C%0A%20%20SvgFolderOpened%2C%0A%20%20SvgHome%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgSettings%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20SideNavigation%2C%0A%20%20SidenavButton%2C%0A%20%20SidenavSubmenu%2C%0A%20%20SidenavSubmenuHeader%2C%0A%20%20Text%2C%0A%20%20IconButton%2C%0A%20%20Anchor%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'calc(100vh%20-%2024px)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%20%20title%3A%20'SideNavigation'%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgHome%20%2F%3E%7D%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Home%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgFlag%20%2F%3E%7D%20key%3D%7B1%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Issues%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgFolderOpened%20%2F%3E%7D%20key%3D%7B2%7D%20disabled%3E%0A%20%20%20%20%20%20%20%20%20%20Documents%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20secondaryItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgSettings%20%2F%3E%7D%20key%3D%7B3%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Settings%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ActiveItem%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BactiveIndex%2C%20setActiveIndex%5D%20%3D%20React.useState%3Cnumber%3E(0)%3B%0A%0A%20%20const%20mainItems%20%3D%20%5B...Array(3).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CSidenavButton%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20isActive%3D%7BactiveIndex%20%3D%3D%3D%20index%7D%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20setActiveIndex(index)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7B%60App%20%24%7Bindex%7D%60%7D%0A%20%20%20%20%3C%2FSidenavButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20items%3D%7BmainItems%7D%0A%20%20%20%20%20%20secondaryItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CSidenavButton%20startIcon%3D%7B%3CSvgSettings%20%2F%3E%7D%20key%3D%7B3%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Settings%0A%20%20%20%20%20%20%20%20%3C%2FSidenavButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Submenu%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20itemsData%20%3D%20%5B%0A%20%20%20%20%7B%20label%3A%20'Home'%2C%20icon%3A%20%3CSvgHome%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Issues'%2C%20icon%3A%20%3CSvgFlag%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Documents'%2C%20icon%3A%20%3CSvgFolderOpened%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20label%3A%20'Settings'%2C%20icon%3A%20%3CSvgSettings%20%2F%3E%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20%5BactiveItem%2C%20setActiveItem%5D%20%3D%20React.useState(2)%3B%0A%20%20const%20%5BisSubmenuOpen%2C%20setIsSubmenuOpen%5D%20%3D%20React.useState(true)%3B%0A%20%20const%20%5BactiveSubItem%2C%20setActiveSubItem%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20const%20items%20%3D%20itemsData.map((%7B%20label%2C%20icon%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CSidenavButton%0A%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20startIcon%3D%7Bicon%7D%0A%20%20%20%20%20%20isActive%3D%7BactiveItem%20%3D%3D%3D%20index%7D%0A%20%20%20%20%20%20isSubmenuOpen%3D%7Blabel%20%3D%3D%3D%20'Documents'%20%26%26%20isSubmenuOpen%7D%20%2F%2F%20needed%20for%20proper%20styling%20when%20submenu%20is%20open%20but%20page%20is%20not%20active%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(label%20!%3D%3D%20'Documents')%20%7B%0A%20%20%20%20%20%20%20%20%20%20setActiveItem(index)%3B%0A%20%20%20%20%20%20%20%20%20%20setActiveSubItem(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20setIsSubmenuOpen(false)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20setIsSubmenuOpen((open)%20%3D%3E%20!open)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Blabel%7D%0A%20%20%20%20%3C%2FSidenavButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20height%3A%20'100%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSideNavigation%0A%20%20%20%20%20%20%20%20expanderPlacement%3D'bottom'%0A%20%20%20%20%20%20%20%20items%3D%7Bitems.slice(0%2C%203)%7D%0A%20%20%20%20%20%20%20%20secondaryItems%3D%7B%5Bitems%5B3%5D%5D%7D%0A%20%20%20%20%20%20%20%20isSubmenuOpen%3D%7BisSubmenuOpen%7D%0A%20%20%20%20%20%20%20%20submenu%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CSidenavSubmenu%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSidenavSubmenuHeader%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Settings'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgSettings%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3EDocuments%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FSidenavSubmenuHeader%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EAll%20documents%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setActiveItem(2)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setActiveSubItem(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Folder%20%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSidenavSubmenu%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'var(--iui-color-background-disabled)'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2016%2C%0A%20%20%20%20%20%20%20%20%20%20flexGrow%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20placeContent%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%7BitemsData%5BactiveItem%5D%3F.label%7D%20page%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%3E%0A%20%20%20%20%20%20%20%20%20%20%7BactiveSubItem%20%3E%3D%200%20%26%26%20%60Contents%20of%20Folder%20%24%7BactiveSubItem%7D%60%7D%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A",61450310:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Badge%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Badge'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CBadge%20backgroundColor%3D'skyblue'%3ELabel%3C%2FBadge%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LongLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%20title%3D'Long%20label%20that%20gets%20truncated'%3E%0A%20%20%20%20%20%20Long%20label%20that%20gets%20truncated%0A%20%20%20%20%3C%2FBadge%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'positive'%3ESuccess%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'negative'%3EError%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'primary'%3EInformational%3C%2FBadge%3E%0A%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'warning'%3EWarning%3C%2FBadge%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A",80259061:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Anchor%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Anchor'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%3Ewww.example.com%3C%2FAnchor%3E%3B%0A%7D%3B%0A%0Aexport%20const%20AsButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%3E%0A%20%20%20%20%20%20Perform%20action%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20External%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%20isExternal%20target%3D'_blank'%3E%0A%20%20%20%20%20%20www.example.com%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Underline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.example.com%2F'%20underline%3E%0A%20%20%20%20%20%20www.example.com%0A%20%20%20%20%3C%2FAnchor%3E%0A%20%20)%3B%0A%7D%3B%0A",d01c33c2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Alert%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgPlaceholder%2C%20SvgSmileyHappy%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Alert'%2C%0A%7D%3B%0A%0Aexport%20const%20Informational%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20an%20informational%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'positive'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20positive%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'warning'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20warning%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'negative'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20This%20is%20a%20negative%20message.%0A%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sticky%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'150px'%2C%0A%20%20%20%20%20%20%20%20overflow%3A%20'overlay'%2C%0A%20%20%20%20%20%20%20%20textAlign%3A%20'justify'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'solid%200.5px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%20isSticky%3D%7Btrue%7D%3E%0A%20%20%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CAlert.Message%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20sticky!%0A%20%20%20%20%20%20%20%20%20%20%3CAlert.Action%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20more%20info!')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20More%20Info.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FAlert.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20%20%20%20%20%3Cp%20style%3D%7B%7B%20margin%3A%200%2C%20padding%3A%20'8px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%0A%20%20%20%20%20%20%20%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%0A%20%20%20%20%20%20%20%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%0A%20%20%20%20%20%20%20%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%0A%20%20%20%20%20%20%20%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%0A%20%20%20%20%20%20%20%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%0A%20%20%20%20%20%20%20%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%0A%20%20%20%20%20%20%20%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%0A%20%20%20%20%20%20%20%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%0A%20%20%20%20%20%20%20%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%0A%20%20%20%20%20%20%20%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%0A%20%20%20%20%20%20%20%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%0A%20%20%20%20%20%20%20%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%0A%20%20%20%20%20%20%20%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%0A%20%20%20%20%20%20%20%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%0A%20%20%20%20%20%20%20%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%0A%20%20%20%20%20%20%20%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%0A%20%20%20%20%20%20%20%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%0A%20%20%20%20%20%20%20%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Empty%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%20%2F%3E%0A%20%20%20%20%20%20%3CAlert.Message%3EThis%20is%20an%20empty%20info%20message.%3C%2FAlert.Message%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAlert.Wrapper%20type%3D'informational'%3E%0A%20%20%20%20%20%20%3CAlert.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgSmileyHappy%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.Icon%3E%0A%20%20%20%20%20%20%3CAlert.Message%3EThis%20is%20an%20info%20message%20with%20a%20custom%20icon.%3C%2FAlert.Message%3E%0A%20%20%20%20%20%20%3CAlert.CloseButton%20onClick%3D%7B()%20%3D%3E%20console.log('Close!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FAlert.CloseButton%3E%0A%20%20%20%20%3C%2FAlert.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",bd99a355:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20getUserColor%2C%20Avatar%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgUser%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Avatar'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithImage%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20image%3D%7B%3CSvgUser%20%2F%3E%7D%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sizes%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%2C%20placeItems%3A%20'center'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'x-large'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%2C%20placeItems%3A%20'center'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'online'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'offline'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'busy'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20%20%20status%3D'away'%0A%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomStatusTranslation%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20status%3D'away'%0A%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20translatedStatusTitles%3D%7B%7B%0A%20%20%20%20%20%20%20%20away%3A%20'AFK'%2C%0A%20%20%20%20%20%20%20%20busy%3A%20'Do%20not%20disturb!'%2C%0A%20%20%20%20%20%20%20%20offline%3A%20'Disconnected'%2C%0A%20%20%20%20%20%20%20%20online%3A%20'Available'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",e028d020:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20getUserColor%2C%0A%20%20Tooltip%2C%0A%20%20Avatar%2C%0A%20%20AvatarGroup%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'AvatarGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ace%20Cash'%2C%0A%20%20%20%20'Tanner%20Fraser'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Animated%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20animated%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ManyAvatars%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ace%20Cash'%2C%0A%20%20%20%20'Tanner%20Fraser'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Nico%20Triplett'%2C%0A%20%20%20%20'Drew%20Abel'%2C%0A%20%20%20%20'Kendall%20Simons'%2C%0A%20%20%20%20'Kennedy%20Gray'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%20%20'Jessie%20Dodd'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CAvatarGroup%20iconSize%3D'large'%3E%0A%20%20%20%20%20%20%20%20%7BArray(110)%0A%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20userNames%5Bindex%20%25%20userNames.length%5D)%0A%20%20%20%20%20%20%20%20%20%20.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NonStacked%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CAvatarGroup%20stacked%3D%7Bfalse%7D%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20userNames%20%3D%20%5B%0A%20%20%20%20'Terry%20Rivers'%2C%0A%20%20%20%20'Robin%20Mercer'%2C%0A%20%20%20%20'Morgan%20Vera'%2C%0A%20%20%20%20'Ashley%20Miles'%2C%0A%20%20%20%20'Jean%20Mullins'%2C%0A%20%20%20%20'Charlie%20Mayfield'%2C%0A%20%20%20%20'Peyton%20Pennington'%2C%0A%20%20%20%20'Justice%20Harrington'%2C%0A%20%20%5D%3B%0A%0A%20%20%2F**%0A%20%20%20*%20Store%20the%20last%20avatar%20for%20tooltip%20positioning.%0A%20%20%20*%2F%0A%20%20const%20%5BcountIcon%2C%20setCountIcon%5D%20%3D%20useState%3CHTMLElement%20%7C%20null%3E(null)%3B%0A%0A%20%20const%20usersSubArray%20%3D%20userNames.slice(5)%3B%0A%20%20const%20tooltipContent%20%3D%20usersSubArray.join(%60%5Cn%60)%20as%20string%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CAvatarGroup%20countIconProps%3D%7B%7B%20ref%3A%20setCountIcon%20%7D%7D%20iconSize%3D'medium'%3E%0A%20%20%20%20%20%20%20%20%7BuserNames.map((name%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60%24%7Bname%7D-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D%7Bname%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.split('%20')%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((token)%20%3D%3E%20token%5B0%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.join('')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor(name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20title%3D%7Bname%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FAvatarGroup%3E%0A%20%20%20%20%20%20%3CTooltip%0A%20%20%20%20%20%20%20%20reference%3D%7BcountIcon%7D%0A%20%20%20%20%20%20%20%20content%3D%7BtooltipContent%7D%0A%20%20%20%20%20%20%20%20placement%3D'right'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20whiteSpace%3A%20'pre'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",f89ae976:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Blockquote%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Blockquote'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CBlockquote%3EThis%20is%20a%20quote%3C%2FBlockquote%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithFooter%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBlockquote%0A%20%20%20%20%20%20cite%3D'https%3A%2F%2Fwww.bentley.com%2Fen'%0A%20%20%20%20%20%20footer%3D%7B%0A%20%20%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%80%94%20Greg%20Bentley%2C%20%3Ccite%3ENasdaqListed%3C%2Fcite%3E%0A%20%20%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20For%2036%20years%20we%20have%20served%20engineers%20with%20our%20software%2C%20passionately%0A%20%20%20%20%20%20%20%20believing%20that%20better%20performing%20and%20more%20resilient%20infrastructure%20is%0A%20%20%20%20%20%20%20%20essential%20to%20improve%20the%20quality%20of%20life%20for%20people%20everywhere%2C%20sustain%0A%20%20%20%20%20%20%20%20our%20environment%2C%20and%20grow%20our%20economies.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2FBlockquote%3E%0A%20%20)%3B%0A%7D%3B%0A",c8853e22:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useMemo%2C%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20IconButton%2C%0A%20%20Breadcrumbs%2C%0A%20%20DropdownButton%2C%0A%20%20DropdownMenu%2C%0A%20%20MenuItem%2C%0A%20%20Input%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgChevronRightDouble%2C%0A%20%20SvgFolder%2C%0A%20%20SvgMore%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Breadcrumbs'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Root')%7D%3E%0A%20%20%20%20%20%20%20%20Root%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%201')%7D%3E%0A%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%202')%7D%3E%0A%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Links%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20href%3D'%2F'%3E%0A%20%20%20%20%20%20%20%20iTwinUI%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20href%3D'%2F%3Fpath%3D%2Fdocs%2Fcore-breadcrumbs'%3E%0A%20%20%20%20%20%20%20%20Breadcrumbs%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%3ELinks%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomSeparator%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%20separator%3D%7B%3CSvgChevronRightDouble%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B0%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Root')%7D%3E%0A%20%20%20%20%20%20%20%20Root%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%201')%7D%3E%0A%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('Item%202')%7D%3E%0A%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Overflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20%3CBreadcrumbs%3E%7Bitems%7D%3C%2FBreadcrumbs%3E%3B%0A%7D%3B%0AOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20CustomOverflowBackButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%0A%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20previousBreadcrumb%20%3D%0A%20%20%20%20%20%20%20%20%20%20visibleCount%20%3E%201%20%3F%20items.length%20-%20visibleCount%20%3A%20items.length%20-%202%3B%0A%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D%7B%60Item%20%24%7BpreviousBreadcrumb%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(%60Visit%20breadcrumb%20%24%7BpreviousBreadcrumb%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7B%60Item%20%24%7BpreviousBreadcrumb%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20labelProps%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20placement%3A%20'bottom'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0ACustomOverflowBackButton.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20CustomOverflowDropdown%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array(10)%0A%20%20%20%20.fill(null)%0A%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(%60Clicked%20on%20breadcrumb%20%24%7Bindex%20%2B%201%7D%60)%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CBreadcrumbs%0A%20%20%20%20%20%20overflowButton%3D%7B(visibleCount%3A%20number)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20visibleCount)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20visibleCount%20%3E%201%20%3F%20_index%20%2B%201%20%3A%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(%60Visit%20breadcrumb%20%24%7Bindex%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7Bindex%7D%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'Dropdown%20with%20more%20breadcrumbs'%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20overflow%20icon')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FBreadcrumbs%3E%0A%20%20)%3B%0A%7D%3B%0ACustomOverflowDropdown.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20FolderNavigation%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B'Root'%2C%20'Level%201'%2C%20'Level%202'%2C%20'Level%203'%2C%20'Level%204'%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BlastIndex%2C%20setLastIndex%5D%20%3D%20useState(items.length%20-%201)%3B%0A%20%20const%20%5BisEditing%2C%20setIsEditing%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20breadcrumbItems%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20items.slice(0%2C%20lastIndex%20%2B%201).map((item%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CBreadcrumbs.Item%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B%60Breadcrumb%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(lastIndex%20!%3D%3D%20index)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(true)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bitem%7D%0A%20%20%20%20%20%20%20%20%3C%2FBreadcrumbs.Item%3E%0A%20%20%20%20%20%20))%2C%0A%20%20%20%20%5Bitems%2C%20lastIndex%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'inline-flex'%2C%20width%3A%20450%20%7D%7D%3E%0A%20%20%20%20%20%20%3CDropdownButton%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgFolder%20aria-hidden%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20items.map((item%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7B%60Item%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(index)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20))%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7BisEditing%20%3F%20(%0A%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bitems.slice(0%2C%20lastIndex%20%2B%201).join('%2F')%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20lastItem%20%3D%20value.substring(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20value.lastIndexOf('%2F'%2C%20value.length%20-%202)%20%2B%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20setLastIndex(items.findIndex((item)%20%3D%3E%20lastItem.includes(item)))%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20onKeyDown%3D%7B(%7B%20key%20%7D)%20%3D%3E%20key%20%3D%3D%3D%20'Enter'%20%26%26%20setIsEditing(false)%7D%0A%20%20%20%20%20%20%20%20%20%20onBlur%3D%7B()%20%3D%3E%20setIsEditing(false)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%3CBreadcrumbs%3E%7BbreadcrumbItems%7D%3C%2FBreadcrumbs%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A","57cb345b":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20NotificationMarker%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgEmail%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Button'%2C%0A%7D%3B%0A%0Aexport%20const%20CallToAction%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'cta'%3E%0A%20%20%20%20%20%20Call%20To%20Action%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HighVisibility%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'high-visibility'%3E%0A%20%20%20%20%20%20High%20Visibility%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20styleType%3D'default'%3E%0A%20%20%20%20%20%20Default%20Button%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgAdd%20%2F%3E%7D%0A%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20New%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithNotification%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%20'10px'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'cta'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'default'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEmail%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Inbox%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AsLink%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%0A%20%20%20%20%20%20as%3D'a'%0A%20%20%20%20%20%20href%3D%7Bwindow.location.href%7D%0A%20%20%20%20%20%20target%3D'_blank'%0A%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%3Csvg%20viewBox%3D'0%200%2016%2016'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm16%200v5.4l-1.9-2-8.4%208.4-1.5-1.5%208.3-8.4-1.9-1.9m5.4%2016v-9h-1v8h-14v-14h8v-1h-9v16z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Open%20in%20new%20tab%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Stretch%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CButton%20stretched%3ESign%20in%3C%2FButton%3E%3B%0A%7D%3B%0AStretch.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20300%2C%20outline%3A%20'1px%20solid'%2C%20padding%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%20loading%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Click%20me%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D%3B%0A",cd98b299:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20ButtonGroup%2C%0A%20%20DropdownMenu%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20MenuItem%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgAdd%2C%0A%20%20SvgDelete%2C%0A%20%20SvgEdit%2C%0A%20%20SvgUndo%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgMore%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ButtonGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20WithIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%20role%3D'toolbar'%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20add!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20label%3D'Edit'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20edit!')%7D%0A%20%20%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20label%3D'Delete'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20delete!')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgDelete%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Undo'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20undo!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgUndo%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Overflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array.from(%7B%20length%3A%2010%20%7D%2C%20(_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CIconButton%20key%3D%7Bindex%7D%20label%3D%7B%60Item%20%23%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%0A%20%20%20%20%20%20orientation%3D'horizontal'%0A%20%20%20%20%20%20overflowButton%3D%7B(overflowStart)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20overflowStart)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20overflowStart%20%2B%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7Bclose%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%23%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0AOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(30rem%2C%20100%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20hotpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'inline'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A%0Aexport%20const%20InputButtonCombo%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20defaultValue%3D'Bearer%20eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ'%0A%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20minWidth%3A%20'30ch'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%20%20onClick%3D%7Basync%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20await%20navigator.clipboard.writeText(%0A%20%20%20%20%20%20%20%20%20%20%20%20%60Bearer%20eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ%60%2C%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20console.log('Copied%20bearer%20token%20to%20clipboard')%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Copy%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%20orientation%3D'vertical'%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20add!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20label%3D'Edit'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20edit!')%7D%0A%20%20%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20label%3D'Delete'%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20delete!')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSvgDelete%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Undo'%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20undo!')%7D%3E%0A%20%20%20%20%20%20%20%20%3CSvgUndo%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VerticalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20items%20%3D%20Array.from(%7B%20length%3A%2010%20%7D%2C%20(_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%3CIconButton%20key%3D%7Bindex%7D%20label%3D%7B%60Item%20%23%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CButtonGroup%0A%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20style%3D%7B%7B%20blockSize%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20overflowButton%3D%7B(overflowStart)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20menuItems%3D%7B(close)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Array(items.length%20-%20overflowStart)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20_index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20index%20%3D%20overflowStart%20%2B%20_index%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7Bclose%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%23%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7Bitems%7D%0A%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20)%3B%0A%7D%3B%0AVerticalOverflow.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20variant%3D'small'%20as%3D'small'%20isMuted%3E%0A%20%20%20%20%20%20%20%20Resize%20the%20container%20to%20see%20overflow%20behavior.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20blockSize%3A%20'min(20rem%2C%20100vh)'%2C%0A%20%20%20%20%20%20%20%20%20%20inlineSize%3A%20'min(20rem%2C%20100vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20hotpink'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20resize%3A%20'block'%2C%0A%20%20%20%20%20%20%20%20%20%20overflow%3A%20'hidden'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%3B%0A",fc3e20cc:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Carousel%2C%20Text%2C%20Code%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Carousel'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CCarousel%20style%3D%7B%7B%20width%3A%20'min(800px%2C%2090vw)'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CCarousel.Navigation%20%2F%3E%0A%20%20%20%20%20%20%3CCarousel.Slider%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCarousel.Slide%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20350%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20fontSize%3A%2048%2C%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FCarousel.Slide%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FCarousel.Slider%3E%0A%20%20%20%20%3C%2FCarousel%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20%5BcurrentIndex%2C%20setCurrentIndex%5D%20%3D%20React.useState(5)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CCarousel%0A%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'min(800px%2C%2090vw)'%20%7D%7D%0A%20%20%20%20%20%20activeSlideIndex%3D%7BcurrentIndex%7D%0A%20%20%20%20%20%20onSlideChange%3D%7B(index)%20%3D%3E%20setCurrentIndex(index)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CCarousel.Navigation%20%2F%3E%0A%20%20%20%20%20%20%3CCarousel.Slider%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCarousel.Slide%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20350%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20fontSize%3A%2048%2C%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FCarousel.Slide%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FCarousel.Slider%3E%0A%20%20%20%20%3C%2FCarousel%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aconst%20useId%20%3D%20()%20%3D%3E%20'my-custom-carousel'%3B%0Aexport%20const%20OnlyDots%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20gradients%20%3D%20%5B%0A%20%20%20%20%7B%20from%3A%20'%23cc2b5e'%2C%20to%3A%20'%23753a88'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%2300467f'%2C%20to%3A%20'%23a5cc82'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%232193b0'%2C%20to%3A%20'%236dd5ed'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23ffe000'%2C%20to%3A%20'%23799f0c'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23e65c00'%2C%20to%3A%20'%23f9d423'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%231488cc'%2C%20to%3A%20'%232b32b2'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23bbd2c5'%2C%20to%3A%20'%23536976'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%239796f0'%2C%20to%3A%20'%23fbc7d4'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23b79891'%2C%20to%3A%20'%2394716b'%20%7D%2C%0A%20%20%20%20%7B%20from%3A%20'%23acb6e5'%2C%20to%3A%20'%2386fde8'%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20id%20%3D%20useId()%3B%0A%20%20const%20%5Bcurrent%2C%20setCurrent%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Csection%0A%20%20%20%20%20%20aria-roledescription%3D'carousel'%0A%20%20%20%20%20%20tabIndex%3D%7B0%7D%0A%20%20%20%20%20%20onKeyUp%3D%7B(%7B%20key%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20diff%20%3D%20key%20%3D%3D%3D%20'ArrowRight'%20%3F%201%20%3A%20key%20%3D%3D%3D%20'ArrowLeft'%20%3F%20-1%20%3A%200%3B%0A%20%20%20%20%20%20%20%20setCurrent(%0A%20%20%20%20%20%20%20%20%20%20(prev)%20%3D%3E%20(gradients.length%20%2B%20prev%20%2B%20diff)%20%25%20gradients.length%2C%0A%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'inline-grid'%2C%20width%3A%20'min(90vw%2C%2040vh)'%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CCarousel.DotsList%0A%20%20%20%20%20%20%20%20id%3D%7Bid%7D%0A%20%20%20%20%20%20%20%20length%3D%7Bgradients.length%7D%0A%20%20%20%20%20%20%20%20currentIndex%3D%7Bcurrent%7D%0A%20%20%20%20%20%20%20%20onSlideChange%3D%7B(_i)%20%3D%3E%20setCurrent(_i)%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20justifySelf%3A%20'center'%2C%20maxWidth%3A%20'min(100%25%2C%20200px)'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20grid%3A%20%60%5Bslide%5D%201fr%20%2F%20%5Bslide%5D%201fr%60%2C%0A%20%20%20%20%20%20%20%20%20%20order%3A%20'-1'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7Bgradients.map((%7B%20from%2C%20to%20%7D%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20role%3D'tabpanel'%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%7B%60%24%7Bid%7D-slide-%24%7Bindex%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(%7B%20currentTarget%3A%20%7B%20clientWidth%20%7D%2C%20clientX%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20diff%20%3D%20clientWidth%20-%20clientX%20%3E%20clientWidth%20%2F%202%20%3F%20-1%20%3A%20%2B1%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setCurrent(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(prev)%20%3D%3E%20(gradients.length%20%2B%20prev%20%2B%20diff)%20%25%20gradients.length%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20gridArea%3A%20'slide'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity%3A%20current%20%3D%3D%3D%20index%20%3F%201%20%3A%200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20pointerEvents%3A%20current%20%3D%3D%3D%20index%20%3F%20'auto'%20%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20'opacity%200.5s'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20cursor%3A%20'pointer'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%60linear-gradient(to%20right%2C%20%24%7Bfrom%7D%2C%20%24%7Bto%7D)%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'min(600px%2C%2070vh)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fontSize%3A%2048%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20'hsl(0deg%200%25%20100%25%20%2F%200.7)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bindex%20%2B%201%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fsection%3E%0A%20%20)%3B%0A%7D%3B%0AOnlyDots.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'inline-grid'%2C%20gap%3A%20'1rem'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20fontStyle%3A%20'italic'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20This%20example%20shows%20how%20%3CCode%3ECarousel.DotsList%3C%2FCode%3E%20can%20be%20used%0A%20%20%20%20%20%20%20%20outside%20%3CCode%3ECarousel%3C%2FCode%3E.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Clicking%20on%20the%20right%20half%20of%20the%20slide%20will%20advance%20the%20carousel%20to%20the%0A%20%20%20%20%20%20%20%20next%20slide%2C%20whereas%20clicking%20on%20the%20left%20half%20will%20go%20to%20the%20previous%0A%20%20%20%20%20%20%20%20slide.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",a28638e2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Checkbox%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Checkbox'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Basic%20Checkbox'%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Disabled%20Checkbox'%20disabled%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Indeterminate%20Checkbox'%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Positive%20Checkbox'%20status%3D'positive'%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Warning%20Checkbox'%20status%3D'warning'%20%2F%3E%3B%0A%7D%3B%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Negative%20Checkbox'%20status%3D'negative'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Loading%20Checkbox'%20isLoading%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Visibility%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CCheckbox%20label%3D'Visibility%20Checkbox'%20variant%3D'eyeball'%20%2F%3E%3B%0A%7D%3B%0A","4d3c682a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Code%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Code'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20The%20%3CCode%3Epush()%3C%2FCode%3E%20method%20adds%20one%20or%20more%20elements%20to%20the%20end%20of%20an%0A%20%20%20%20%20%20array%20and%20returns%20the%20new%20length%20of%20the%20array.%0A%20%20%20%20%3C%2Fp%3E%0A%20%20)%3B%0A%7D%3B%0A","9261e1c5":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20ColorPicker%2C%0A%20%20IconButton%2C%0A%20%20ColorSwatch%2C%0A%20%20Button%2C%0A%20%20ButtonGroup%2C%0A%20%20ColorValue%2C%0A%20%20ColorPalette%2C%0A%20%20ColorBuilder%2C%0A%20%20ColorInputPanel%2C%0A%20%20Popover%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSwap%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ColorPicker'%2C%0A%7D%3B%0A%0Aconst%20ColorsList%20%3D%20%5B%0A%20%20%7B%20color%3A%20'%23ffffff'%2C%20name%3A%20'WHITE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%235a6973'%2C%20name%3A%20'GREY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2300121d'%2C%20name%3A%20'KURETAKE%20BLACK%20MANGA'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23002a44'%2C%20name%3A%20'RHAPSODY%20IN%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2300426b'%2C%20name%3A%20'DARK%20IMPERIAL%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23005a92'%2C%20name%3A%20'JETSKI%20RACE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%230073ba'%2C%20name%3A%20'FRENCH%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23008be1'%2C%20name%3A%20'BLUE%20COLA'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2330b0ff'%2C%20name%3A%20'FANTASY%20CONSOLE%20SKY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2358bfff'%2C%20name%3A%20'HELLO%20SUMMER'%20%7D%2C%0A%20%20%7B%20color%3A%20'%237fceff'%2C%20name%3A%20'CHROMIS%20DAMSEL%20BLUE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23a6ddff'%2C%20name%3A%20'DROPLET'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23cdecff'%2C%20name%3A%20'LUCID%20DREAMS'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23e5f5fd'%2C%20name%3A%20'KODAMA%20WHITE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23010200'%2C%20name%3A%20'REGISTRATION%20BLACK'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23122306'%2C%20name%3A%20'YUZU%20SOY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2323450b'%2C%20name%3A%20'FOREST%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23346711'%2C%20name%3A%20'TATZELWURM%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23458816'%2C%20name%3A%20'CHLOROPHYLL'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2356aa1c'%2C%20name%3A%20'PLASTIC%20PINES'%20%7D%2C%0A%20%20%7B%20color%3A%20'%235fbb1f'%2C%20name%3A%20'FIELD%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2367cc22'%2C%20name%3A%20'GREEN%20HIGH'%20%7D%2C%0A%20%20%7B%20color%3A%20'%2391e458'%2C%20name%3A%20'LILLIPUTIAN%20LIME'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23b2ec8b'%2C%20name%3A%20'GREEN%20DAY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23d4f4bd'%2C%20name%3A%20'TEA%20GREEN'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23eef6e8'%2C%20name%3A%20'VERDE%20PASTEL'%20%7D%2C%0A%20%20%7B%20color%3A%20'%239ba5af'%2C%20name%3A%20'SERYI%20GREY'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23cf0000'%2C%20name%3A%20'RED%20EPIPHYLLUM'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23ff6300'%2C%20name%3A%20'SAFETY%20ORANGE'%20%7D%2C%0A%20%20%7B%20color%3A%20'%23ffc335'%2C%20name%3A%20'RISE-N-SHINE'%20%7D%2C%0A%5D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BactiveColor%2C%20setActiveColor%5D%20%3D%20useState(ColorsList%5B5%5D)%3B%0A%20%20const%20%5BcolorName%2C%20setColorName%5D%20%3D%20useState(ColorsList%5B5%5D.name)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20const%20hexString%20%3D%20color.toHexString()%3B%0A%20%20%20%20const%20index%20%3D%20ColorsList.findIndex(%0A%20%20%20%20%20%20(swatch)%20%3D%3E%20swatch.color%20%3D%3D%3D%20hexString.toLowerCase()%2C%0A%20%20%20%20)%3B%0A%20%20%20%20setActiveColor(ColorsList%5Bindex%5D)%3B%0A%20%20%20%20setColorName(ColorsList%5Bindex%5D.name)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BColorsList%5Bindex%5D.color%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BactiveColor.color%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%20colors%3D%7BColorsList.map((%7B%20color%20%7D)%20%3D%3E%20color)%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BactiveColor.color%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcolorName%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Advanced%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20useState%3CColorValue%3E(%0A%20%20%20%20ColorValue.create(%7B%20h%3A%200%2C%20s%3A%20100%2C%20l%3A%2050%20%7D)%2C%0A%20%20)%3B%0A%0A%20%20const%20formats%20%3D%20%5B'hsl'%2C%20'rgb'%2C%20'hex'%5D%20as%20const%3B%0A%20%20const%20%5BcurrentFormat%2C%20setCurrentFormat%5D%20%3D%20useState%3C(typeof%20formats)%5Bnumber%5D%3E(%0A%20%20%20%20formats%5B0%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20setSelectedColor(color)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BgetDisplayString(color)%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20getDisplayString%20%3D%20(color%20%3D%20selectedColor)%20%3D%3E%20%7B%0A%20%20%20%20switch%20(currentFormat)%20%7B%0A%20%20%20%20%20%20case%20'hsl'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHslString()%3B%0A%20%20%20%20%20%20case%20'rgb'%3A%0A%20%20%20%20%20%20%20%20return%20color.toRgbString()%3B%0A%20%20%20%20%20%20case%20'hex'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHexString().toUpperCase()%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorBuilder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorInputPanel%20defaultColorFormat%3D%7BcurrentFormat%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Saved%20Colors'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20colors%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%200%2C%20s%3A%20100%2C%20l%3A%2050%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%20255%2C%20g%3A%2098%2C%20b%3A%200%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%23fec134'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%235A6973'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%2095%2C%20s%3A%2083%2C%20v%3A%2072%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20h%3A%20250%2C%20s%3A%20100%2C%20l%3A%2059%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setCurrentFormat(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20formats%5B(formats.indexOf(currentFormat)%20%2B%201)%20%25%20formats.length%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%3CSvgSwap%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20170%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BgetDisplayString()%20%3F%3F%20'No%20color%20selected.'%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithAlpha%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BselectedColor%2C%20setSelectedColor%5D%20%3D%20useState%3CColorValue%3E(%0A%20%20%20%20ColorValue.create(%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.4%20%7D)%2C%0A%20%20)%3B%0A%0A%20%20const%20formats%20%3D%20%5B'hsl'%2C%20'rgb'%2C%20'hex'%5D%20as%20const%3B%0A%20%20const%20%5BcurrentFormat%2C%20setCurrentFormat%5D%20%3D%20useState%3C(typeof%20formats)%5Bnumber%5D%3E(%0A%20%20%20%20formats%5B0%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onColorChanged%20%3D%20(color%3A%20ColorValue)%20%3D%3E%20%7B%0A%20%20%20%20setSelectedColor(color)%3B%0A%20%20%20%20console.log(%60Selected%20%24%7BgetDisplayString(color)%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20getDisplayString%20%3D%20(color%20%3D%20selectedColor)%20%3D%3E%20%7B%0A%20%20%20%20switch%20(currentFormat)%20%7B%0A%20%20%20%20%20%20case%20'hsl'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHslString(true)%3B%0A%20%20%20%20%20%20case%20'rgb'%3A%0A%20%20%20%20%20%20%20%20return%20color.toRgbString(true)%3B%0A%20%20%20%20%20%20case%20'hex'%3A%0A%20%20%20%20%20%20%20%20return%20color.toHexString(true)%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButtonGroup%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedColor%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChangeComplete%3D%7BonColorChanged%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20showAlpha%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorBuilder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorInputPanel%20defaultColorFormat%3D%7BcurrentFormat%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CColorPalette%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Saved%20Colors'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20colors%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%201%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.81%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20r%3A%2090%2C%20g%3A%20105%2C%20b%3A%20115%2C%20a%3A%200.4%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FColorPicker%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20visible%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20%20%20onVisibleChange%3D%7BsetIsOpen%7D%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-start'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Show%20color%20picker'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CColorSwatch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20pointerEvents%3A%20'none'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3D%7BselectedColor%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setCurrentFormat(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20formats%5B(formats.indexOf(currentFormat)%20%2B%201)%20%25%20formats.length%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%3CSvgSwap%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BgetDisplayString()%20%3F%3F%20'No%20color%20selected.'%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FButtonGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","0523f810":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20ComboBox%2C%0A%20%20Label%2C%0A%20%20MenuItem%2C%0A%20%20StatusMessage%2C%0A%20%20SelectOption%2C%0A%20%20MenuItemSkeleton%2C%0A%20%20InputGrid%2C%0A%20%20Flex%2C%0A%20%20Divider%2C%0A%20%20Checkbox%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0Atype%20ComboBoxProps%20%3D%20React.ComponentProps%3Ctypeof%20ComboBox%3E%3B%0A%0Aexport%20default%20%7B%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%2C%20minHeight%3A%20380%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%20%20title%3A%20'ComboBox'%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aconst%20countriesList%20%3D%20%5B%0A%20%20%7B%20label%3A%20'Afghanistan'%2C%20value%3A%20'AF'%20%7D%2C%0A%20%20%7B%20label%3A%20'%C3%85land%20Islands'%2C%20value%3A%20'AX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Albania'%2C%20value%3A%20'AL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Algeria'%2C%20value%3A%20'DZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'American%20Samoa'%2C%20value%3A%20'AS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Andorra'%2C%20value%3A%20'AD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Angola'%2C%20value%3A%20'AO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Anguilla'%2C%20value%3A%20'AI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Antarctica'%2C%20value%3A%20'AQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Antigua%20and%20Barbuda'%2C%20value%3A%20'AG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Argentina'%2C%20value%3A%20'AR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Armenia'%2C%20value%3A%20'AM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Aruba'%2C%20value%3A%20'AW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Australia'%2C%20value%3A%20'AU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Austria'%2C%20value%3A%20'AT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Azerbaijan'%2C%20value%3A%20'AZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bahamas'%2C%20value%3A%20'BS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bahrain'%2C%20value%3A%20'BH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bangladesh'%2C%20value%3A%20'BD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Barbados'%2C%20value%3A%20'BB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belarus'%2C%20value%3A%20'BY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belgium'%2C%20value%3A%20'BE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Belize'%2C%20value%3A%20'BZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Benin'%2C%20value%3A%20'BJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bermuda'%2C%20value%3A%20'BM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bhutan'%2C%20value%3A%20'BT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bolivia'%2C%20value%3A%20'BO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bosnia%20and%20Herzegovina'%2C%20value%3A%20'BA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Botswana'%2C%20value%3A%20'BW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bouvet%20Island'%2C%20value%3A%20'BV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Brazil'%2C%20value%3A%20'BR'%20%7D%2C%0A%20%20%7B%20label%3A%20'British%20Indian%20Ocean%20Territory'%2C%20value%3A%20'IO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Brunei%20Darussalam'%2C%20value%3A%20'BN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Bulgaria'%2C%20value%3A%20'BG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Burkina%20Faso'%2C%20value%3A%20'BF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Burundi'%2C%20value%3A%20'BI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cambodia'%2C%20value%3A%20'KH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cameroon'%2C%20value%3A%20'CM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Canada'%2C%20value%3A%20'CA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cape%20Verde'%2C%20value%3A%20'CV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cayman%20Islands'%2C%20value%3A%20'KY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Central%20African%20Republic'%2C%20value%3A%20'CF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Chad'%2C%20value%3A%20'TD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Chile'%2C%20value%3A%20'CL'%20%7D%2C%0A%20%20%7B%20label%3A%20'China'%2C%20value%3A%20'CN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Christmas%20Island'%2C%20value%3A%20'CX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cocos%20(Keeling)%20Islands'%2C%20value%3A%20'CC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Colombia'%2C%20value%3A%20'CO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Comoros'%2C%20value%3A%20'KM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Congo'%2C%20value%3A%20'CG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Congo%2C%20The%20Democratic%20Republic%20of%20the'%2C%20value%3A%20'CD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cook%20Islands'%2C%20value%3A%20'CK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Costa%20Rica'%2C%20value%3A%20'CR'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Cote%20D'Ivoire%22%2C%20value%3A%20'CI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Croatia'%2C%20value%3A%20'HR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cuba'%2C%20value%3A%20'CU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Cyprus'%2C%20value%3A%20'CY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Czech%20Republic'%2C%20value%3A%20'CZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Denmark'%2C%20value%3A%20'DK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Djibouti'%2C%20value%3A%20'DJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Dominica'%2C%20value%3A%20'DM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Dominican%20Republic'%2C%20value%3A%20'DO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ecuador'%2C%20value%3A%20'EC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Egypt'%2C%20value%3A%20'EG'%20%7D%2C%0A%20%20%7B%20label%3A%20'El%20Salvador'%2C%20value%3A%20'SV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Equatorial%20Guinea'%2C%20value%3A%20'GQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Eritrea'%2C%20value%3A%20'ER'%20%7D%2C%0A%20%20%7B%20label%3A%20'Estonia'%2C%20value%3A%20'EE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ethiopia'%2C%20value%3A%20'ET'%20%7D%2C%0A%20%20%7B%20label%3A%20'Falkland%20Islands%20(Malvinas)'%2C%20value%3A%20'FK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Faroe%20Islands'%2C%20value%3A%20'FO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Fiji'%2C%20value%3A%20'FJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Finland'%2C%20value%3A%20'FI'%20%7D%2C%0A%20%20%7B%20label%3A%20'France'%2C%20value%3A%20'FR'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Guiana'%2C%20value%3A%20'GF'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Polynesia'%2C%20value%3A%20'PF'%20%7D%2C%0A%20%20%7B%20label%3A%20'French%20Southern%20Territories'%2C%20value%3A%20'TF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gabon'%2C%20value%3A%20'GA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gambia'%2C%20value%3A%20'GM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Georgia'%2C%20value%3A%20'GE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Germany'%2C%20value%3A%20'DE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ghana'%2C%20value%3A%20'GH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Gibraltar'%2C%20value%3A%20'GI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Greece'%2C%20value%3A%20'GR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Greenland'%2C%20value%3A%20'GL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Grenada'%2C%20value%3A%20'GD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guadeloupe'%2C%20value%3A%20'GP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guam'%2C%20value%3A%20'GU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guatemala'%2C%20value%3A%20'GT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guernsey'%2C%20value%3A%20'GG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guinea'%2C%20value%3A%20'GN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guinea-Bissau'%2C%20value%3A%20'GW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Guyana'%2C%20value%3A%20'GY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Haiti'%2C%20value%3A%20'HT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Heard%20Island%20and%20Mcdonald%20Islands'%2C%20value%3A%20'HM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Holy%20See%20(Vatican%20City%20State)'%2C%20value%3A%20'VA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Honduras'%2C%20value%3A%20'HN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Hong%20Kong'%2C%20value%3A%20'HK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Hungary'%2C%20value%3A%20'HU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iceland'%2C%20value%3A%20'IS'%20%7D%2C%0A%20%20%7B%20label%3A%20'India'%2C%20value%3A%20'IN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Indonesia'%2C%20value%3A%20'ID'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iran%2C%20Islamic%20Republic%20Of'%2C%20value%3A%20'IR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Iraq'%2C%20value%3A%20'IQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ireland'%2C%20value%3A%20'IE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Isle%20of%20Man'%2C%20value%3A%20'IM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Israel'%2C%20value%3A%20'IL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Italy'%2C%20value%3A%20'IT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jamaica'%2C%20value%3A%20'JM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Japan'%2C%20value%3A%20'JP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jersey'%2C%20value%3A%20'JE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Jordan'%2C%20value%3A%20'JO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kazakhstan'%2C%20value%3A%20'KZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kenya'%2C%20value%3A%20'KE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kiribati'%2C%20value%3A%20'KI'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Korea%2C%20Democratic%20People'S%20Republic%20of%22%2C%20value%3A%20'KP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Korea%2C%20Republic%20of'%2C%20value%3A%20'KR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kuwait'%2C%20value%3A%20'KW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Kyrgyzstan'%2C%20value%3A%20'KG'%20%7D%2C%0A%20%20%7B%20label%3A%20%22Lao%20People'S%20Democratic%20Republic%22%2C%20value%3A%20'LA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Latvia'%2C%20value%3A%20'LV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lebanon'%2C%20value%3A%20'LB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lesotho'%2C%20value%3A%20'LS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Liberia'%2C%20value%3A%20'LR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Libyan%20Arab%20Jamahiriya'%2C%20value%3A%20'LY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Liechtenstein'%2C%20value%3A%20'LI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Lithuania'%2C%20value%3A%20'LT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Luxembourg'%2C%20value%3A%20'LU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Macao'%2C%20value%3A%20'MO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Macedonia%2C%20The%20Former%20Yugoslav%20Republic%20of'%2C%20value%3A%20'MK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Madagascar'%2C%20value%3A%20'MG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malawi'%2C%20value%3A%20'MW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malaysia'%2C%20value%3A%20'MY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Maldives'%2C%20value%3A%20'MV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mali'%2C%20value%3A%20'ML'%20%7D%2C%0A%20%20%7B%20label%3A%20'Malta'%2C%20value%3A%20'MT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Marshall%20Islands'%2C%20value%3A%20'MH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Martinique'%2C%20value%3A%20'MQ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mauritania'%2C%20value%3A%20'MR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mauritius'%2C%20value%3A%20'MU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mayotte'%2C%20value%3A%20'YT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mexico'%2C%20value%3A%20'MX'%20%7D%2C%0A%20%20%7B%20label%3A%20'Micronesia%2C%20Federated%20States%20of'%2C%20value%3A%20'FM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Moldova%2C%20Republic%20of'%2C%20value%3A%20'MD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Monaco'%2C%20value%3A%20'MC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mongolia'%2C%20value%3A%20'MN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Montserrat'%2C%20value%3A%20'MS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Morocco'%2C%20value%3A%20'MA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Mozambique'%2C%20value%3A%20'MZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Myanmar'%2C%20value%3A%20'MM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Namibia'%2C%20value%3A%20'NA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nauru'%2C%20value%3A%20'NR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nepal'%2C%20value%3A%20'NP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Netherlands'%2C%20value%3A%20'NL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Netherlands%20Antilles'%2C%20value%3A%20'AN'%20%7D%2C%0A%20%20%7B%20label%3A%20'New%20Caledonia'%2C%20value%3A%20'NC'%20%7D%2C%0A%20%20%7B%20label%3A%20'New%20Zealand'%2C%20value%3A%20'NZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nicaragua'%2C%20value%3A%20'NI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Niger'%2C%20value%3A%20'NE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Nigeria'%2C%20value%3A%20'NG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Niue'%2C%20value%3A%20'NU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Norfolk%20Island'%2C%20value%3A%20'NF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Northern%20Mariana%20Islands'%2C%20value%3A%20'MP'%20%7D%2C%0A%20%20%7B%20label%3A%20'Norway'%2C%20value%3A%20'NO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Oman'%2C%20value%3A%20'OM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Pakistan'%2C%20value%3A%20'PK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Palau'%2C%20value%3A%20'PW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Palestinian%20Territory%2C%20Occupied'%2C%20value%3A%20'PS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Panama'%2C%20value%3A%20'PA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Papua%20New%20Guinea'%2C%20value%3A%20'PG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Paraguay'%2C%20value%3A%20'PY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Peru'%2C%20value%3A%20'PE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Philippines'%2C%20value%3A%20'PH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Pitcairn'%2C%20value%3A%20'PN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Poland'%2C%20value%3A%20'PL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Portugal'%2C%20value%3A%20'PT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Puerto%20Rico'%2C%20value%3A%20'PR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Qatar'%2C%20value%3A%20'QA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Reunion'%2C%20value%3A%20'RE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Romania'%2C%20value%3A%20'RO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Russian%20Federation'%2C%20value%3A%20'RU'%20%7D%2C%0A%20%20%7B%20label%3A%20'RWANDA'%2C%20value%3A%20'RW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Helena'%2C%20value%3A%20'SH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Kitts%20and%20Nevis'%2C%20value%3A%20'KN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Lucia'%2C%20value%3A%20'LC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Pierre%20and%20Miquelon'%2C%20value%3A%20'PM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saint%20Vincent%20and%20the%20Grenadines'%2C%20value%3A%20'VC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Samoa'%2C%20value%3A%20'WS'%20%7D%2C%0A%20%20%7B%20label%3A%20'San%20Marino'%2C%20value%3A%20'SM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sao%20Tome%20and%20Principe'%2C%20value%3A%20'ST'%20%7D%2C%0A%20%20%7B%20label%3A%20'Saudi%20Arabia'%2C%20value%3A%20'SA'%20%7D%2C%0A%20%20%7B%20label%3A%20'Senegal'%2C%20value%3A%20'SN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Serbia%20and%20Montenegro'%2C%20value%3A%20'CS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Seychelles'%2C%20value%3A%20'SC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sierra%20Leone'%2C%20value%3A%20'SL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Singapore'%2C%20value%3A%20'SG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Slovakia'%2C%20value%3A%20'SK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Slovenia'%2C%20value%3A%20'SI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Solomon%20Islands'%2C%20value%3A%20'SB'%20%7D%2C%0A%20%20%7B%20label%3A%20'Somalia'%2C%20value%3A%20'SO'%20%7D%2C%0A%20%20%7B%20label%3A%20'South%20Africa'%2C%20value%3A%20'ZA'%20%7D%2C%0A%20%20%7B%20label%3A%20'South%20Georgia%20and%20the%20South%20Sandwich%20Islands'%2C%20value%3A%20'GS'%20%7D%2C%0A%20%20%7B%20label%3A%20'Spain'%2C%20value%3A%20'ES'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sri%20Lanka'%2C%20value%3A%20'LK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sudan'%2C%20value%3A%20'SD'%20%7D%2C%0A%20%20%7B%20label%3A%20'Surilabel'%2C%20value%3A%20'SR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Svalbard%20and%20Jan%20Mayen'%2C%20value%3A%20'SJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Swaziland'%2C%20value%3A%20'SZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Sweden'%2C%20value%3A%20'SE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Switzerland'%2C%20value%3A%20'CH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Syrian%20Arab%20Republic'%2C%20value%3A%20'SY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Taiwan%2C%20Province%20of%20China'%2C%20value%3A%20'TW'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tajikistan'%2C%20value%3A%20'TJ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tanzania%2C%20United%20Republic%20of'%2C%20value%3A%20'TZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Thailand'%2C%20value%3A%20'TH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Timor-Leste'%2C%20value%3A%20'TL'%20%7D%2C%0A%20%20%7B%20label%3A%20'Togo'%2C%20value%3A%20'TG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tokelau'%2C%20value%3A%20'TK'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tonga'%2C%20value%3A%20'TO'%20%7D%2C%0A%20%20%7B%20label%3A%20'Trinidad%20and%20Tobago'%2C%20value%3A%20'TT'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tunisia'%2C%20value%3A%20'TN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turkey'%2C%20value%3A%20'TR'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turkmenistan'%2C%20value%3A%20'TM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Turks%20and%20Caicos%20Islands'%2C%20value%3A%20'TC'%20%7D%2C%0A%20%20%7B%20label%3A%20'Tuvalu'%2C%20value%3A%20'TV'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uganda'%2C%20value%3A%20'UG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Ukraine'%2C%20value%3A%20'UA'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20Arab%20Emirates'%2C%20value%3A%20'AE'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20Kingdom'%2C%20value%3A%20'GB'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20States'%2C%20value%3A%20'US'%20%7D%2C%0A%20%20%7B%20label%3A%20'United%20States%20Minor%20Outlying%20Islands'%2C%20value%3A%20'UM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uruguay'%2C%20value%3A%20'UY'%20%7D%2C%0A%20%20%7B%20label%3A%20'Uzbekistan'%2C%20value%3A%20'UZ'%20%7D%2C%0A%20%20%7B%20label%3A%20'Vanuatu'%2C%20value%3A%20'VU'%20%7D%2C%0A%20%20%7B%20label%3A%20'Venezuela'%2C%20value%3A%20'VE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Viet%20Nam'%2C%20value%3A%20'VN'%20%7D%2C%0A%20%20%7B%20label%3A%20'Virgin%20Islands%2C%20British'%2C%20value%3A%20'VG'%20%7D%2C%0A%20%20%7B%20label%3A%20'Virgin%20Islands%2C%20U.S.'%2C%20value%3A%20'VI'%20%7D%2C%0A%20%20%7B%20label%3A%20'Wallis%20and%20Futuna'%2C%20value%3A%20'WF'%20%7D%2C%0A%20%20%7B%20label%3A%20'Western%20Sahara'%2C%20value%3A%20'EH'%20%7D%2C%0A%20%20%7B%20label%3A%20'Yemen'%2C%20value%3A%20'YE'%20%7D%2C%0A%20%20%7B%20label%3A%20'Zambia'%2C%20value%3A%20'ZM'%20%7D%2C%0A%20%20%7B%20label%3A%20'Zimbabwe'%2C%20value%3A%20'ZW'%20%7D%2C%0A%5D%3B%0A%0Aconst%20fetchOptions%20%3D%20async%20()%3A%20Promise%3CSelectOption%3Cstring%3E%5B%5D%3E%20%3D%3E%20%7B%0A%20%20return%20new%20Promise((resolve)%20%3D%3E%20%7B%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20resolve(%0A%20%20%20%20%20%20%20%20countriesList.map((country)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...country%2C%0A%20%20%20%20%20%20%20%20%20%20sublabel%3A%20country.value%2C%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20loading%3D'lazy'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%2020%2C%20height%3A%2015%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw20%2F%24%7Bcountry.value.toLowerCase()%7D.png%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20srcSet%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw40%2F%24%7Bcountry.value.toLowerCase()%7D.png%202x%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt%3D''%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%7D))%2C%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%202000)%3B%0A%20%20%7D)%3B%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BcountryValue%2C%20setCountryValue%5D%20%3D%20React.useState%3Cstring%3E('CA')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BcountryValue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log(value)%3B%0A%20%20%20%20%20%20%20%20setCountryValue(value)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20countriesList.map(%0A%20%20%20%20%20%20%20%20(country%2C%20index)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20...country%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3A%20%60%24%7Bcountry.value%7D%24%7Bindex%20%25%202%20%3F%20'%20--%20disabled'%20%3A%20''%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20disabled%3A%20index%20%25%202%20!%3D%3D%200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20loading%3D'lazy'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%2020%2C%20height%3A%2015%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw20%2F%24%7Bcountry.value.toLowerCase()%7D.png%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20srcSet%3D%7B%60https%3A%2F%2Fflagcdn.com%2Fw40%2F%24%7Bcountry.value.toLowerCase()%7D.png%202x%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt%3D''%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%20as%20SelectOption%3Cstring%3E%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3ECountry%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithStatus%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomRenderer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState('AF')%3B%0A%0A%20%20const%20onChange%20%3D%20React.useCallback((value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(value%20%3F%3F%20'')%3B%0A%20%20%20%20setSelectedValue(value)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20itemRenderer%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20value%2C%20label%20%7D%2C%20%7B%20isSelected%2C%20id%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7Bid%7D%20id%3D%7Bid%7D%20isSelected%3D%7BisSelected%7D%20value%3D%7Bvalue%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20textTransform%3A%20'uppercase'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20fontWeight%3A%20isSelected%20%3F%20'bold'%20%3A%20undefined%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%7Blabel%7D%0A%20%20%20%20%20%20%20%20%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20as%20NonNullable%3CComboBoxProps%5B'itemRenderer'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20itemRenderer%3D%7BitemRenderer%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithMessage%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomMessageIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20a%20message%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Boptions%2C%20setOptions%5D%20%3D%20React.useState%3CSelectOption%3Cstring%3E%5B%5D%3E(%5B%5D)%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%3E()%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(true)%3B%0A%0A%20%20const%20onChange%20%3D%20React.useCallback((value%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(value%20%3F%3F%20'')%3B%0A%20%20%20%20setSelectedValue(value)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20emptyContent%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20return%20isLoading%20%3F%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%7Bnew%20Array(6).fill(null).map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItemSkeleton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hasIcon%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hasSublabel%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20contentWidth%3D%7B%60%24%7BMath.min(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Math.max(Math.random()%20*%20100%2C%2025)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2060%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%25%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20'No%20options%20found'%0A%20%20%20%20)%3B%0A%20%20%7D%2C%20%5BisLoading%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20emptyStateMessage%3D%7BemptyContent%7D%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20onShow%3D%7BReact.useCallback(async%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(!isLoading)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20setOptions(await%20fetchOptions())%3B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%7D%2C%20%5BisLoading%5D)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20onChange%3D%7B(value%3A%20string)%20%3D%3E%20console.log(value%20%3F%3F%20'')%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultipleSelect%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%7B%20clearFilterOnOptionToggle%20%7D%20%3D%20React.useContext(MultipleSelectContext)%3B%0A%0A%20%20const%20options%20%3D%20React.useMemo(()%20%3D%3E%20countriesList%2C%20%5B%5D)%3B%0A%20%20const%20%5BselectedOptions%2C%20setSelectedOptions%5D%20%3D%20React.useState%3Cstring%5B%5D%3E(%5B%0A%20%20%20%20'CA'%2C%0A%20%20%20%20'AX'%2C%0A%20%20%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CComboBox%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Select%20a%20country'%20%7D%7D%0A%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20value%3D%7BselectedOptions%7D%0A%20%20%20%20%20%20onChange%3D%7B(selected%2C%20event)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log(event.value%20%2B%20'%20'%20%2B%20event.type)%3B%0A%20%20%20%20%20%20%20%20setSelectedOptions(selected)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20clearFilterOnOptionToggle%3D%7BclearFilterOnOptionToggle%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AMultipleSelect.decorators%20%3D%20%5B%0A%20%20(Story%3A%20()%20%3D%3E%20React.ReactNode)%20%3D%3E%20%7B%0A%20%20%20%20const%20%5BclearFilterOnOptionToggle%2C%20setClearFilterOnOptionToggle%5D%20%3D%0A%20%20%20%20%20%20React.useState(true)%3B%0A%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CMultipleSelectContext.Provider%20value%3D%7B%7B%20clearFilterOnOptionToggle%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFlex%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D'main-story-container'%0A%20%20%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BclearFilterOnOptionToggle%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20setClearFilterOnOptionToggle(e.target.checked)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D'clearFilterOnOptionToggle'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%20%20%3C%2FMultipleSelectContext.Provider%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%3B%0A%20%20%7D%2C%0A%5D%3B%0A%0Aconst%20MultipleSelectContext%20%3D%20React.createContext%3C%7B%0A%20%20clearFilterOnOptionToggle%3A%20boolean%3B%0A%7D%3E(%7B%0A%20%20clearFilterOnOptionToggle%3A%20true%2C%0A%7D)%3B%0A","4832439a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DatePicker%2C%0A%20%20IconButton%2C%0A%20%20Popover%2C%0A%20%20generateLocalizedStrings%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCalendar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DatePicker'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTime%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showTime%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCombinedTime%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2030%2C%200)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showTime%0A%20%20%20%20%20%20%20%20%20%20%20%20useCombinedRenderer%0A%20%20%20%20%20%20%20%20%20%20%20%20minuteStep%3D%7B30%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Localized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20localizedNames%3D%7BgenerateLocalizedStrings('ja')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20WithYear%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20date%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20showYearSelection%0A%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%7BcurrentDate.toString()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Range%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2013%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20%5BcurrentEndDate%2C%20setCurrentEndDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2027%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(startDate%3A%20Date%2C%20endDate%3F%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentStartDate(startDate)%3B%0A%20%20%20%20endDate%20%26%26%20setCurrentEndDate(endDate)%3B%0A%20%20%20%20console.log(%60New%20start%20date%20value%3A%20%24%7BstartDate%7D%60%2C%20%7B%0A%20%20%20%20%20%20clearOnStoryChange%3A%20false%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20endDate%20%26%26%0A%20%20%20%20%20%20console.log(%60New%20end%20date%20value%3A%20%24%7BendDate%7D%60%2C%20%7B%0A%20%20%20%20%20%20%20%20clearOnStoryChange%3A%20false%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20enableRangeSelect%0A%20%20%20%20%20%20%20%20%20%20%20%20startDate%3D%7BcurrentStartDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endDate%3D%7BcurrentEndDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Start%20Date%3A%20%7BcurrentStartDate.toString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20End%20Date%3A%20%7BcurrentEndDate.toString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SomeDatesDisabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentStartDate%2C%20setCurrentStartDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2013%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20%5BcurrentEndDate%2C%20setCurrentEndDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2022%2C%206%2C%2017%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%0A%20%20%2F%2F%20only%20allow%20selecting%20dates%20in%20July%2011-22%0A%20%20const%20isDateDisabled%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20if%20(date.getMonth()%20!%3D%3D%206)%20%7B%0A%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%20(date.getDate()%20%3C%2011%20%7C%7C%20date.getDate()%20%3E%2022)%20%7B%0A%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20false%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onChange%20%3D%20(startDate%3A%20Date%2C%20endDate%3F%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentStartDate(startDate)%3B%0A%20%20%20%20endDate%20%26%26%20setCurrentEndDate(endDate)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3CDatePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20enableRangeSelect%0A%20%20%20%20%20%20%20%20%20%20%20%20startDate%3D%7BcurrentStartDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endDate%3D%7BcurrentEndDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20%20%20%20%20isDateDisabled%3D%7BisDateDisabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20showDatesOutsideMonth%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20id%3D'picker-button'%20label%3D'Toggle%20calendar'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20Start%20Date%3A%20%7BcurrentStartDate.toLocaleDateString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginLeft%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20End%20Date%3A%20%7BcurrentEndDate.toLocaleDateString()%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b3356a37:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20Code%2C%20Dialog%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Dialog'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%20isOpen%3D%7BisOpen%7D%20onClose%3D%7BonClose%7D%20closeOnEsc%20isDismissible%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Modal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20closeOnExternalClick%0A%20%20%20%20%20%20%20%20preventDocumentScroll%0A%20%20%20%20%20%20%20%20trapFocus%0A%20%20%20%20%20%20%20%20setFocus%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Backdrop%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableAndResizable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%20%20isDraggable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableRelativeToContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisDialogOpen%2C%20setIsDialogOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsDialogOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20%20%20%20%20width%3A%20'70vw'%2C%0A%20%20%20%20%20%20%20%20height%3A%20'70vh'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20red'%2C%0A%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsDialogOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20marginTop%3A%2012%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20When%20%3CCode%3EDialog%3C%2FCode%3E%20prop%20is%20%3CCode%3E%7B%22relativeTo%3D'container'%22%7D%3C%2FCode%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20then%20container%20element%20must%20have%20%3CCode%3E%7B%22position%3A%20'relative'%22%7D%3C%2FCode%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20set.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisDialogOpen%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%20%20isDraggable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20relativeTo%3D'container'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Placement%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeDialog%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeDialog()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Dialog%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CDialog%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20placement%3D%7B'top-left'%7D%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%0A%20%20%20%20%20%20%20%20isDismissible%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CDialog.Main%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.TitleBar%20titleText%3D'Best%20dialog%20ever'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%0A%20%20%20%20%20%20%20%20%20%20%20%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%3CDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDialog.ButtonBar%3E%0A%20%20%20%20%20%20%20%20%3C%2FDialog.Main%3E%0A%20%20%20%20%20%20%3C%2FDialog%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",ddd94297:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20MenuItem%2C%20DropdownButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DropdownButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20buttonMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20%3CDropdownButton%20menuItems%3D%7BbuttonMenuItems%7D%3EDefault%3C%2FDropdownButton%3E%3B%0A%7D%3B%0A","73d7081a":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DropdownMenu%2C%0A%20%20IconButton%2C%0A%20%20MenuExtraContent%2C%0A%20%20MenuDivider%2C%0A%20%20MenuItem%2C%0A%20%20Select%2C%0A%20%20Text%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgClipboard%2C%0A%20%20SvgCrop%2C%0A%20%20SvgMore%2C%0A%20%20SvgMove%2C%0A%20%20SvgPlaceholder%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'DropdownMenu'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%20disabled%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0A%2F%2F%20Body%20height%20is%20the%20same%20as%20Select%20component%20height%20therefore%20clicking%20outside%20would%20not%20close%20dropdown.%0ABasic.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithStartIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(actionName%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60%24%7BactionName%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick('Crop'%2C%20close)%7D%20startIcon%3D%7B%3CSvgCrop%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Crop%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick('Paste'%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgClipboard%20%2F%3E%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Paste%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Move'%2C%20close)%7D%20startIcon%3D%7B%3CSvgMove%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Move%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithStartIcons.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithEndIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(actionName%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60%24%7BactionName%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick('Crop'%2C%20close)%7D%20endIcon%3D%7B%3CSvgCrop%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Crop%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick('Paste'%2C%20close)%7D%0A%20%20%20%20%20%20endIcon%3D%7B%3CSvgClipboard%20%2F%3E%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Paste%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Move'%2C%20close)%7D%20endIcon%3D%7B%3CSvgMove%20%2F%3E%7D%3E%0A%20%20%20%20%20%20Move%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithEndIcons.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithSublabels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B1%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(1%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%231'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(2%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%232'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20onClick%3D%7BonClick(3%2C%20close)%7D%0A%20%20%20%20%20%20startIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20sublabel%3D'Sublabel%20%233'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithSublabels.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Submenu%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B4%7D%0A%20%20%20%20%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B7%7D%20onClick%3D%7BonClick(7%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%237%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B8%7D%20onClick%3D%7BonClick(8%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%238%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%234%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B5%7D%20onClick%3D%7BonClick(5%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%235%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20%20%20%20%20key%3D%7B6%7D%0A%20%20%20%20%20%20%20%20%20%20subMenuItems%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B9%7D%20onClick%3D%7BonClick(9%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%239%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B10%7D%20onClick%3D%7BonClick(10%2C%20close)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Item%20%2310%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Item%20%236%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0ASubmenu.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithSeparator%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B3%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B4%7D%20onClick%3D%7BonClick(3%2C%20close)%7D%20disabled%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B5%7D%20onClick%3D%7BonClick(4%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%234%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'More%20options'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithSeparator.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClick%20%3D%20(item%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60'%24%7Bitem%7D'%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BuserType%2C%20setUserType%5D%20%3D%20React.useState('User')%3B%0A%0A%20%20const%20dropdownMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuExtraContent%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3ETerry%20Rivers%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20terry.rivers%40email.com%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'User'%2C%20label%3A%20'User'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Moderator'%2C%20label%3A%20'Moderator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Administrator'%2C%20label%3A%20'Administrator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BuserType%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(type)%20%3D%3E%20setUserType(type)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%3C%2FMenuExtraContent%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B1%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonClick('View%20profile'%2C%20close)%7D%3E%0A%20%20%20%20%20%20View%20profile%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonClick('Sign%20out'%2C%20close)%7D%3E%0A%20%20%20%20%20%20Sign%20out%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CDropdownMenu%20menuItems%3D%7BdropdownMenuItems%7D%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Toggle%20user%20info'%3E%0A%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithContent.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20250%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",b94f5a58:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20ExpandableBlock%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ExpandableBlock'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock%20title%3D'Basic%20Block'%3EContent%20in%20block!%3C%2FExpandableBlock%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCaption%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.ExpandIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Title%3EBasic%20Block%3C%2FExpandableBlock.Title%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Caption%3Ebasic%20caption%3C%2FExpandableBlock.Caption%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%3C%2FExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Accordion%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%7B%5B...Array(3).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.Wrapper%20key%3D%7Bindex%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D%7B%60Basic%20Block%20%23%24%7Bindex%20%2B%201%7D%60%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20StatusIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.ExpandIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%20%20%3CExpandableBlock.Title%3EBasic%20Block%20With%20Status%3C%2FExpandableBlock.Title%3E%0A%20%20%20%20%20%20%20%20%3C%2FExpandableBlock.LabelArea%3E%0A%20%20%20%20%20%20%20%20%3CExpandableBlock.EndIcon%20%2F%3E%0A%20%20%20%20%20%20%3C%2FExpandableBlock.Trigger%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20size%3D'small'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Basic%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Basic%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CExpandableBlock.Wrapper%20disabled%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Trigger%20label%3D'Disabled%20Block'%20%2F%3E%0A%20%20%20%20%20%20%3CExpandableBlock.Content%3EContent%20in%20block!%3C%2FExpandableBlock.Content%3E%0A%20%20%20%20%3C%2FExpandableBlock.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",f0207c25:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Fieldset%2C%0A%20%20InputGroup%2C%0A%20%20LabeledSelect%2C%0A%20%20Radio%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Fieldset'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFieldset%0A%20%20%20%20%20%20legend%3D'General%20Settings'%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%2C%20gap%3A%2011%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20%20%20label%3D'Resolution'%0A%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'1200%20x%201000'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'1600%20x%201200'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'2560%20x%201600'%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select'%0A%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Color%20Theme'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option1'%20label%3D%7B'Light'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option2'%20label%3D%7B'Dark'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option3'%20label%3D%7B'Match%20device'%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20usage%20statistics'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20crash%20logs'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20disabled%20label%3D'Advanced%20settings'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2FFieldset%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFieldset%0A%20%20%20%20%20%20legend%3D'General%20Settings'%0A%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%2C%20gap%3A%2011%20%7D%7D%0A%20%20%20%20%20%20disabled%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20%20%20label%3D'Resolution'%0A%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'1200%20x%201000'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'1600%20x%201200'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'2560%20x%201600'%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select'%0A%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Color%20Theme'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option1'%20label%3D%7B'Light'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option2'%20label%3D%7B'Dark'%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%20name%3D'choice'%20value%3D'option3'%20label%3D%7B'Match%20device'%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%0A%20%20%20%20%20%20%3CInputGroup%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20usage%20statistics'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Share%20crash%20logs'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CToggleSwitch%20label%3D'Advanced%20settings'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2FFieldset%3E%0A%20%20)%3B%0A%7D%3B%0A","2b9bf6fc":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20FileUpload%2C%0A%20%20FileUploadCard%2C%0A%20%20FileEmptyCard%2C%0A%20%20LabeledInput%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgClose%2C%0A%20%20SvgSmileyHappyVery%2C%0A%20%20SvgSmileySadVery%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'FileUpload'%2C%0A%7D%3B%0A%0Aexport%20const%20WrappingInput%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20useState%3CArray%3CFile%3E%3E(%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20dragContent%3D'Drop%20file%20to%20upload'%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Type%20a%20message'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%20%20files.length%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60Attached%3A%20%24%7Bfiles.map((f)%20%3D%3E%20f.name)%7D%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20'Drag%20files%20to%20attach'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DefaultFileUploadCard%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20useState%3CArray%3CFile%3E%3E(%5B%5D)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CFileUploadCard%0A%20%20%20%20%20%20%20%20files%3D%7Bfiles%7D%0A%20%20%20%20%20%20%20%20onFilesChange%3D%7B(files)%20%3D%3E%20setFiles(files)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomFileUploadCard%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20inputRef%20%3D%20React.useRef%3CHTMLInputElement%3E(null)%3B%0A%20%20const%20%5Bfiles%2C%20setFiles%5D%20%3D%20React.useState%3CFile%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20const%20emptyCard%20%3D%20(%0A%20%20%20%20%3CFileEmptyCard%3E%0A%20%20%20%20%20%20%3CFileEmptyCard.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgSmileySadVery%20%2F%3E%0A%20%20%20%20%20%20%3C%2FFileEmptyCard.Icon%3E%0A%20%20%20%20%20%20%3CFileEmptyCard.Text%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.InputLabel%3ECustom%20Label%20Text%3C%2FFileUploadCard.InputLabel%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3ECustom%20Description%20Text%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFileEmptyCard.Text%3E%0A%20%20%20%20%3C%2FFileEmptyCard%3E%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFileUpload%0A%20%20%20%20%20%20onFileDropped%3D%7B(files)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setFiles(Array.from(files))%3B%0A%20%20%20%20%20%20%20%20console.log(%60%24%7Bfiles.length%7D%20files%20uploaded%60)%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CFileUploadCard%0A%20%20%20%20%20%20%20%20files%3D%7Bfiles%7D%0A%20%20%20%20%20%20%20%20onFilesChange%3D%7B(files)%20%3D%3E%20setFiles(files)%7D%0A%20%20%20%20%20%20%20%20emptyCard%3D%7BemptyCard%7D%0A%20%20%20%20%20%20%20%20input%3D%7B%3CFileUploadCard.Input%20name%3D%7B'my-file'%7D%20ref%3D%7BinputRef%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Icon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgSmileyHappyVery%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Icon%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Info%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFileUploadCard.Title%3ECustom%20File%20Name%3C%2FFileUploadCard.Title%3E%0A%20%20%20%20%20%20%20%20%20%20%3CFileUploadCard.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Custom%20File%20Description%0A%20%20%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Description%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Info%3E%0A%20%20%20%20%20%20%20%20%3CFileUploadCard.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D'Remove%20file'%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFiles(%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgClose%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FFileUploadCard.Action%3E%0A%20%20%20%20%20%20%3C%2FFileUploadCard%3E%0A%20%20%20%20%3C%2FFileUpload%3E%0A%20%20)%3B%0A%7D%3B%0A","8a4f7ed2":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Flex%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Flex'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20className%3D'demo-flex-wrapper'%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%0A%20%20%20%20%20%20%20%20%20%20dangerouslySetInnerHTML%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20__html%3A%20%2F*%20css%20*%2F%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Awhere(.demo-flex-wrapper%20%3E%20*)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20outline%3A%201px%20solid%20var(--iui-color-border)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20min-height%3A%20100px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Awhere(.demo-flex-wrapper%20%3E%20*%20div%3Anot(%5Bclass%5D))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A%20var(--iui-font-sans)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20var(--iui-color-text)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%201rem%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20border%3A%201px%20solid%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSpacer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3CFlex.Spacer%20%2F%3E%0A%0A%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E4%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E5%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithFlexItem%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%3E%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'1'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'3'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%3CFlex.Item%20flex%3D'1'%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20IndividualGaps%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%7B%2F*%20'2xl'%20gap%20between%20all%20items%20that%20don't%20specify%20%60gapBefore%60%20or%20%60gapAfter%60%20*%2F%7D%0A%20%20%20%20%20%20%3CFlex%20gap%3D'2xl'%3E%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E1%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E2%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%7B%2F*%20%E2%AC%87%EF%B8%8F%20will%20always%20have%20's'%20gap%20between%203%20and%204%20%20*%2F%7D%0A%20%20%20%20%20%20%20%20%3CFlex.Item%20gapAfter%3D's'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E3%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E4%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%7B%2F*%20%E2%AC%87%EF%B8%8F%20will%20always%20have%20'3xs'%20gap%20between%204%20and%205%20*%2F%7D%0A%20%20%20%20%20%20%20%20%3CFlex.Item%20gapBefore%3D'3xs'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E5%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%0A%20%20%20%20%20%20%20%20%3CFlex.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E6%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex.Item%3E%0A%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","84561e2d":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Fragment%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20defaultFooterElements%2C%0A%20%20Footer%2C%0A%20%20type%20FooterElement%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSmileyHappyHollow%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Footer'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CFooter%20translatedTitles%3D%7B%7B%20cookies%3A%20'Cookies%20translated'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20AppendedCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%0A%20%20%20%20%20%20customElements%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Custom'%2C%0A%20%20%20%20%20%20%20%20%20%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OnlyCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%0A%20%20%20%20%20%20customElements%3D%7B()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%201'%2C%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%202'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%203'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%204'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedDefaultAndCustomElements%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20customElements%20%3D%20(defaultElements%3A%20FooterElement%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20const%20customUrls%3A%20Record%3Cstring%2C%20string%3E%20%3D%20%7B%0A%20%20%20%20%20%20privacy%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20cookies%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%20%20legalNotices%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%2C%0A%20%20%20%20%7D%3B%0A%20%20%20%20const%20translatedTitles%3A%20Record%3Cstring%2C%20string%3E%20%3D%20%7B%0A%20%20%20%20%20%20termsOfService%3A%20'Terms%20of%20service%20translated'%2C%0A%20%20%20%20%20%20privacy%3A%20'Privacy%20translated'%2C%0A%20%20%20%20%20%20termsOfUse%3A%20'Terms%20of%20use%20translated'%2C%0A%20%20%20%20%20%20cookies%3A%20'Cookies%20translated'%2C%0A%20%20%20%20%20%20legalNotices%3A%20'Legal%20notices%20translated'%2C%0A%20%20%20%20%7D%3B%0A%20%20%20%20const%20customElements%3A%20FooterElement%5B%5D%20%3D%20%5B%0A%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%201'%2C%20url%3A%20'https%3A%2F%2Fwww.bentley.com%2F'%20%7D%2C%0A%20%20%20%20%20%20%7B%20title%3A%20'Custom%20Element%202'%20%7D%2C%0A%20%20%20%20%5D%3B%0A%0A%20%20%20%20const%20customizedDefaultElements%20%3D%20defaultElements.map(%0A%20%20%20%20%20%20(%7B%20key%2C%20title%2C%20url%20%7D)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20key%3A%20key%2C%0A%20%20%20%20%20%20%20%20title%3A%20key%20%3F%20translatedTitles%5Bkey%5D%20%3F%3F%20title%20%3A%20title%2C%0A%20%20%20%20%20%20%20%20url%3A%20key%20%3F%20customUrls%5Bkey%5D%20%3F%3F%20url%20%3A%20url%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20)%3B%0A%0A%20%20%20%20return%20%5B...customizedDefaultElements%2C%20...customElements%5D%3B%0A%20%20%7D%3B%0A%0A%20%20return%20%3CFooter%20customElements%3D%7BcustomElements%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20BottomFixed%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%3CFooter%20style%3D%7B%7B%20position%3A%20'fixed'%2C%20bottom%3A%200%20%7D%7D%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20customItem%20%3D%20(%0A%20%20%20%20%3CFooter.Item%20key%3D'copyright'%3E%0A%20%20%20%20%20%20%3CSvgSmileyHappyHollow%20style%3D%7B%7B%20width%3A%2012%2C%20height%3A%2012%2C%20marginRight%3A%204%20%7D%7D%20%2F%3E%0A%20%20%20%20%20%20%3Cspan%3EPowered%20by%20Happiness%20%C2%A9%20%7Bnew%20Date().getFullYear()%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2FFooter.Item%3E%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CFooter%3E%0A%20%20%20%20%20%20%3CFooter.List%3E%0A%20%20%20%20%20%20%20%20%7B%5B%0A%20%20%20%20%20%20%20%20%20%20customItem%2C%0A%20%20%20%20%20%20%20%20%20%20...defaultFooterElements%0A%20%20%20%20%20%20%20%20%20%20%20%20.filter((el)%20%3D%3E%20el.key%20!%3D%3D%20'copyright')%0A%20%20%20%20%20%20%20%20%20%20%20%20.flatMap((element%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFragment%20key%3D%7Belement.key%20%7C%7C%20%60%24%7Belement.title%7D-%24%7Bindex%7D%60%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFooter.Separator%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CFooter.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Belement.url%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%7Belement.url%7D%20target%3D'_blank'%20rel%3D'noreferrer'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Belement.title%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fa%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20element.title%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FFooter.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FFragment%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%2C%0A%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%3C%2FFooter.List%3E%0A%20%20%20%20%3C%2FFooter%3E%0A%20%20)%3B%0A%7D%3B%0A",d6820832:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20DropdownMenu%2C%0A%20%20getUserColor%2C%0A%20%20Header%2C%0A%20%20HeaderBreadcrumbs%2C%0A%20%20HeaderButton%2C%0A%20%20HeaderLogo%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20MenuExtraContent%2C%0A%20%20MenuItem%2C%0A%20%20Avatar%2C%0A%20%20Text%2C%0A%20%20Select%2C%0A%20%20MenuDivider%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgHelpCircularHollow%2C%0A%20%20SvgPin%2C%0A%20%20SvgNetwork%2C%0A%20%20SvgNotification%2C%0A%20%20SvgImodel%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Header'%2C%0A%7D%3B%0A%0Aconst%20buildClickHandler%20%3D%0A%20%20(menu%3A%20string%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20(item%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Menu%20'%24%7Bmenu%7D'%2C%20%24%7Bitem%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0Aconst%20buildMenu%20%3D%20(menu%3A%20string)%20%3D%3E%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%3CMenuItem%20key%3D%7B1%7D%20value%3D%7B'Item%20%231'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%231%0A%20%20%3C%2FMenuItem%3E%2C%0A%20%20%3CMenuItem%20key%3D%7B2%7D%20value%3D%7B'Item%20%232'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%232%0A%20%20%3C%2FMenuItem%3E%2C%0A%20%20%3CMenuItem%20key%3D%7B3%7D%20value%3D%7B'Item%20%233'%7D%20onClick%3D%7BbuildClickHandler(menu%2C%20close)%7D%3E%0A%20%20%20%20%7Bmenu%7D%20item%20%233%0A%20%20%3C%2FMenuItem%3E%2C%0A%5D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BuserType%2C%20setUserType%5D%20%3D%20useState('User')%3B%0A%0A%20%20const%20avatarMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuExtraContent%20key%3D%7B0%7D%3E%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3ETerry%20Rivers%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%208%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20terry.rivers%40email.com%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'User'%2C%20label%3A%20'User'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Moderator'%2C%20label%3A%20'Moderator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20value%3A%20'Administrator'%2C%20label%3A%20'Administrator'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BuserType%7D%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(type)%20%3D%3E%20setUserType(type)%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%3C%2FMenuExtraContent%3E%2C%0A%20%20%20%20%3CMenuDivider%20key%3D%7B1%7D%20%2F%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B2%7D%0A%20%20%20%20%20%20value%3D'View%20profile'%0A%20%20%20%20%20%20onClick%3D%7BbuildClickHandler('Avatar'%2C%20close)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20View%20profile%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%0A%20%20%20%20%20%20key%3D%7B3%7D%0A%20%20%20%20%20%20value%3D'Sign%20out'%0A%20%20%20%20%20%20onClick%3D%7BbuildClickHandler('Avatar'%2C%20close)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Sign%20out%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20title')%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Microstation%0A%20%20%20%20%20%20%20%20%3C%2FHeaderLogo%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20key%3D'notif'%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20notification%20bell')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20aria-label%3D'Notifications'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%20key%3D'help'%20menuItems%3D%7BbuildMenu('Help')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Help'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgHelpCircularHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%2C%0A%20%20%20%20%20%20%20%20%3CDropdownMenu%20key%3D'avatar'%20menuItems%3D%7BavatarMenuItems%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'User'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuildMenu('More')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Slim%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20isSlim%0A%20%20%20%20%20%20appLogo%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderLogo%0A%20%20%20%20%20%20%20%20%20%20logo%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewBox%3D'0%200%2016%2016'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-hidden%3D'true'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm12.6%2013.4c-1.2-1.5-2.1-3.1-2.4-5.5-2.7%203.9-4.6%204.2-5.7%202.4l-1.2%205.7h-2.2l3.5-14.1%201.8-.4c-.1.5-1.4%206.2.6%207%202%20.7%204.6-8.5%204.6-8.5l2.2.4c-1.6%203.7-1.6%207.6%201.1%2010.9l-2.3%202.1'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A%20(Super%20Size%20Edition)'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CenterContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20searchBar%20%3D%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%7B%60.center-input%20%7B%20border-radius%3A%2022px%3B%20width%3A%2020vw%3B%20transition%3A%20all%200.2s%20ease%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60.iui-slim%20.iui-center%20%7B%20align-items%3A%20unset%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60.iui-slim%20.center-input%20%7B%20min-height%3A%20unset%20%7D%60%7D%0A%20%20%20%20%20%20%20%20%7B%60%40media%20(max-width%3A%20768px)%20%7B%20.center-input%20%7B%20display%3A%20none%3B%20%7D%20%7D%60%7D%0A%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%20%20%3CInput%20className%3D'center-input'%20placeholder%3D'Search%20within%20Model%20B...'%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CHeader%0A%20%20%20%20%20%20appLogo%3D%7B%3CHeaderLogo%20logo%3D%7B%3CSvgImodel%20%2F%3E%7D%20%2F%3E%7D%0A%20%20%20%20%20%20breadcrumbs%3D%7B%0A%20%20%20%20%20%20%20%20%3CHeaderBreadcrumbs%0A%20%20%20%20%20%20%20%20%20%20items%3D%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'project'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Project%20A'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3D'YJC-2249'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BbuildMenu('Project')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'iModel'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'iModel%20B'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20objectFit%3A%20'cover'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20iModel')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeaderButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D'version'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3D'Version%20C'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20the%20Version')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7B%3CSvgPin%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7Btrue%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20key%3D'avatar'%0A%20%20%20%20%20%20%20%20%20%20size%3D'medium'%0A%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuildMenu('More')%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7BsearchBar%7D%0A%20%20%20%20%3C%2FHeader%3E%0A%20%20)%3B%0A%7D%3B%0A","642f8b99":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Icon%2C%20Slider%2C%20Flex%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgInfoCircular%2C%0A%20%20SvgPlaceholder%2C%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Icon'%2C%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIcon%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIcon%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Padded%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CFlex%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20red'%2C%0A%20%20%20%20%20%20%20%20width%3A%20'fit-content'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CIcon%20padded%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Statuses%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'informational'%3E%0A%20%20%20%20%20%20%20%20%3CSvgInfoCircular%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'negative'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusError%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'positive'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusSuccess%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20fill%3D'warning'%3E%0A%20%20%20%20%20%20%20%20%3CSvgStatusWarning%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0AStatuses.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%204%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Sizes%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'small'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'medium'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%20%20%3CIcon%20size%3D'large'%3E%0A%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIcon%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0ASizes.decorators%20%3D%20Statuses.decorators%3B%0A%0Aexport%20const%20Autoscale%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIcon%20size%3D'auto'%3E%0A%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%3C%2FIcon%3E%0A%20%20)%3B%0A%7D%3B%0AAutoscale.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3CAutoScaleContraption%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2FAutoScaleContraption%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0A%2F**%20Helper%20component%20to%20demonstrate%20auto-scaling%20text%20using%20a%20slider%20to%20adjust%20font%20size%20*%2F%0Aconst%20AutoScaleContraption%20%3D%20(%7B%20children%20%7D%3A%20%7B%20children%3A%20React.ReactNode%20%7D)%20%3D%3E%20%7B%0A%20%20const%20%5Bsize%2C%20setSize%5D%20%3D%20React.useState(()%20%3D%3E%2014%20%2F%2016)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20gap%3A%2016%2C%20alignItems%3A%20'start'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cp%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(400px%2C%2090%25)'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20%60%24%7Bsize%7Drem%60%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%201.3%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20marginRight%3A%204%2C%20verticalAlign%3A%20'middle'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bchildren%7D%0A%20%20%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20This%20icon%20will%20scale%20with%20text.%20Try%20adjusting%20the%20slider.%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%0A%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%20%20values%3D%7B%5Bsize%5D%7D%0A%20%20%20%20%20%20%20%20onUpdate%3D%7B(%5BnewSize%5D)%20%3D%3E%20setSize(newSize)%7D%0A%20%20%20%20%20%20%20%20min%3D%7B0.5%7D%0A%20%20%20%20%20%20%20%20max%3D%7B2.5%7D%0A%20%20%20%20%20%20%20%20step%3D%7B0.05%7D%0A%20%20%20%20%20%20%20%20minLabel%3D''%0A%20%20%20%20%20%20%20%20maxLabel%3D''%0A%20%20%20%20%20%20%20%20tooltipProps%3D%7B()%20%3D%3E%20(%7B%20visible%3A%20false%20%7D)%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(150px%2C%2090vh)'%20%7D%7D%0A%20%20%20%20%20%20%20%20thumbProps%3D%7B()%20%3D%3E%20(%7B%20'aria-label'%3A%20'Adjust%20font%20size'%20%7D)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A","4e97b782":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20IconButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'IconButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Add%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%20label%3D'Add'%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SmallActiveAdd%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20isActive%0A%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HighVisibilityAdd%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20label%3D'Add'%0A%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%3C%2FIconButton%3E%0A%20%20)%3B%0A%7D%3B%0A","97092a2b":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20IdeasButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'IdeasButton'%2C%0A%7D%3B%0A%0Aexport%20const%20Ideas%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CIdeasButton%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LocalizedIdeas%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CIdeasButton%0A%20%20%20%20%20%20feedbackLabel%3D'Localized%20feedback'%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('clicked')%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",c7be65d2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20type%20%7B%20CellProps%2C%20Column%20%7D%20from%20'%40itwin%2Fitwinui-react%2Freact-table'%3B%0Aimport%20%7B%20SvgEdit%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%0A%20%20InformationPanel%2C%0A%20%20InformationPanelWrapper%2C%0A%20%20InformationPanelHeader%2C%0A%20%20InformationPanelBody%2C%0A%20%20InformationPanelContent%2C%0A%20%20Table%2C%0A%20%20Text%2C%0A%20%20Button%2C%0A%20%20IconButton%2C%0A%20%20Input%2C%0A%20%20Label%2C%0A%20%20Textarea%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InformationPanel'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%3A%20%7B%20index%20%7D%20%7D%3A%20CellProps%3CRecord%3Cstring%2C%20string%3E%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%20name%3A%20%60Row%24%7Bindex%7D%60%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%20%26%26%20openRowIndex%20!%3D%3D%20-1%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20%7BopenRowIndex%20%3F%3F%200%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EFile%20name%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7B%60Row%20%24%7BopenRowIndex%20%3F%3F%200%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'author-input'%3EAuthor%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'author-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'DJ%20Terry'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'year-input'%3EYear%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%20size%3D'small'%20id%3D'year-input'%20defaultValue%3D'2021'%20readOnly%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'path-input'%3EPath%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'path-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'%2FShared%2FMusic%2F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ABasic.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%3EClick%20on%20Details%20to%20open%20InformationalPanel%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Horizontal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%3A%20%7B%20index%20%7D%20%7D%3A%20CellProps%3C%7B%20name%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C%7B%20name%3A%20string%20%7D%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%20name%3A%20%60Row%24%7Bindex%7D%60%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20orientation%3D'horizontal'%0A%20%20%20%20%20%20%20%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%20%26%26%20openRowIndex%20!%3D%3D%20-1%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(-1)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20%7BopenRowIndex%20%3F%3F%200%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EFile%20name%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7B%60Row%20%24%7BopenRowIndex%20%3F%3F%200%7D%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'author-input'%3EAuthor%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'author-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'DJ%20Terry'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'year-input'%3EYear%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%20size%3D'small'%20id%3D'year-input'%20defaultValue%3D'2021'%20readOnly%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'path-input'%3EPath%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'path-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D'%2FShared%2FMusic%2F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0AHorizontal.decorators%20%3D%20%5B...Basic.decorators%5D%3B%0A%0Aexport%20const%20CustomActions%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BopenRowIndex%2C%20setOpenRowIndex%5D%20%3D%20React.useState%3Cnumber%3E()%3B%0A%20%20const%20%5BisEditing%2C%20setIsEditing%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'name'%2C%20Header%3A%20'Name'%2C%20accessor%3A%20'name'%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20Header%3A%20'Details'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(%7B%20row%20%7D%3A%20CellProps%3C%7B%20name%3A%20string%3B%20info%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setOpenRowIndex(row.index)%7D%3EDetails%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C%7B%20name%3A%20string%20%7D%3E%5B%5D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%0A%20%20%20%20%5B...Array(10).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20name%3A%20%60Row%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20info%3A%20%60Row%24%7Bindex%7D%20description%3A%20Lorem%20ipsum%20dolor%20sit%2C%20amet%20consectetur%20adipisicing%20elit.%20Accusamus%20veniam%20dicta%20error%20doloremque%20libero%20sit%20est.%20Voluptatum%20nam%20modi%2C%20ex%20illum%20veritatis%20nobis%20omnis%20porro%20quod%20harum%20optio%20minus%20magnam%20tenetur%20quia%20dolor%20quis%20natus%2C%20eius%2C%20suscipit%20hic%3F%20Nobis%20deleniti%20obcaecati%2C%20sequi%20mollitia%20vero%20magnam%20error%20quidem%2C%20voluptatem%20asperiores%20repudiandae%2C%20molestias%20sit%20et%20voluptatibus%20magni.%20Sequi%20delectus%2C%20sunt%20eaque%20corrupti%20architecto%20modi%20suscipit%3F%20Quos%20in%20itaque%20dolore%20voluptas%20saepe%20natus%20repellat%20ad%20qui%20dolores.%20Incidunt%20temporibus%20ut%2C%20unde%20maxime%20nam%20explicabo%20saepe%20aspernatur%20molestiae%20iste%20libero%20neque%2C%20alias%20corporis%20laboriosam%20fugiat%20ad.%20Dicta%20neque%20quos%20fuga%20odit%20quae%20sequi%20dolore!%60%2C%0A%20%20%20%20%7D))%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%3E%0A%20%20%20%20%20%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%0A%0A%20%20%20%20%20%20%3CInformationPanel%20isOpen%3D%7BopenRowIndex%20!%3D%20undefined%7D%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setOpenRowIndex(undefined)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsEditing(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isActive%3D%7BisEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20setIsEditing((editing)%20%3D%3E%20!editing)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'Edit'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgEdit%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3ERow%20details%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%7BopenRowIndex%20!%3D%20undefined%20%26%26%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'name-input'%3EName%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'name-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bdata%5BopenRowIndex%5D%3F.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7B!isEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData((data)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...data%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5BopenRowIndex%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20...newData%5BopenRowIndex%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20value%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLabel%20htmlFor%3D'description-input'%3EDescription%3C%2FLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTextarea%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D'description-input'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20defaultValue%3D%7Bdata%5BopenRowIndex%5D%3F.info%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7B!isEditing%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData((data)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...data%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5BopenRowIndex%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20...newData%5BopenRowIndex%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20info%3A%20value%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20rows%3D%7B15%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FInformationPanelContent%3E%0A%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ACustomActions.decorators%20%3D%20%5B...Basic.decorators%5D%3B%0A%0Aexport%20const%20CustomWidth%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisOpen%2C%20setIsOpen%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20lorem100%20%3D%20%60Lorem%20ipsum%20dolor%20sit%2C%20amet%20consectetur%20adipisicing%20elit.%20Accusamus%20veniam%20dicta%20error%20doloremque%20libero%20sit%20est.%20Voluptatum%20nam%20modi%2C%20ex%20illum%20veritatis%20nobis%20omnis%20porro%20quod%20harum%20optio%20minus%20magnam%20tenetur%20quia%20dolor%20quis%20natus%2C%20eius%2C%20suscipit%20hic%3F%20Nobis%20deleniti%20obcaecati%2C%20sequi%20mollitia%20vero%20magnam%20error%20quidem%2C%20voluptatem%20asperiores%20repudiandae%2C%20molestias%20sit%20et%20voluptatibus%20magni.%20Sequi%20delectus%2C%20sunt%20eaque%20corrupti%20architecto%20modi%20suscipit%3F%20Quos%20in%20itaque%20dolore%20voluptas%20saepe%20natus%20repellat%20ad%20qui%20dolores.%20Incidunt%20temporibus%20ut%2C%20unde%20maxime%20nam%20explicabo%20saepe%20aspernatur%20molestiae%20iste%20libero%20neque%2C%20alias%20corporis%20laboriosam%20fugiat%20ad.%20Dicta%20neque%20quos%20fuga%20odit%20quae%20sequi%20dolore!%60%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInformationPanelWrapper%20style%3D%7B%7B%20height%3A%20'80vh'%2C%20width%3A%20'90%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'var(--iui-color-background-disabled)'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2016%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20boxSizing%3A%20'border-box'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20setIsOpen((open)%20%3D%3E%20!open)%7D%3EToggle%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CInformationPanel%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'40%25'%2C%20maxWidth%3A%20'70%25'%20%7D%7D%20%2F%2F%20should%20be%20set%20in%20CSS%20using%20a%20custom%20className%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisOpen%7D%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelHeader%0A%20%20%20%20%20%20%20%20%20%20onClose%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsOpen(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.log('Panel%20closed')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%3EDetails%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CInformationPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3E%7Blorem100%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FInformationPanelBody%3E%0A%20%20%20%20%20%20%3C%2FInformationPanel%3E%0A%20%20%20%20%3C%2FInformationPanelWrapper%3E%0A%20%20)%3B%0A%7D%3B%0ACustomWidth.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%20isMuted%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cem%3E%0A%20%20%20%20%20%20%20%20%20%20Notice%20that%20the%20panel%20has%20an%20initial%20width%20of%2040%25%20and%20can%20only%20be%0A%20%20%20%20%20%20%20%20%20%20resized%20upto%2070%25%20of%20the%20container%20width.%0A%20%20%20%20%20%20%20%20%3C%2Fem%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A",d8e9ca64:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Input%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Input'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Basic%20Input'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Disabled%20Input'%20disabled%3D%7Btrue%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Small%20Input'%20size%3D'small'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CInput%20placeholder%3D'Positive%20Input'%20status%3D'positive'%20%2F%3E%3B%0A%7D%3B%0A","0c5c36f3":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Input%2C%0A%20%20InputGrid%2C%0A%20%20InputWithDecorations%2C%0A%20%20Label%2C%0A%20%20SearchBox%2C%0A%20%20Select%2C%0A%20%20StatusMessage%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgAirplane%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputGrid'%2C%0A%7D%3B%0A%0Aexport%20const%20WithInput%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithInputWithDecorations%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'input-id'%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20placeholder%3D'Add%20destination...'%0A%20%20%20%20%20%20%20%20%20%20id%3D'input-id'%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Add%20new%20flight'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSelect%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Bali'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Hawaii'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Madagascar'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%3E%0A%20%20%20%20%20%20%3CLabel%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Select%20destination'%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSearch%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'input-id'%3EThis%20is%20label%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CSearchBox%20inputProps%3D%7B%7B%20id%3A%20'input-id'%20%7D%7D%20%2F%3E%0A%20%20%20%20%20%20%3CStatusMessage%3EThis%20is%20message%3C%2FStatusMessage%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A","5f0a5a65":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20SvgSmileyHappy%20from%20'%40itwin%2Fitwinui-icons-react%2Fcjs%2Ficons%2FSmileyHappy'%3B%0Aimport%20SvgSmileySad%20from%20'%40itwin%2Fitwinui-icons-react%2Fcjs%2Ficons%2FSmileySad'%3B%0Aimport%20%7B%20useState%2C%20useEffect%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Checkbox%2C%0A%20%20InputGroup%2C%0A%20%20Radio%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20RadioGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20option1Label%20%3D%20%3CSvgSmileyHappy%20%2F%3E%3B%0A%20%20const%20option2Label%20%3D%20%3CSvgSmileySad%20%2F%3E%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Radio%20group'%20message%3D'Tell%20me%20how%20happy%20you%20are'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'option1'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20console.log('Clicked%20option%201!')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7Boption1Label%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'option2'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20console.log('Clicked%20option%202!')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7Boption2Label%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CheckboxGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20option1Label%20%3D%20'Football'%3B%0A%20%20const%20option2Label%20%3D%20'Hockey'%3B%0A%20%20const%20%5Boption1%2C%20setOption1%5D%20%3D%20useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BallOptions%2C%20setAllOptions%5D%20%3D%20useState(false)%3B%0A%20%20const%20%5BisIndeterminate%2C%20setIsIndeterminate%5D%20%3D%20useState(true)%3B%0A%0A%20%20useEffect(()%20%3D%3E%20%7B%0A%20%20%20%20if%20(option1%20%26%26%20option2)%20%7B%0A%20%20%20%20%20%20setAllOptions(true)%3B%0A%20%20%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20%20%20return%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%20(option1%20%7C%7C%20option2)%20%7B%0A%20%20%20%20%20%20setAllOptions(false)%3B%0A%20%20%20%20%20%20setIsIndeterminate(true)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setAllOptions(false)%3B%0A%20%20%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5Boption1%2C%20option2%5D)%3B%0A%0A%20%20const%20onAllChange%20%3D%20(value%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20setAllOptions(value)%3B%0A%20%20%20%20setIsIndeterminate(false)%3B%0A%20%20%20%20setOption1(value)%3B%0A%20%20%20%20setOption2(value)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CInputGroup%20label%3D'Select%20your%20hobbies'%20message%3D'Choose%20some%20hobbies'%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20onAllChange(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D'Select%20all'%0A%20%20%20%20%20%20%20%20indeterminate%3D%7BisIndeterminate%7D%0A%20%20%20%20%20%20%20%20checked%3D%7BallOptions%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption1(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D%7Boption1Label%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption1%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption2(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D%7Boption2Label%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption2%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ToggleGroup%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Boption1%2C%20setOption1%5D%20%3D%20useState(true)%3B%0A%20%20const%20%5Boption2%2C%20setOption2%5D%20%3D%20useState(false)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CInputGroup%20label%3D'Toggle%20group'%3E%0A%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption1(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20checked%3D%7Boption1%7D%0A%20%20%20%20%20%20%20%20label%3D'Toggle%20feature%20No.1'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CToggleSwitch%20checked%3D%7Btrue%7D%20disabled%20label%3D'This%20you%20cannot%20change'%20%2F%3E%0A%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20onChange%3D%7B(event)%20%3D%3E%20setOption2(event.target.checked)%7D%0A%20%20%20%20%20%20%20%20label%3D'Toggle%20feature%20No.2'%0A%20%20%20%20%20%20%20%20checked%3D%7Boption2%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FInputGroup%3E%0A%20%20)%3B%0A%7D%3B%0A","0a93cefd":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20InputWithDecorations%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgAdd%2C%20SvgAirplane%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'InputWithDecorations'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Input..'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20isDisabled%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Disabled%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20size%3D'small'%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%20size%3D's'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Small%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputWithDecorations%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%20%20%3CSvgAirplane%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Icon%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Input%20placeholder%3D'Positive%20input'%20%2F%3E%0A%20%20%20%20%20%20%3CInputWithDecorations.Button%20label%3D'Custom%20button'%3E%0A%20%20%20%20%20%20%20%20%3CSvgAdd%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20)%3B%0A%7D%3B%0A","7c15ac90":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Kbd%2C%20KbdKeys%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Keyboard%20Key'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CKbd%3EA%3C%2FKbd%3E%3B%0A%7D%3B%0A%0Aexport%20const%20PredefinedKey%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CKbd%3E%7BKbdKeys.Enter%7D%3C%2FKbd%3E%3B%0A%7D%3B%0A",dd42ca04:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Input%2C%20Label%2C%20Text%2C%20InputGrid%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Label'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CLabel%20htmlFor%3D'text-input'%3EName%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20id%3D'text-input'%20placeholder%3D'Enter%20name'%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20displayStyle%3D'inline'%20required%3E%0A%20%20%20%20%20%20%20%20Name%0A%20%20%20%20%20%20%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CInput%20defaultValue%3D'James%20Bond'%20required%20%2F%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Polymorphic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CInputGrid%20labelPlacement%3D'inline'%3E%0A%20%20%20%20%20%20%3CLabel%20displayStyle%3D'inline'%20as%3D'div'%3E%0A%20%20%20%20%20%20%20%20%3CText%20isMuted%3EName%3A%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FLabel%3E%0A%20%20%20%20%20%20%3CText%3EJames%20Bond%3C%2FText%3E%0A%20%20%20%20%3C%2FInputGrid%3E%0A%20%20)%3B%0A%7D%3B%0A",c59476e2:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20LabeledInput%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledInput'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%20placeholder%3D'Enter%20text%20here...'%20label%3D'This%20is%20a%20label'%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithMessage%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20disabled%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%AC%85%20This%20is%20a%20custom%20icon%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSvgIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HybridLayout%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CLabeledInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20message%3D'Block%20layout%20with%20inline%20icon'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",fe8b8be6:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20LabeledSelect%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCamera%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledSelect'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%2F%2F%20Body%20height%20is%20the%20same%20as%20Select%20component%20height%20therefore%20clicking%20outside%20would%20not%20close%20dropdown.%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20500%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20is%20a%20message'%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%3Cnumber%3E%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20a%20message%0A%20%20%20%20%20%20%20%20%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setValue(value)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Native%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledSelect%0A%20%20%20%20%20%20native%0A%20%20%20%20%20%20label%3D'Fruit'%0A%20%20%20%20%20%20options%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'apple'%2C%20label%3A%20'Apple'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'kiwi'%2C%20label%3A%20'Kiwi'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20value%3A%20'orange'%2C%20label%3A%20'Orange'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20message%3D'This%20uses%20the%20native%20select%20element'%0A%20%20%20%20%20%20placeholder%3D'Pick%20a%20fruit'%0A%20%20%20%20%20%20required%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b0b001ff:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgCamera%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20LabeledTextarea%2C%20StatusMessage%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'LabeledTextarea'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20disabled%3D%7Btrue%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D'Display%20Message'%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20message%3D%7B%0A%20%20%20%20%20%20%20%20%3CStatusMessage%20startIcon%3D%7B%3CSvgCamera%20%2F%3E%7D%3EDisplay%20Message%3C%2FStatusMessage%3E%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSvgIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'Enter%20text%20here...'%0A%20%20%20%20%20%20label%3D'This%20is%20a%20label'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20svgIcon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Inline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CLabeledTextarea%0A%20%20%20%20%20%20placeholder%3D'This%20is%20a%20textarea'%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%20%20label%3D'Textarea%20Label'%0A%20%20%20%20%20%20displayStyle%3D'inline'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",b2f51cc1:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20List%2C%20ListItem%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCheckmark%2C%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'List'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20maxWidth%3A%20'clamp(300px%2C%2050%25%2C%20100%25)'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%20%20%3CListItem%3EItem%201%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem%3EItem%202%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem%20size%3D'large'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3EItem%203%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20this%20is%20some%20additional%20information%20%F0%9F%91%80%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Description%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3C%2FList%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%201%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%202%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCheckmark%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%203%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%3C%2FList%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Actionable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%3EItem%201%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%20active%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Content%3EItem%202%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%3CListItem.Icon%20aria-hidden%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCheckmark%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem.Icon%3E%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%3CListItem%20actionable%20disabled%3E%0A%20%20%20%20%20%20%20%20Item%203%0A%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%3C%2FList%3E%0A%20%20)%3B%0A%7D%3B%0A","42bd2c24":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20Modal%2C%0A%20%20ModalButtonBar%2C%0A%20%20ModalContent%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Modal'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NonDismissibleModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20isDismissible%3D%7Bfalse%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OutsideClickAndEscDoesNotClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20closeOnEsc%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20closeOnExternalClick%3D%7Bfalse%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20FullPageModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BisModalOpen%2C%20setIsModalOpen%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20closeModal%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20setIsModalOpen(false)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('onClose')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20primaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Primary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20secondaryButtonHandle%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Secondary%20button')%3B%0A%20%20%20%20closeModal()%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7B()%20%3D%3E%20setIsModalOpen(true)%7D%3E%0A%20%20%20%20%20%20%20%20Open%20Modal%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CModal%0A%20%20%20%20%20%20%20%20isOpen%3D%7BisModalOpen%7D%0A%20%20%20%20%20%20%20%20title%3D'This%20is%20the%20title'%0A%20%20%20%20%20%20%20%20onClose%3D%7BonClose%7D%0A%20%20%20%20%20%20%20%20onKeyDown%3D%7B()%20%3D%3E%20console.log('onKeyDown')%7D%0A%20%20%20%20%20%20%20%20styleType%3D'fullPage'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CModalContent%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FModalContent%3E%0A%20%20%20%20%20%20%20%20%3CModalButtonBar%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BprimaryButtonHandle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Primary%0A%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7BsecondaryButtonHandle%7D%3ESecondary%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FModalButtonBar%3E%0A%20%20%20%20%20%20%3C%2FModal%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","77772dbc":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Anchor%2C%20Button%2C%20NonIdealState%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20Svg401%2C%0A%20%20Svg403%2C%0A%20%20Svg404%2C%0A%20%20Svg500%2C%0A%20%20Svg502%2C%0A%20%20Svg503%2C%0A%20%20SvgError%2C%0A%20%20SvgRedirect%2C%0A%20%20SvgTimedOut%2C%0A%7D%20from%20'%40itwin%2Fitwinui-illustrations-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'NonIdealState'%2C%0A%7D%3B%0A%0Aexport%20const%20Redirect%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgRedirect%20%2F%3E%7D%0A%20%20%20%20heading%3D'Redirect'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20Requested%20page%20has%20been%20moved%20permanently.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0Aexport%20const%20Unauthorized%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg401%20%2F%3E%7D%0A%20%20%20%20heading%3D'Unauthorized'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20You%20do%20not%20have%20permission%20to%20access%20this%20server.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20Forbidden%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg403%20%2F%3E%7D%0A%20%20%20%20heading%3D'Forbidden'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20You%20do%20not%20have%20permission%20to%20access%20this%20server.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Unable%20to%20fulfill%20request.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20PageNotFound%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg404%20%2F%3E%7D%0A%20%20%20%20heading%3D'Page%20not%20found'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20We%20can%20not%20find%20the%20iModel%20that%20you%20are%20looking%20for%20or%20it%20does%20not%0A%20%20%20%20%20%20%20%20exist.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Visit%20the%20iModel%20HUB%20or%20contact%20our%20support%20team.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20TimeOut%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgTimedOut%20%2F%3E%7D%0A%20%20%20%20heading%3D'Timed%20out'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20Your%20request%20timed%20out.%0A%20%20%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%20%20Please%20try%20again.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20InternalServerError%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg500%20%2F%3E%7D%0A%20%20%20%20heading%3D'Internal%20server%20error'%0A%20%20%20%20description%3D'Please%20retry%20again.%20If%20this%20continues%20to%20happen%2C%20please%20contact%20our%20support%20team%20or%20visit%20the%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20BadGateway%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg502%20%2F%3E%7D%0A%20%20%20%20heading%3D'Bad%20gateway'%0A%20%20%20%20description%3D'The%20server%20encountered%20a%20temporary%20error.%20Please%20try%20again%20in%2030%20seconds%20or%20visit%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20ServiceUnavailable%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvg503%20%2F%3E%7D%0A%20%20%20%20heading%3D'Service%20unavailable'%0A%20%20%20%20description%3D'This%20service%20is%20being%20worked%20on.%20Please%20come%20back%20in%20a%20little%20bit%20or%20visit%20iModel%20HUB.'%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20Generic%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgError%20%2F%3E%7D%0A%20%20%20%20heading%3D'Error'%0A%20%20%20%20description%3D%22We%20can't%20find%20the%20iModel%20that%20you%20are%20looking%20for%20or%20it%20does%20not%20exist.%20Visit%20the%20iModel%20HUB%20or%20contact%20our%20support%20team.%22%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20CustomHtmlMessage%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%0A%20%20%20%20svg%3D%7B%3CSvgError%20%2F%3E%7D%0A%20%20%20%20heading%3D'Error'%0A%20%20%20%20description%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20A%20React%20component%20with%20an%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'https%3A%2F%2Fwww.bentley.com'%20target%3D'_blank'%20rel%3D'noreferrer'%3E%0A%20%20%20%20%20%20%20%20%20%20anchor%0A%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20may%20be%20passed.%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%20%20actions%3D%7B%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Retrying')%7D%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'high-visibility'%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Retry%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20onClick%3D%7B()%20%3D%3E%20console.log('Contacting')%7D%3EContact%20us%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%7D%0A%20%20%2F%3E%0A)%3B%0A%0Aexport%20const%20WithoutMessageOrButtons%20%3D%20()%20%3D%3E%20(%0A%20%20%3CNonIdealState%20svg%3D%7B%3CSvgError%20%2F%3E%7D%20%2F%3E%0A)%3B%0A",e1b21471:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20Text%2C%0A%20%20NotificationMarker%2C%0A%20%20Button%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgNotification%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%2C%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'NotificationMarker'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20placeItems%3A%20'start'%2C%0A%20%20%20%20%20%20%20%20%20%20gap%3A%20'20px'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%3CSvgNotification%20fill%3D'currentColor'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithButtons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CButton%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3EInbox%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Pulsing%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'negative'%20pulsing%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CText%3EPrimary%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'primary'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EPositive%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'positive'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EWarning%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'warning'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3ENegative%3C%2FText%3E%0A%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'borderless'%3E%0A%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'negative'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%0A%20%20%20%20%20%20%3CText%3EWhite%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20columnGap%3A%20'10px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'high-visibility'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%20label%3D'Notifications'%20styleType%3D'cta'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CNotificationMarker%20status%3D'white'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgNotification%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FNotificationMarker%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AStatus.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20placeItems%3A%20'start'%2C%0A%20%20%20%20%20%20%20%20rowGap%3A%20'20px'%2C%0A%20%20%20%20%20%20%20%20columnGap%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20gridTemplateColumns%3A%20'fit-content(1px)%20auto'%2C%0A%20%20%20%20%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A","3d2a705d":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20Overlay%2C%20ProgressLinear%2C%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Overlay'%2C%0A%7D%3B%0A%0Aexport%20const%20Linear%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20wrapperStyle%20%3D%20%7B%0A%20%20%20%20border%3A%20'1px%20solid%20var(--iui-color-border)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20marginBottom%3A%20'12px'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3COverlay.Wrapper%20style%3D%7BwrapperStyle%7D%3E%0A%20%20%20%20%20%20%3COverlay.HiddenContent%20style%3D%7B%7B%20padding%3A%20'12px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%3C%2FOverlay.HiddenContent%3E%0A%20%20%20%20%20%20%3COverlay.Overlay%3E%0A%20%20%20%20%20%20%20%20%3CProgressLinear%20indeterminate%3D%7Btrue%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FOverlay.Overlay%3E%0A%20%20%20%20%3C%2FOverlay.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Radial%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20wrapperStyle%20%3D%20%7B%0A%20%20%20%20border%3A%20'1px%20solid%20var(--iui-color-border)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%20%20marginBottom%3A%20'12px'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3COverlay.Wrapper%20style%3D%7BwrapperStyle%7D%3E%0A%20%20%20%20%20%20%3COverlay.HiddenContent%20style%3D%7B%7B%20padding%3A%20'12px'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%3C%2FOverlay.HiddenContent%3E%0A%20%20%20%20%20%20%3COverlay.Overlay%3E%0A%20%20%20%20%20%20%20%20%3CProgressRadial%20indeterminate%3D%7Btrue%7D%20%2F%3E%0A%20%20%20%20%20%20%3C%2FOverlay.Overlay%3E%0A%20%20%20%20%3C%2FOverlay.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A","1b565e1d":"%2F*%40jsxRuntime%20automatic*%2F%0A%2F*%40jsxImportSource%20react*%2F%0Aimport%20%7B%20useMDXComponents%20as%20_provideComponents%20%7D%20from%20%22%40mdx-js%2Freact%22%3B%0Afunction%20_createMdxContent(props)%20%7B%0A%20%20const%20_components%20%3D%20%7B%0A%20%20%20%20a%3A%20%22a%22%2C%0A%20%20%20%20code%3A%20%22code%22%2C%0A%20%20%20%20h2%3A%20%22h2%22%2C%0A%20%20%20%20img%3A%20%22img%22%2C%0A%20%20%20%20li%3A%20%22li%22%2C%0A%20%20%20%20p%3A%20%22p%22%2C%0A%20%20%20%20pre%3A%20%22pre%22%2C%0A%20%20%20%20ul%3A%20%22ul%22%2C%0A%20%20%20%20..._provideComponents()%2C%0A%20%20%20%20...props.components%0A%20%20%7D%3B%0A%20%20return%20%3C%3E%3Ccenter%3E%3Ch1%3E%3Cpicture%3E%3Csource%20media%3D%22(prefers-color-scheme%3A%20dark)%22%20srcSet%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flogo-dark.svg%22%20%2F%3E%3Cimg%20src%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flogo.svg%22%20alt%3D%22iTwinUI%22%20%2F%3E%3C%2Fpicture%3E%3C%2Fh1%3E%3C%2Fcenter%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22This%20site%20demonstrates%20stories%20for%20all%20react%20components%20from%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%22%3E%7B%22iTwinUI%22%7D%3C%2F_components.a%3E%7B%22%20v3.%20For%20more%20detailed%20guidance%2C%20visit%20the%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fitwinui.bentley.com%22%3E%7B%22documentation%20site%22%7D%3C%2F_components.a%3E%7B%22.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22If%20you're%20using%20an%20older%20version%20of%20iTwinUI%2C%20we%20highly%20recommend%20upgrading%20(see%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fwiki%2FiTwinUI-react-v3-migration-guide%22%3E%7B%22migration%20guide%22%7D%3C%2F_components.a%3E%7B%22).%20In%20the%20meantime%2C%20you%20might%20find%20these%20links%20useful%3A%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.ul%3E%7B%22%5Cn%22%7D%3C_components.li%3E%3C_components.a%20href%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI-react%22%3E%7B%22v1%20storybook%22%7D%3C%2F_components.a%3E%3C%2F_components.li%3E%7B%22%5Cn%22%7D%3C_components.li%3E%3C_components.a%20href%3D%22https%3A%2F%2Fitwin.github.io%2FiTwinUI%2Flegacy%2Fv2%2Freact%22%3E%7B%22v2%20storybook%22%7D%3C%2F_components.a%3E%3C%2F_components.li%3E%7B%22%5Cn%22%7D%3C%2F_components.ul%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Basic%20usage%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.pre%3E%3C_components.code%20className%3D%22language-jsx%22%3E%7B%22import%20%7B%20ThemeProvider%2C%20Button%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%5Cnimport%20'%40itwin%2Fitwinui-react%2Fstyles.css'%3B%5Cn%5Cnexport%20default%20function%20App()%20%7B%5Cn%20%20return%20(%5Cn%20%20%20%20%3C%3E%5Cn%20%20%20%20%20%20%3CThemeProvider%20theme%3D'light'%3E%5Cn%20%20%20%20%20%20%20%20%3CButton%3EHello!%3C%2FButton%3E%5Cn%20%20%20%20%20%20%3C%2FThemeProvider%3E%5Cn%20%20%20%20%3C%2F%3E%5Cn%20%20)%3B%5Cn%7D%5Cn%22%7D%3C%2F_components.code%3E%3C%2F_components.pre%3E%7B%22%5Cn%22%7D%3C_components.p%3E%3C_components.a%20href%3D%22https%3A%2F%2Fstackblitz.com%2Fgithub%2FiTwin%2FiTwinUI%2Ftree%2Fmain%2Fminimal-sandbox%3Ffile%3Dsrc%2FApp.tsx%22%3E%3C_components.img%20src%3D%22https%3A%2F%2Fdeveloper.stackblitz.com%2Fimg%2Fopen_in_stackblitz.svg%22%20alt%3D%22Edit%20in%20StackBlitz%22%20%2F%3E%3C%2F_components.a%3E%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22FAQ%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22For%20a%20list%20of%20frequently%20asked%20questions%2C%20visit%20the%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fwiki%2FFAQ%22%3E%7B%22wiki%22%7D%3C%2F_components.a%3E%7B%22.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Contributing%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22We%20welcome%20you%20to%20contribute%20and%20make%20this%20UI%20design%20system%20better.%20You%20can%20submit%20feature%20requests%20or%20bugs%20by%20creating%20an%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fissues%22%3E%7B%22issue%22%7D%3C%2F_components.a%3E%7B%22.%5CnPlease%20read%20our%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fblob%2Fmain%2FCONTRIBUTING.md%22%3E%7B%22CONTRIBUTING.md%22%7D%3C%2F_components.a%3E%7B%22%20for%20more%20information.%22%7D%3C%2F_components.p%3E%7B%22%5Cn%22%7D%3C_components.h2%3E%7B%22Changelog%22%7D%3C%2F_components.h2%3E%7B%22%5Cn%22%7D%3C_components.p%3E%7B%22Read%20our%20%22%7D%3C_components.a%20href%3D%22https%3A%2F%2Fgithub.com%2FiTwin%2FiTwinUI%2Fblob%2Fmain%2Fpackages%2Fitwinui-react%2FCHANGELOG.md%22%3E%7B%22CHANGELOG.md%22%7D%3C%2F_components.a%3E%7B%22%20to%20find%20recent%20changes.%22%7D%3C%2F_components.p%3E%3C%2F%3E%3B%0A%7D%0Aexport%20function%20MDXContent(props%20%3D%20%7B%7D)%20%7B%0A%20%20const%20%7B%0A%20%20%20%20wrapper%3A%20MDXLayout%0A%20%20%7D%20%3D%20%7B%0A%20%20%20%20..._provideComponents()%2C%0A%20%20%20%20...props.components%0A%20%20%7D%3B%0A%20%20return%20MDXLayout%20%3F%20%3CMDXLayout%20%7B...props%7D%3E%3C_createMdxContent%20%7B...props%7D%20%2F%3E%3C%2FMDXLayout%3E%20%3A%20_createMdxContent(props)%3B%0A%7D%0AMDXContent.storyName%20%3D%20'Readme'%3B","3271cc30":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Button%2C%0A%20%20Divider%2C%0A%20%20Flex%2C%0A%20%20List%2C%0A%20%20ListItem%2C%0A%20%20unstable_Panels%20as%20Panels%2C%0A%20%20Surface%2C%0A%20%20Text%2C%0A%20%20ToggleSwitch%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20component%3A%20Panels%2C%0A%20%20title%3A%20'Panels'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20panelIdRoot%20%3D%20'root'%3B%0A%20%20const%20panelIdMoreInfo%20%3D%20'more-info'%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20inlineSize%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20blockSize%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BpanelIdRoot%7D%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ERoot%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BpanelIdMoreInfo%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EMore%20details%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BpanelIdMoreInfo%7D%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EMore%20details%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3EContent%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiPanelInformationPanel%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20initialActiveId%20%3D%20'root'%3B%0A%0A%20%20const%20panels%20%3D%20Array.from(Array(20).keys()).map((i)%20%3D%3E%20(%7B%0A%20%20%20%20id%3A%20%60panel-%24%7Bi%7D%60%2C%0A%20%20%20%20label%3A%20%60Panel%20%24%7Bi%7D%60%2C%0A%20%20%7D))%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20inlineSize%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20blockSize%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20id%3D%7BinitialActiveId%7D%0A%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ERoot%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%7Bpanels.map((panel)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%20key%3D%7Bpanel.id%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7B%60%24%7Bpanel.id%7D%60%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3E%7Bpanel.label%7D%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%7Bpanels.map((panel)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20key%3D%7Bpanel.id%7D%0A%20%20%20%20%20%20%20%20%20%20id%3D%7Bpanel.id%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3E%7Bpanel.label%7D%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BFlex%7D%20flexDirection%3D'column'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3E%7B%60Content%20for%20%24%7Bpanel.id%7D%60%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CFlex.Spacer%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3E%7B%60Footer%20for%20%24%7Bpanel.id%7D%60%7D%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20))%7D%0A%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiLevelList%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20initialActiveId%20%3D%20React.useId()%3B%0A%20%20const%20qualityPanelId%20%3D%20React.useId()%3B%0A%20%20const%20speedPanelId%20%3D%20React.useId()%3B%0A%20%20const%20accessibilityPanelId%20%3D%20React.useId()%3B%0A%0A%20%20const%20%5Brepeat%2C%20setRepeat%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5Bquality%2C%20setQuality%5D%20%3D%20React.useState('240p')%3B%0A%20%20const%20%5Bspeed%2C%20setSpeed%5D%20%3D%20React.useState('1.0x')%3B%0A%20%20const%20%5BaccessibilityOptions%2C%20setAccessibilityOptions%5D%20%3D%20React.useState%3C%0A%20%20%20%20string%5B%5D%0A%20%20%3E(%5B%5D)%3B%0A%0A%20%20const%20panels%20%3D%20Panels.useInstance()%3B%0A%0A%20%20const%20_Item%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%0A%20%20%20%20%20%20content%2C%0A%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20setState%2C%0A%20%20%20%20%7D%3A%20%7B%0A%20%20%20%20%20%20content%3A%20string%3B%0A%20%20%20%20%20%20state%3A%20string%3B%0A%20%20%20%20%20%20setState%3A%20React.Dispatch%3CReact.SetStateAction%3Cstring%3E%3E%3B%0A%20%20%20%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20selected%20%3D%20state%20%3D%3D%3D%20content%3B%0A%0A%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%3CListItem%0A%20%20%20%20%20%20%20%20%20%20active%3D%7Bselected%7D%0A%20%20%20%20%20%20%20%20%20%20aria-selected%3D%7Bselected%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20panels.goBack()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%20onClick%3D%7B()%20%3D%3E%20setState(content)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bcontent%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%3CListItem.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5Bpanels%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemQuality%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%20content%3D%7Bcontent%7D%20state%3D%7Bquality%7D%20setState%3D%7BsetQuality%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20quality%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemSpeed%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%20content%3D%7Bcontent%7D%20state%3D%7Bspeed%7D%20setState%3D%7BsetSpeed%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20speed%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20_ItemAccessibility%20%3D%20React.useCallback(%0A%20%20%20%20(%7B%20content%20%7D%3A%20%7B%20content%3A%20string%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C_Item%0A%20%20%20%20%20%20%20%20content%3D%7Bcontent%7D%0A%20%20%20%20%20%20%20%20state%3D%7BaccessibilityOptions.includes(content)%20%3F%20content%20%3A%20''%7D%0A%20%20%20%20%20%20%20%20setState%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setAccessibilityOptions((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20prev.includes(content)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((item)%20%3D%3E%20item%20!%3D%3D%20content)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...prev%2C%20content%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B_Item%2C%20accessibilityOptions%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20qualities%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B'240p'%2C%20'360p'%2C%20'480p'%2C%20'720p'%2C%20'1080p'%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20speeds%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20Array.from(%7B%20length%3A%2021%20%7D%2C%20(_%2C%20i)%20%3D%3E%20(i%20*%200.1).toFixed(1)%20%2B%20'x')%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20toggleSwitchId%20%3D%20React.useId()%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20%20%20instance%3D%7Bpanels%7D%0A%20%20%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20inlineSize%3A%20'min(200px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20blockSize%3A%20'min(250px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%20id%3D%7BinitialActiveId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CList%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Content%20as%3D'label'%20htmlFor%3D%7BtoggleSwitchId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Repeat%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem.Content%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%7BtoggleSwitchId%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20setRepeat(e.target.checked)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7Brepeat%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BqualityPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EQuality%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BspeedPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3ESpeed%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BaccessibilityPanelId%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CListItem.Action%3EAccessibility%3C%2FListItem.Action%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FListItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FList%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BqualityPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EQuality%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bqualities.map((quality)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemQuality%20key%3D%7Bquality%7D%20content%3D%7Bquality%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BspeedPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3ESpeed%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bspeeds.map((speed)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemSpeed%20key%3D%7Bspeed%7D%20content%3D%7Bspeed%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%0A%20%20%20%20%20%20%20%20%3CPanels.Panel%0A%20%20%20%20%20%20%20%20%20%20id%3D%7BaccessibilityPanelId%7D%0A%20%20%20%20%20%20%20%20%20%20as%3D%7BFlex%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D'column'%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D'stretch'%0A%20%20%20%20%20%20%20%20%20%20gap%3D'0'%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3EAccessibility%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20as%3D%7BList%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'High%20contrast'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'Large%20text'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C_ItemAccessibility%20content%3D'Screen%20reader'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NestedPanels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20panels%20%3D%20Panels.useInstance()%3B%0A%0A%20%20const%20initialActiveId%20%3D%20'root'%3B%0A%20%20const%20panel1Id%20%3D%20'panel-1'%3B%0A%20%20const%20panel1_1Id%20%3D%20'panel-1-1'%3B%0A%20%20const%20panel1_1_1Id%20%3D%20'panel-1-1-1'%3B%0A%0A%20%20const%20panelIds%20%3D%20%5BinitialActiveId%2C%20panel1Id%2C%20panel1_1Id%2C%20panel1_1_1Id%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CFlex%20flexDirection%3D'column'%20alignItems%3D'flex-start'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'instance-go-back'%20onClick%3D%7B()%20%3D%3E%20panels.goBack()%7D%3E%0A%20%20%20%20%20%20%20%20Go%20Back%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CPanels.Wrapper%0A%20%20%20%20%20%20%20%20instance%3D%7Bpanels%7D%0A%20%20%20%20%20%20%20%20as%3D%7BSurface%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20'min(300px%2C%2030vw)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'min(500px%2C%2050vh)'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7BpanelIds.map((id%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CPanels.Panel%20key%3D%7Bid%7D%20id%3D%7Bid%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSurface.Header%20as%3D%7BPanels.Header%7D%3E%7Bid%7D%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanels.Trigger%20for%3D%7BpanelIds%5Bindex%20%2B%201%5D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Go%20to%20%7BpanelIds%5Bindex%20%2B%201%5D%20%3F%3F%20%22panel%20that%20doesn't%20exist%22%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Trigger%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FPanels.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FPanels.Wrapper%3E%0A%20%20%20%20%3C%2FFlex%3E%0A%20%20)%3B%0A%7D%3B%0A","141ad7b0":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20ProgressLinear%2C%20Icon%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ProgressLinear'%2C%0A%7D%3B%0A%0Aexport%20const%20Determinate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DeterminateAnimated%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20isAnimated%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabeledCenter%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20labels%3D%7B%5B'Centered%20Label'%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabeledLeftRight%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressLinear%20value%3D%7B50%7D%20labels%3D%7B%5B'Loading...'%2C%20'50%25'%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B100%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20done!'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusSuccess%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'positive'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B45%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20failed'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusError%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'negative'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CProgressLinear%0A%20%20%20%20%20%20value%3D%7B100%7D%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20'Upload%20successful%20with%20warning'%2C%0A%20%20%20%20%20%20%20%20%3CIcon%20key%3D'icon'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgStatusWarning%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIcon%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","026a13e9":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ProgressRadial'%2C%0A%7D%3B%0A%0Aexport%20const%20Determinate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Indeterminate%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20indeterminate%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'positive'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'negative'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20status%3D%7B'warning'%7D%20value%3D%7B50%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DeterminateWithContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CProgressRadial%20value%3D%7B50%7D%3E50%3C%2FProgressRadial%3E%3B%0A%7D%3B%0A",b77b1f6a:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Radio%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Radio'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20label%3D'Choose%20me!'%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20disabled%20label%3D'Cannot%20choose%20me!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'positive'%20label%3D'Positive!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'warning'%20label%3D'Careful!'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CRadio%20status%3D'negative'%20label%3D'Bad%20idea...'%20%2F%3E%3B%0A%7D%3B%0A",ba28067a:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgNetwork%2C%20SvgWindows%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20RadioTile%2C%20RadioTileGroup%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'RadioTileGroup'%2C%0A%7D%3B%0A%0Aexport%20const%20Monochrome%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CRadioTileGroup%20label%3D'Choose%20type'%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Web'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20px'%0A%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgNetwork%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Web'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'iOS'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20pt'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2016%2016'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm14.38732%2012.46864a8.67507%208.67507%200%200%201%20-.85133%201.54667%207.83909%207.83909%200%200%201%20-1.096%201.33933%202.11842%202.11842%200%200%201%20-1.40933.62733%203.50824%203.50824%200%200%201%20-1.30133-.314%203.7014%203.7014%200%200%200%20-1.40133-.31333%203.82728%203.82728%200%200%200%20-1.44066.31333%203.84425%203.84425%200%200%201%20-1.24467.33067%201.98968%201.98968%200%200%201%20-1.44066-.644%208.203%208.203%200%200%201%20-1.14667-1.38664%209.61729%209.61729%200%200%201%20-1.21266-2.43466%208.99338%208.99338%200%200%201%20-.50933-2.90134%205.34287%205.34287%200%200%201%20.68865-2.772%204.05969%204.05969%200%200%201%201.44134-1.474%203.84792%203.84792%200%200%201%201.94933-.556%204.55944%204.55944%200%200%201%201.50733.35466%204.79788%204.79788%200%200%200%201.196.35534%207.06478%207.06478%200%200%200%201.326-.41866%204.34039%204.34039%200%200%201%201.802-.32334%203.8146%203.8146%200%200%201%202.99733%201.59533%203.37671%203.37671%200%200%200%20-1.768%203.062%203.3911%203.3911%200%200%200%201.09733%202.54467%203.59839%203.59839%200%200%200%201.096.72733q-.132.386-.27933.74133zm-3.05466-12.14864a3.43565%203.43565%200%200%201%20-.86533%202.23866%202.93869%202.93869%200%200%201%20-2.45%201.22267%202.58687%202.58687%200%200%201%20-.018-.30334%203.63848%203.63848%200%200%201%202.03667-3.11132%203.30968%203.30968%200%200%201%201.28-.36667%202.86658%202.86658%200%200%201%20.01667.32z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'iOS'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Android'%0A%20%20%20%20%20%20%20%20description%3D'Dimensions%20in%20dp%2Fsp'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2016%2016'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D'm3.28467%206.184v4.122a.97577.97577%200%201%201%20-1.95134%200v-4.122a.97576.97576%200%201%201%201.95134%200zm2.58133-4.71533-.688-1.25934a.14184.14184%200%200%201%20.054-.19133.13814.13814%200%200%201%20.18867.05467l.696%201.27333a4.63366%204.63366%200%200%201%203.76666%200l.696-1.27333a.1368.1368%200%200%201%20.18867-.05467.14184.14184%200%200%201%20.054.19133l-.688%201.25934a4.03915%204.03915%200%200%201%202.218%203.546h-8.704a4.03915%204.03915%200%200%201%202.218-3.546zm3.77933%201.56266a.36337.36337%200%201%200%20.36334-.36866.36621.36621%200%200%200%20-.36334.36866zm-4.01733%200a.36337.36337%200%201%200%20.36333-.36866.3662.3662%200%200%200%20-.36333.36866zm8.06267%202.16334a.98351.98351%200%200%200%20-.97534.98933v4.122a.97577.97577%200%201%200%201.95134%200v-4.122a.98365.98365%200%200%200%20-.976-.98933zm-10.04267.16933v6.39733a1.05948%201.05948%200%200%200%201.052%201.06667h.69867v2.18267a.97543.97543%200%201%200%201.95066%200v-2.18267h1.30134v2.18267a.97543.97543%200%201%200%201.95066%200v-2.18267h.69867a1.05948%201.05948%200%200%200%201.052-1.06667v-6.39733z'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Android'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Windows'%0A%20%20%20%20%20%20%20%20description%3D'Windows%20phone%20is%20no%20longer%20supported'%0A%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgWindows%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20name%3D'OS'%0A%20%20%20%20%20%20%20%20value%3D'Windows'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FRadioTileGroup%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Colored%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CRadioTileGroup%20label%3D'Map%20indicator%20type'%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Google%20Maps'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a7.98189%207.98189%200%200%200%20-6.9688%2011.906c.1079.192.221.381.3438.563l6.625%2011.531%206.625-11.531c.102-.151.19-.311.281-.469l.063-.094a7.98217%207.98217%200%200%200%20-6.969-11.906zm0%204a4%204%200%201%201%20-4%204%204.00011%204.00011%200%200%201%204-4z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23e74c3c'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%203a5%205%200%201%200%205%205%205%205%200%200%200%20-5-5zm0%202a3%203%200%201%201%20-3%203%202.99988%202.99988%200%200%201%203-3z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23c0392b'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Google%20Maps'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Blue'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%236ab9ec'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Blue'%0A%20%20%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Green'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23b1c854'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Green'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CRadioTile%0A%20%20%20%20%20%20%20%20label%3D'Bentley%20Purple'%0A%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20aria-hidden%3D'true'%20viewBox%3D'0%200%2024%2024'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%200a8.12188%208.12188%200%200%200%20-8.18182%207.95c0%201.8%201.235%204.65%203.55066%208.85%201.698%203%204.6311%207.2%204.6311%207.2s2.93308-4.35%204.63122-7.35c2.31571-4.2%203.55066-7.05%203.55066-8.85a8.09618%208.09618%200%200%200%20-8.18188-7.8z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23fff'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D'm12%201.10962a7.05246%207.05246%200%200%200%20-7.0722%206.84038c0%201.88313%201.8238%205.43244%203.41275%208.31426%201.06435%201.88039%202.649%204.27827%203.64493%205.75084.99723-1.518%202.60183-4.00688%203.68-5.91171%201.58292-2.87099%203.40672-6.42031%203.40672-8.30339a6.98162%206.98162%200%200%200%20-7.0722-6.69038zm.002%209.79947a3.27273%203.27273%200%201%201%203.27272-3.27273%203.27268%203.27268%200%200%201%20-3.27272%203.27273z'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D'%23A3779F'%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20name%3D'map'%0A%20%20%20%20%20%20%20%20value%3D'Bentley%20Purple'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FRadioTileGroup%3E%0A%20%20)%3B%0A%7D%3B%0A",e7667281:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20SearchBox%2C%20Text%2C%20Divider%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCaretDownSmall%2C%20SvgCaretUpSmall%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SearchBox'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSearchBox%20inputProps%3D%7B%7B%20placeholder%3A%20'Basic%20search'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20BasicWithCustomItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20label%3D'Search%20button'%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Basic%20search%20with%20custom%20interactions'%20%2F%3E%0A%20%20%20%20%20%20%3CText%0A%20%20%20%20%20%20%20%20isMuted%0A%20%20%20%20%20%20%20%20variant%3D'body'%0A%20%20%20%20%20%20%20%20as%3D'p'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20paddingRight%3A%20'var(--iui-size-s)'%2C%20alignSelf%3A%20'center'%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%200%2F3%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BasicWithStatus%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%0A%20%20%20%20%20%20inputProps%3D%7B%7B%20placeholder%3A%20'Search%20with%20warning'%20%7D%7D%0A%20%20%20%20%20%20status%3D'warning'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Expandable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%20inputProps%3D%7B%7B%20placeholder%3A%20'Expandable%20search'%20%7D%7D%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BorderlessExpandButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.ExpandButton%20styleType%3D'borderless'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Icon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Expandable%20search%20with%20borderless%20ExpandButton'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ExpandableWithCustomItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%20expandable%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%20%2F%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Expandable%20search%20with%20custom%20interactions'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSearchBox%20size%3D'small'%20inputProps%3D%7B%7B%20placeholder%3A%20'Search...'%20%7D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomAction%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bexpanded%2C%20setExpanded%5D%20%3D%20useState(false)%3B%0A%0A%20%20const%20handleExpand%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Expanding%20searchbox')%3B%0A%20%20%20%20setExpanded(true)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20handleCollapse%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Collapsing%20searchbox')%3B%0A%20%20%20%20setExpanded(false)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSearchBox%0A%20%20%20%20%20%20expandable%0A%20%20%20%20%20%20isExpanded%3D%7Bexpanded%7D%0A%20%20%20%20%20%20onExpand%3D%7BhandleExpand%7D%0A%20%20%20%20%20%20onCollapse%3D%7BhandleCollapse%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.ExpandButton%20%2F%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.CollapsedState%3E%0A%20%20%20%20%20%20%3CSearchBox.ExpandedState%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Input%20placeholder%3D'Test'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.CollapseButton%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CDivider%20orientation%3D'vertical'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Previous%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretUpSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%20%20%3CSearchBox.Button%20aria-label%3D'Next%20result'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgCaretDownSmall%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FSearchBox.Button%3E%0A%20%20%20%20%20%20%3C%2FSearchBox.ExpandedState%3E%0A%20%20%20%20%3C%2FSearchBox%3E%0A%20%20)%3B%0A%7D%3B%0A",b8599fc0:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%20MenuItem%2C%20Select%2C%20MiddleTextTruncation%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgSmileyHappy%2C%0A%20%20SvgSmileyNeutral%2C%0A%20%20SvgSmileySad%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Select'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story%2C%20context)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20context.globalState.story.includes('truncate-middle-text')%20%3F%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20365%2C%20width%3A%20300%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20365%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20%3CSelect%20options%3D%7Boptions%7D%20placeholder%3D'Placeholder%20text'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'happy'%2C%20label%3A%20'Happy'%2C%20startIcon%3A%20%3CSvgSmileyHappy%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'neutral'%2C%20label%3A%20'Neutral'%2C%20startIcon%3A%20%3CSvgSmileyNeutral%20%2F%3E%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'sad'%2C%20label%3A%20'Sad'%2C%20startIcon%3A%20%3CSvgSmileySad%20%2F%3E%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'How%20are%20you%20today%3F'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithSelectedValue%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%3E(2)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20popoverProps%3D%7B%7B%20visible%3A%20true%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledWithSelectedValue%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%3E(2)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20disabled%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ManyItems%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20Sublabels%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%201%2C%20label%3A%20'Item%20%231'%2C%20sublabel%3A%20'Sublabel%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%202%2C%20label%3A%20'Item%20%232'%2C%20sublabel%3A%20'Sublabel%20%232'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%203%2C%20label%3A%20'Item%20%233'%2C%20sublabel%3A%20'Sublabel%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%20%7C%20undefined%3E(undefined)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20size%3D'large'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Custom%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'yellow'%2C%20label%3A%20'Yellow'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'green'%2C%20label%3A%20'Green'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'red'%2C%20label%3A%20'Red'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(%0A%20%20%20%20undefined%2C%0A%20%20)%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7B(value)%20%3D%3E%20setSelectedValue(value)%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20itemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMenuItem%20style%3D%7B%7B%20color%3A%20option.value%20%7D%7D%3E%7Boption.label%7D%3C%2FMenuItem%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20selectedItemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3Cspan%20style%3D%7B%7B%20backgroundColor%3A%20option.value%20%7D%7D%3E%7Boption.label%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20TruncateMiddleText%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20value%3A%0A%20%20%20%20%20%20%20%20'MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html'%2C%0A%20%20%20%20%20%20label%3A%0A%20%20%20%20%20%20%20%20'MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html'%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'ShortNameFile.jpg'%2C%20label%3A%20'ShortNameFile.jpg'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'SomeOtherFile.dgn'%2C%20label%3A%20'SomeOtherFile.dgn'%20%7D%2C%0A%20%20%5D%3B%0A%20%20const%20%5BselectedValue%2C%20setSelectedValue%5D%20%3D%20React.useState%3Cstring%20%7C%20undefined%3E(%0A%20%20%20%20options%5B0%5D.value%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSelect%0A%20%20%20%20%20%20options%3D%7Boptions%7D%0A%20%20%20%20%20%20value%3D%7BselectedValue%7D%0A%20%20%20%20%20%20onChange%3D%7BsetSelectedValue%7D%0A%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20itemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMiddleTextTruncation%20text%3D%7Boption.label%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20selectedItemRenderer%3D%7B(option)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%3CMiddleTextTruncation%20text%3D%7Boption.label%7D%20%2F%3E%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Multi%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%5B%5D%3E(%5B%5D)%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(val%2C%20event)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setValue((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20event%20%3D%3D%3D%20'removed'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((value)%20%3D%3E%20val%20!%3D%3D%20value)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...prev%2C%20val%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20MultiCustomRenderer%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bvalue%2C%20setValue%5D%20%3D%20React.useState%3Cnumber%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20350%20%7D%7D%3E%0A%20%20%20%20%20%20%3CSelect%0A%20%20%20%20%20%20%20%20options%3D%7B%5B...Array(20).fill(null)%5D.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20label%3A%20%60Item%20%23%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20value%3A%20index%2C%0A%20%20%20%20%20%20%20%20%7D))%7D%0A%20%20%20%20%20%20%20%20value%3D%7Bvalue%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7B(val%2C%20event)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setValue((prev)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20event%20%3D%3D%3D%20'removed'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20prev.filter((value)%20%3D%3E%20val%20!%3D%3D%20value)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B...(prev%20%3F%3F%20%5B%5D)%2C%20val%5D%2C%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20placeholder%3D'Placeholder%20text'%0A%20%20%20%20%20%20%20%20multiple%0A%20%20%20%20%20%20%20%20selectedItemRenderer%3D%7B(options)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3C%3E%7Boptions.map((option)%20%3D%3E%20option.label).join('%2C%20')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Native%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'4'%2C%20label%3A%20'Item%20%234'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20%3CSelect%20native%20options%3D%7Boptions%7D%20placeholder%3D'Choose%20an%20option'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Borderless%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20options%20%3D%20%5B%0A%20%20%20%20%7B%20value%3A%20'1'%2C%20label%3A%20'Item%20%231'%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'2'%2C%20label%3A%20'Item%20%232'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20value%3A%20'3'%2C%20label%3A%20'Item%20%233'%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSelect%20native%20styleType%3D'borderless'%20defaultValue%3D'1'%20options%3D%7Boptions%7D%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",c3337d49:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SkipToContentLink%2C%20Text%2C%20Kbd%2C%20Anchor%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SkipToContentLink'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSkipToContentLink%20href%3D'%23main-content'%20%2F%3E%0A%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20This%20is%20not%20the%20main%20content.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3Etab%3C%2FKbd%3E%26nbsp%3Bto%20see%20skip-to-content-link%20component.%20You%20might%0A%20%20%20%20%20%20%20%20need%20to%20click%20on%20the%20top%20of%20the%20page%20or%20the%20URL%20first.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3E%26crarr%3B%3C%2FKbd%3E%0A%20%20%20%20%20%20%20%20%26nbsp%3Bafter%20focusing%20on%20skip-to-content-link%20to%20skip%20to%20the%20main%20content%0A%20%20%20%20%20%20%20%20below.%20%3CAnchor%20href%3D'%23'%3EThis%20link%20will%20be%20skipped.%3C%2FAnchor%3E%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'solid%201px%20var(--iui-color-background-border)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%201000%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20id%3D'main-content'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20the%20main%20content.%20Focus%20will%20be%20directed%20here%20from%20the%0A%20%20%20%20%20%20%20%20%20%20skip-to-content-link%20component.%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'%23'%3ETab%20again%20to%20focus%20on%20this%20link.%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomText%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSkipToContentLink%20href%3D'%23main-content'%3E%0A%20%20%20%20%20%20%20%20Skip%20to%20main%20content%20(translated)%0A%20%20%20%20%20%20%3C%2FSkipToContentLink%3E%0A%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20This%20is%20not%20the%20main%20content.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3Etab%3C%2FKbd%3E%26nbsp%3Bto%20see%20skip-to-content-link%20component.%20You%20might%0A%20%20%20%20%20%20%20%20need%20to%20click%20on%20the%20top%20of%20the%20page%20or%20the%20URL%20first.%20Press%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3CKbd%3E%26crarr%3B%3C%2FKbd%3E%0A%20%20%20%20%20%20%20%20%26nbsp%3Bafter%20focusing%20on%20skip-to-content-link%20to%20skip%20to%20the%20main%20content%0A%20%20%20%20%20%20%20%20below.%20%3CAnchor%20href%3D'%23'%3EThis%20link%20will%20be%20skipped.%3C%2FAnchor%3E%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'solid%201px%20var(--iui-color-background-border)'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%201000%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%2012%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20id%3D'main-content'%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CText%20as%3D'p'%3E%0A%20%20%20%20%20%20%20%20%20%20This%20is%20the%20main%20content.%20Focus%20will%20be%20directed%20here%20from%20the%0A%20%20%20%20%20%20%20%20%20%20skip-to-content-link%20component.%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%3CAnchor%20href%3D'%23'%3ETab%20again%20to%20focus%20on%20this%20link.%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A",cae8adc5:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%20from%20'react'%3B%0Aimport%20%7B%20Text%2C%20Slider%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgSmileyHappy%2C%20SvgSmileySad%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%2C%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Slider'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story%2C%20context)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20...(context.globalState.story.includes('vertical')%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'calc(100vh%20-%2024px)'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'fit-content'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'grid'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%7B%7D)%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B50%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Range%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B20%2C%2080%5D%7D%20min%3D%7B0%7D%20max%3D%7B100%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20MultiThumbsAllowCrossing%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20thumbProps%3D%7B(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20eventsIds%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20'building-south'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-north'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-west'%2C%0A%20%20%20%20%20%20%20%20%20%20'building-east'%2C%0A%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%20%20const%20color%20%3D%200%20%3D%3D%20index%20%25%202%20%3F%20'blue'%20%3A%20'red'%3B%0A%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20style%3A%20%7B%20backgroundColor%3A%20color%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20id%3A%20%60%24%7BeventsIds%5Bindex%5D%7D%60%2C%0A%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20values%3D%7B%5B20%2C%2040%2C%2060%2C%2080%5D%7D%0A%20%20%20%20%20%20trackDisplayMode%3D%7B'even-segments'%7D%0A%20%20%20%20%20%20thumbMode%3D%7B'allow-crossing'%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomThumb%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20thumbProps%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20style%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20justifyContent%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23999'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'36px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20'26px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'4px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20'translateX(-19.2px)'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20children%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pointerEvents%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20marginBottom%3A%20'4px'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7C%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20values%3D%7B%5B50%5D%7D%0A%20%20%20%20%20%20minLabel%3D%7B%3CSvgSmileySad%20%2F%3E%7D%0A%20%20%20%20%20%20maxLabel%3D%7B%3CSvgSmileyHappy%20%2F%3E%7D%0A%20%20%20%20%20%20trackContainerProps%3D%7B%7B%20style%3A%20%7B%20margin%3A%20'0%208px'%20%7D%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20min%3D%7B0%7D%20max%3D%7B60%7D%20values%3D%7B%5B30%5D%7D%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20CustomTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSlider%0A%20%20%20%20%20%20min%3D%7B0%7D%0A%20%20%20%20%20%20max%3D%7B60%7D%0A%20%20%20%20%20%20values%3D%7B%5B20%5D%7D%0A%20%20%20%20%20%20tickLabels%3D%7B%5B'0'%2C%20'20'%2C%20'40'%2C%20'60'%5D%7D%0A%20%20%20%20%20%20tooltipProps%3D%7B(index%2C%20val)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20%7B%20placement%3A%20'right'%2C%20content%3A%20%60%5C%24%24%7Bval%7D.00%60%20%7D%3B%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomTickNoTooltip%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20dateFormatter%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20return%20new%20Intl.DateTimeFormat('default'%2C%20%7B%0A%20%20%20%20%20%20month%3A%20'short'%2C%0A%20%20%20%20%20%20day%3A%20'2-digit'%2C%0A%20%20%20%20%20%20timeZone%3A%20'UTC'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20React.useState(%0A%20%20%20%20new%20Date(Date.UTC(2019%2C%200%2C%201))%2C%0A%20%20)%3B%0A%0A%20%20const%20%5Bvalues%2C%20setValues%5D%20%3D%20React.useState(%5B0%5D)%3B%0A%0A%20%20const%20updateDate%20%3D%20React.useCallback((values%3A%20readonly%20number%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20setValues(%5B...values%5D)%3B%0A%20%20%20%20const%20newDate%20%3D%20new%20Date(Date.UTC(2019%2C%200%2C%20values%5B0%5D))%3B%0A%20%20%20%20setCurrentDate(newDate)%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20min%3D%7B1%7D%0A%20%20%20%20%20%20%20%20max%3D%7B365%7D%0A%20%20%20%20%20%20%20%20values%3D%7Bvalues%7D%0A%20%20%20%20%20%20%20%20tooltipProps%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%20visible%3A%20false%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20minLabel%3D%7B'Date'%7D%0A%20%20%20%20%20%20%20%20maxLabel%3D%7B''%7D%0A%20%20%20%20%20%20%20%20orientation%3D%7B'horizontal'%7D%0A%20%20%20%20%20%20%20%20onUpdate%3D%7BupdateDate%7D%0A%20%20%20%20%20%20%20%20onChange%3D%7BupdateDate%7D%0A%20%20%20%20%20%20%20%20tickProps%3D%7B%7B%20className%3A%20'some-tick'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CText%0A%20%20%20%20%20%20%20%20as%3D'p'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20textAlign%3A%20'center'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7BdateFormatter.format(currentDate)%7D%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ACustomTickNoTooltip.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20width%3A%20'50%25'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20DecimalIncrement%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20min%3D%7B0%7D%20max%3D%7B50%7D%20step%3D%7B2.5%7D%20values%3D%7B%5B25%5D%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CSlider%20values%3D%7B%5B50%5D%7D%20orientation%3D'vertical'%20%2F%3E%3B%0A%7D%3B%0A","6f6d5c51":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20MenuItem%2C%20SplitButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'SplitButton'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20minHeight%3A%20150%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onMenuItemClick%20%3D%20(index%3A%20number%2C%20close%3A%20()%20%3D%3E%20void)%20%3D%3E%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Item%20%23%24%7Bindex%7D%20clicked!%60)%3B%0A%20%20%20%20close()%3B%0A%20%20%7D%3B%0A%0A%20%20const%20buttonMenuItems%20%3D%20(close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%5B%0A%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7BonMenuItemClick(1%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%231%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7BonMenuItemClick(2%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%232%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%3CMenuItem%20key%3D%7B3%7D%20onClick%3D%7BonMenuItemClick(3%2C%20close)%7D%3E%0A%20%20%20%20%20%20Item%20%233%0A%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSplitButton%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log('Primary%20button%20clicked!')%7D%0A%20%20%20%20%20%20menuItems%3D%7BbuttonMenuItems%7D%0A%20%20%20%20%20%20styleType%3D'default'%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Default%0A%20%20%20%20%3C%2FSplitButton%3E%0A%20%20)%3B%0A%7D%3B%0A","3ff70816":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Stepper%2C%20type%20StepperLocalization%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCheckmarkSmall%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Stepper'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%2C%20stepContent%3A%20()%20%3D%3E%20%3CSvgCheckmarkSmall%20%2F%3E%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Second%20Step'%2C%20stepContent%3A%20()%20%3D%3E%20%3CSvgCheckmarkSmall%20%2F%3E%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Third%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Long%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20type%3D'long'%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20LocalizedLong%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20currentStep%20%3D%202%3B%0A%20%20const%20localization%3A%20StepperLocalization%20%3D%20%7B%0A%20%20%20%20stepsCountLabel%3A%20(currentStep%2C%20totalSteps)%20%3D%3E%0A%20%20%20%20%20%20%60Localized%20step%20%24%7BcurrentStep%7D%20of%20%24%7BtotalSteps%7D%3A%60%2C%0A%20%20%7D%3B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20type%3D'long'%0A%20%20%20%20%20%20currentStep%3D%7BcurrentStep%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20localization%3D%7Blocalization%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltips%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onStepClick%20%3D%20(index%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Clicked%20index%3A%20%24%7Bindex%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CStepper%0A%20%20%20%20%20%20currentStep%3D%7B2%7D%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'First%20Step'%2C%20description%3A%20'First%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Completed%20Step'%2C%20description%3A%20'Completed%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Current%20Step'%2C%20description%3A%20'Current%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Next%20Step'%2C%20description%3A%20'Next%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Last%20Step'%2C%20description%3A%20'Last%20Step%20Description'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20onStepClick%3D%7BonStepClick%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","8acd9860":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Surface%2C%0A%20%20Code%2C%0A%20%20Text%2C%0A%20%20Divider%2C%0A%20%20Button%2C%0A%20%20Anchor%2C%0A%20%20Flex%2C%0A%20%20IconButton%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgActivity%2C%20SvgSettings%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Surface'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20height%3A%20'100px'%2C%0A%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20justifyContent%3A%20'center'%2C%0A%20%20%20%20alignItems%3A%20'center'%2C%0A%20%20%20%20padding%3A%20'12px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20The%20Surface%20container%20allows%20content%20to%20appear%20elevated%20through%20the%20use%0A%20%20%20%20%20%20%20%20of%20a%20drop%20shadow.%20Change%20the%20%3CCode%3Eelevation%3C%2FCode%3E%20property%20of%20the%0A%20%20%20%20%20%20%20%20component%20to%20adjust%20the%20shadow%20level.%0A%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Custom%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CFlex%20justifyContent%3D%7B'space-between'%7D%20style%3D%7B%7B%20flexGrow%3A%20'1'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Custom%20surface%0A%20%20%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%20%20%3CIconButton%20styleType%3D'borderless'%20aria-label%3D'Settings'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgSettings%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20OverflowWithButtonFooter%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20maxHeight%3A%20'300px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20overflow%20%26%20button%20footer%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%0A%20%20%20%20%20%20%20%20%20%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%0A%20%20%20%20%20%20%20%20%20%20minim%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%0A%20%20%20%20%20%20%20%20%20%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%0A%20%20%20%20%20%20%20%20%20%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%0A%20%20%20%20%20%20%20%20%20%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%0A%20%20%20%20%20%20%20%20%20%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%0A%20%20%20%20%20%20%20%20%20%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%0A%20%20%20%20%20%20%20%20%20%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%0A%20%20%20%20%20%20%20%20%20%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%0A%20%20%20%20%20%20%20%20%20%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%0A%20%20%20%20%20%20%20%20%20%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%0A%20%20%20%20%20%20%20%20%20%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%0A%20%20%20%20%20%20%20%20%20%20mollit%20anim%20id%20est%20laborum.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%0A%20%20%20%20%20%20%20%20%20%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%0A%20%20%20%20%20%20%20%20%20%20magna%20aliqua.%20Ut%20enim%20ad%20minim%20veniam%2C%20quis%20nostrud%20exercitation%0A%20%20%20%20%20%20%20%20%20%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%0A%20%20%20%20%20%20%20%20%20%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%0A%20%20%20%20%20%20%20%20%20%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%0A%20%20%20%20%20%20%20%20%20%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Lorem%0A%20%20%20%20%20%20%20%20%20%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%0A%20%20%20%20%20%20%20%20%20%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Ut%20enim%20ad%20minim%0A%20%20%20%20%20%20%20%20%20%20veniam%2C%20quis%20nostrud%20exercitation%20ullamco%20laboris%20nisi%20ut%20aliquip%20ex%0A%20%20%20%20%20%20%20%20%20%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%0A%20%20%20%20%20%20%20%20%20%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%0A%20%20%20%20%20%20%20%20%20%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%0A%20%20%20%20%20%20%20%20%20%20deserunt%20mollit%20anim%20id%20est%20laborum.%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'borderless'%3EView%20All%3C%2FButton%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NoPadding%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20listStyle%20%3D%20%7B%0A%20%20%20%20padding%3A%20'var(--iui-size-s)'%2C%0A%20%20%20%20position%3A%20'relative'%2C%0A%20%20%7D%20as%20React.CSSProperties%3B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20maxHeight%3A%20'300px'%2C%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20overflow%20%26%20no%20body%20padding%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20isPadded%3D%7Bfalse%7D%3E%0A%20%20%20%20%20%20%20%20%3CFlex%20flexDirection%3D'column'%20style%3D%7B%7B%20flex%3A%20'1'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cul%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20'100%25'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20listStyle%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EDaily%20log%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EInspections%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EIssues%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EObservations%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3ERFIs%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDivider%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cli%20style%3D%7BlistStyle%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%3EWeather%20delay%20notices%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20EmptyState%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20cardStyle%20%3D%20%7B%0A%20%20%20%20height%3A%20'300px'%2C%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CSurface%20elevation%3D%7B1%7D%20style%3D%7BcardStyle%7D%3E%0A%20%20%20%20%20%20%3CSurface.Header%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'subheading'%20as%3D'h2'%3E%0A%20%20%20%20%20%20%20%20%20%20Surface%20with%20empty%20state%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%3C%2FSurface.Header%3E%0A%20%20%20%20%20%20%3CSurface.Body%20style%3D%7B%7B%20display%3A%20'flex'%20%7D%7D%20isPadded%3E%0A%20%20%20%20%20%20%20%20%3CFlex%0A%20%20%20%20%20%20%20%20%20%20justifyContent%3D%7B'center'%7D%0A%20%20%20%20%20%20%20%20%20%20alignItems%3D%7B'center'%7D%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3D%7B'column'%7D%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20flexGrow%3A%20'1'%2C%20textAlign%3A%20'center'%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgActivity%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%20variant%3D'body'%20isMuted%3D%7Btrue%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20No%20new%20activity%0A%20%20%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3C%2FFlex%3E%0A%20%20%20%20%20%20%3C%2FSurface.Body%3E%0A%20%20%20%20%3C%2FSurface%3E%0A%20%20)%3B%0A%7D%3B%0A","0a060c9f":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20React%2C%20%7B%20useCallback%20%7D%20from%20'react'%3B%0Aimport%20type%20%7B%0A%20%20CellProps%2C%0A%20%20CellRendererProps%2C%0A%20%20Column%2C%0A%20%20Row%2C%0A%20%20TableInstance%2C%0A%20%20TableOptions%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react%2Freact-table'%3B%0Aimport%20%7B%0A%20%20Checkbox%2C%0A%20%20Code%2C%0A%20%20InputGroup%2C%0A%20%20DropdownMenu%2C%0A%20%20MenuItem%2C%0A%20%20IconButton%2C%0A%20%20Table%2C%0A%20%20Text%2C%0A%20%20tableFilters%2C%0A%20%20Tooltip%2C%0A%20%20DefaultCell%2C%0A%20%20EditableCell%2C%0A%20%20TablePaginator%2C%0A%20%20ActionColumn%2C%0A%20%20Anchor%2C%0A%20%20SelectionColumn%2C%0A%20%20ExpanderColumn%2C%0A%20%20Input%2C%0A%20%20Radio%2C%0A%20%20ProgressRadial%2C%0A%20%20BaseFilter%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%0A%20%20TableFilterValue%2C%0A%20%20TablePaginatorRendererProps%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgDetails%2C%0A%20%20SvgMore%2C%0A%20%20SvgSoundLoud%2C%0A%20%20SvgStatusError%2C%0A%20%20SvgStatusSuccess%2C%0A%20%20SvgStatusWarning%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20type%20%7B%20StoryDecorator%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Atype%20TableProps%3CT%20extends%20Record%3Cstring%2C%20unknown%3E%20%3D%20Record%3Cstring%2C%20unknown%3E%3E%20%3D%0A%20%20React.ComponentProps%3Ctypeof%20Table%3CT%3E%3E%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Table'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20as%20Record%3Cstring%2C%20unknown%3E%5B%5D%3B%0A%0A%20%20return%20%3CTable%20columns%3D%7Bcolumns%7D%20data%3D%7Bdata%7D%20emptyTableContent%3D'No%20data.'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20SelectableSingle%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%20%2F%2F%20prevent%20row%20selection%20when%20clicking%20on%20link%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(props.row.original.name)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20selectionMode%3D'single'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SelectableMulti%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onSelect%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Selected%20rows%3A%20%24%7BJSON.stringify(rows)%7D%2C%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onSelect'%5D%3E%3B%0A%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%20%2F%2F%20prevent%20row%20selection%20when%20clicking%20on%20link%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(props.row.original.name)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20onSelect%3D%7BonSelect%7D%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20selectionMode%3D'multi'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Sortable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20onSort%20%3D%20useCallback(%0A%20%20%20%20(state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Sort%20changed.%20Table%20state%3A%20%24%7BJSON.stringify(state)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onSort'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID%20(Sorts%20Desc%20First)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20sortDescFirst%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name%20(Sorts%20Asc%20First)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description%20Not%20Sortable'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20disableSortBy%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20id%3A%20'1'%2C%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'3'%2C%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'2'%2C%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20onSort%3D%7BonSort%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Filters%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20ids%3A%20number%5B%5D%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20translatedLabels%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20(%7B%0A%20%20%20%20%20%20filter%3A%20'Filter'%2C%0A%20%20%20%20%20%20clear%3A%20'Clear'%2C%0A%20%20%20%20%20%20from%3A%20'From'%2C%0A%20%20%20%20%20%20to%3A%20'To'%2C%0A%20%20%20%20%7D)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20formatter%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20new%20Intl.DateTimeFormat('en-us'%2C%20%7B%0A%20%20%20%20%20%20%20%20month%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20day%3A%20'numeric'%2C%0A%20%20%20%20%20%20%20%20year%3A%20'numeric'%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20formatDate%20%3D%20useCallback(%0A%20%20%20%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20formatter.format(date)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5Bformatter%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20width%3A%2080%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'ids'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'IDs%20(enter%20one%20of%20the%20IDs%20in%20the%20filter)'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'ids'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.ids.join('%2C%20')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(translatedLabels)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'includes'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7BformatDate(props.row.original.startDate)%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.DateRangeFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20translatedLabels%2C%0A%20%20%20%20%20%20%20%20%20%20showYearSelection%3A%20true%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'betweenDate'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20%2F%2F%20Converting%20string%20to%20Date%20for%20filtering%0A%20%20%20%20%20%20%20%20accessor%3A%20(rowData)%20%3D%3E%20new%20Date(rowData.endDate)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7BformatDate(new%20Date(props.row.original.endDate))%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.DateRangeFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20translatedLabels%2C%0A%20%20%20%20%20%20%20%20%20%20showYearSelection%3A%20true%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'betweenDate'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BformatDate%2C%20translatedLabels%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B1%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-05-31T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B2%2C%203%2C%204%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-06-01T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20ids%3A%20%5B3%2C%204%5D%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20'2021-06-02T21%3A00%3A00.000Z'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20TableStoryDataType%5B%5D%3B%0A%0A%20%20const%20onFilter%20%3D%20React.useCallback((filters%2C%20state%2C%20filteredData)%20%3D%3E%20%7B%0A%20%20%20%20%2F%2F%20rowInfo%20is%20used%20due%20to%20JSON%20errors%20when%20displaying%20row%20data%0A%20%20%20%20let%20rowInfo%20%3D%20'%5B'%3B%0A%20%20%20%20filteredData%3F.forEach((row)%20%3D%3E%20%7B%0A%20%20%20%20%20%20rowInfo%20%2B%3D%20%60%24%7BJSON.stringify(row.original)%7D%2C%60%3B%0A%20%20%20%20%7D)%3B%0A%20%20%20%20rowInfo%20%3D%20rowInfo.slice(0%2C%20rowInfo.length%20-%201)%3B%0A%20%20%20%20rowInfo%20%2B%3D%20'%5D'%3B%0A%20%20%20%20console.log(%0A%20%20%20%20%20%20%60Filter%20changed.%20Filters%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20filters%2C%0A%20%20%20%20%20%20)%7D%2C%20State%3A%20%24%7BJSON.stringify(state)%7D%2C%20Rows%3A%20%24%7BrowInfo%7D%60%2C%0A%20%20%20%20)%3B%0A%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%5B'onFilter'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onFilter%3D%7BonFilter%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20GlobalFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20onClickHandler%20%3D%20React.useCallback(%0A%20%20%20%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%0A%20%20%20%20%20%20console.log(props.row.original.name)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BonClickHandler%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description7'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description7'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description8'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name4'%2C%20description%3A%20'Description8'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name5'%2C%20description%3A%20'Description9'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name6'%2C%20description%3A%20'Description9'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BglobalFilter%2C%20setGlobalFilter%5D%20%3D%20React.useState('')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20flexDirection%3A%20'column'%20%7D%7D%3E%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20display%3A%20'flex'%2C%20margin%3A%20'8px%200'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20%20%20placeholder%3D'Search...'%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BglobalFilter%7D%0A%20%20%20%20%20%20%20%20%20%20onInput%3D%7B(e%3A%20React.ChangeEvent%3CHTMLInputElement%3E)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20setGlobalFilter(e.target.value)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20globalFilterValue%3D%7BglobalFilter%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Expandable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ExpandableSubrows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.1'%2C%20description%3A%20'Description%201.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.3'%2C%20description%3A%20'Description%201.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.4'%2C%20description%3A%20'Description%201.4'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.1'%2C%20description%3A%20'Description%202.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.2'%2C%20description%3A%20'Description%202.2'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.3'%2C%20description%3A%20'Description%202.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Each%20data%20entry%20should%20have%20%3CCode%3EsubRows%3C%2FCode%3E%20property.%20If%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CCode%3EsubRows%3C%2FCode%3E%20has%20any%20items%2C%20then%20expander%20will%20be%20shown%20for%20that%0A%20%20%20%20%20%20%20%20row.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LazyLoading%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%20100))%3B%0A%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%0A%20%20const%20onBottomReached%20%3D%20useCallback(()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Bottom%20reached!')%3B%0A%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%2F%2F%20Simulating%20request%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20setData(()%20%3D%3E%20%5B...data%2C%20...generateData(data.length%2C%20data.length%20%2B%20100)%5D)%3B%0A%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%7D%2C%201000)%3B%0A%20%20%7D%2C%20%5Bdata%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onBottomReached%3D%7BonBottomReached%7D%0A%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20440%2C%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%2F%20Prevents%20from%20resetting%20filters%20and%20sorting%20when%20more%20data%20is%20loaded%0A%20%20%20%20%20%20autoResetFilters%3D%7Bfalse%7D%0A%20%20%20%20%20%20autoResetSortBy%3D%7Bfalse%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20RowInViewport%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20%20%20%7D))%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onRowInViewport%20%3D%20useCallback((rowData)%20%3D%3E%20%7B%0A%20%20%20%20console.log(%60Row%20in%20view%3A%20%24%7BJSON.stringify(rowData)%7D%60)%3B%0A%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%5B'onRowInViewport'%5D%3E%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Demo%20of%20%3CCode%3EIntersectionObserver%3C%2FCode%3E%20hook%20that%20triggers%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CCode%3EonRowInViewport%3C%2FCode%3E%20callback%20once%20the%20row%20is%20visible.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20Open%7B'%20'%7D%0A%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20parent.document.querySelector(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%5Bid%5E%3D%22tabbutton-actions%22%5D'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20as%20HTMLButtonElement%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3F.click()%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20Actions%0A%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%7B'%20'%7D%0A%20%20%20%20%20%20%20%20tab%20to%20see%20when%20callback%20is%20called%20and%20scroll%20the%20table.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20onRowInViewport%3D%7BonRowInViewport%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRowClick%20%3D%20useCallback(%0A%20%20%20%20(event%3A%20React.MouseEvent%2C%20row%3A%20Row)%20%3D%3E%0A%20%20%20%20%20%20console.log(%60Row%20clicked%3A%20%24%7BJSON.stringify(row.original)%7D%60)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback(%0A%20%20%20%20(rowData%3A%20%7B%20name%3A%20string%3B%20description%3A%20string%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%2F%2F%20Manually%20handling%20disabled%20state%20in%20custom%20cells%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7BisRowDisabled(props.row.original)%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%3EClick%20me!%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20as%3D'button'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20console.log(props.row.original.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BisRowDisabled%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20onRowClick%3D%7BonRowClick%7D%0A%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%3CCustomStoryDataType%3E%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7B%5B%5D%7D%0A%20%20%20%20%20%20isLoading%3D%7Btrue%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20NoData%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%3CCustomStoryDataType%3E%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7B%5B%5D%7D%0A%20%20%20%20%20%20isLoading%3D%7Bfalse%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20InitialState%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name17'%2C%20description%3A%20'Description17'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name18'%2C%20description%3A%20'Description18'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name19'%2C%20description%3A%20'Description19'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name20'%2C%20description%3A%20'Description20'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name21'%2C%20description%3A%20'Description21'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name22'%2C%20description%3A%20'Description22'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20initialState%3D%7B%7B%0A%20%20%20%20%20%20%20%20filters%3A%20%5B%7B%20id%3A%20'name'%2C%20value%3A%20'1'%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20selectedRowIds%3A%20%7B%20'0'%3A%20true%2C%20'1'%3A%20true%2C%20'4'%3A%20true%2C%20'5'%3A%20true%20%7D%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ControlledState%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20DemoData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20DemoData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20tableInstance%20%3D%20React.useRef%3CTableInstance%3CDemoData%3E%3E(undefined)%3B%0A%20%20const%20%5BselectedRows%2C%20setSelectedRows%5D%20%3D%20React.useState%3CDemoData%5B%5D%3E(%5B%5D)%3B%0A%20%20const%20%5BexpandedRows%2C%20setExpandedRows%5D%20%3D%20React.useState%3CDemoData%5B%5D%3E(%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CDemoData%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'1'%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'1.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'2'%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20'2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%202.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%202.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%20id%3A%20'3'%2C%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Control%20selected%20rows'%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%7Bdata.map((data%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bdata.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BselectedRows.some((row)%20%3D%3E%20row.name%20%3D%3D%3D%20data.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%3F.toggleRowSelected(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20data.id%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.target.checked%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Control%20expanded%20rows'%20style%3D%7B%7B%20marginBottom%3A%2011%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%7Bdata.map((data%2C%20index)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CCheckbox%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bindex%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bdata.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checked%3D%7BexpandedRows.some((row)%20%3D%3E%20row.name%20%3D%3D%3D%20data.name)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%3F.toggleRowExpanded(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5Bdata.id%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.target.checked%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20stateReducer%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((newState%2C%20action%2C%20prevState%2C%20instance)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20tableInstance.current%20%3D%20instance%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20newState%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableOptions%3CDemoData%3E%5B'stateReducer'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20onSelect%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((selected)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setSelectedRows(selected%20%3F%3F%20%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%3CDemoData%3E%5B'onSelect'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20onExpand%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((expanded)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setExpandedRows(expanded%20%3F%3F%20%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20%5B%5D)%20satisfies%20NonNullable%3CTableProps%3CDemoData%3E%5B'onExpand'%5D%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20getRowId%3D%7B%0A%20%20%20%20%20%20%20%20%20%20useCallback((rowData)%20%3D%3E%20rowData.id%2C%20%5B%5D)%20satisfies%20NonNullable%3C%0A%20%20%20%20%20%20%20%20%20%20%20%20TableOptions%3CDemoData%3E%5B'getRowId'%5D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BhoveredRowIndex%2C%20setHoveredRowIndex%5D%20%3D%20React.useState(0)%3B%0A%0A%20%20const%20%5BrowRefMap%2C%20setRowRefMap%5D%20%3D%20React.useState%3CRecord%3Cnumber%2C%20HTMLElement%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback(%0A%20%20%20%20(rowData%3A%20%7B%20name%3A%20string%3B%20description%3A%20string%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20()%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BmenuItems%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20expandedSubComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20onMouseEnter%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log(%60Hovered%20over%20%24%7Brow.original.name%7D%60)%3B%0A%20%20%20%20%20%20%20%20%20%20setHoveredRowIndex(row.index)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20ref%3A%20(el%3A%20HTMLDivElement%20%7C%20null)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20if%20(el)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setRowRefMap((r)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20r%5Brow.index%5D%20%3D%20el%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20r%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20subComponent%3D%7BexpandedSubComponent%7D%0A%20%20%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CTooltip%0A%20%20%20%20%20%20%20%20reference%3D%7BrowRefMap%5BhoveredRowIndex%5D%7D%0A%20%20%20%20%20%20%20%20content%3D%7B%60Hovered%20over%20%24%7Bdata%5BhoveredRowIndex%5D.name%7D.%60%7D%0A%20%20%20%20%20%20%20%20placement%3D'bottom'%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full2%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20product%3A%20string%3B%0A%20%20%20%20price%3A%20number%3B%0A%20%20%20%20quantity%3A%20number%3B%0A%20%20%20%20rating%3A%20number%3B%0A%20%20%20%20deliveryTime%3A%20number%3B%0A%20%20%20%20status%3A%20'positive'%20%7C%20'negative'%20%7C%20'warning'%20%7C%20undefined%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%20%2B%201%7D%60%20%3A%20%60%24%7Bindex%20%2B%201%7D%60%3B%0A%20%20%20%20%20%20const%20rating%20%3D%20(index%20%25%204)%20%2B%201%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20%60Product%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20price%3A%20((index%20%25%2010)%20%2B%201)%20*%2015%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20((index%20%25%2010)%20%2B%201)%20*%20150%2C%0A%20%20%20%20%20%20%20%20rating%3A%20rating%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%20(index%20%25%2015)%20%2B%201%2C%0A%20%20%20%20%20%20%20%20status%3A%0A%20%20%20%20%20%20%20%20%20%20rating%20%3E%3D%204%20%3F%20'positive'%20%3A%20rating%20%3D%3D%3D%203%20%3F%20'warning'%20%3A%20'negative'%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.product.endsWith('3')%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%24%7Bprops.value%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20status%3D%7Bprops.cellProps.row.original.status%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bprops.cellProps.row.original.rating%7D%2F5%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FDefaultCell%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.NumberRangeFilter()%2C%0A%20%20%20%20%20%20%20%20filter%3A%20'between'%2C%0A%20%20%20%20%20%20%20%20sortType%3A%20'number'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.value%7D%20day(s)%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7BisRowDisabled(props.row.original)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'right'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BisRowDisabled%2C%20menuItems%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback((row%3A%20Row%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20status%3A%20row.original.status%20satisfies%20TableStoryDataType%5B'status'%5D%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BglobalFilterValue%2C%20setGlobalFilterValue%5D%20%3D%20React.useState('')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20flexDirection%3A%20'column'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%20%20gap%3A%20'8px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CInput%0A%20%20%20%20%20%20%20%20placeholder%3D'Search...'%0A%20%20%20%20%20%20%20%20value%3D%7BglobalFilterValue%7D%0A%20%20%20%20%20%20%20%20onInput%3D%7B(e%3A%20React.ChangeEvent%3CHTMLInputElement%3E)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20setGlobalFilterValue(e.target.value)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%20%20%20%20%20%20globalFilterValue%3D%7BglobalFilterValue%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Localized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter(%7B%0A%20%20%20%20%20%20%20%20%20%20filter%3A%20'Localized%20filter'%2C%0A%20%20%20%20%20%20%20%20%20%20clear%3A%20'Localized%20clear'%2C%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%7D%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%0A%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20pageSizeList%3D%7BpageSizeList%7D%0A%20%20%20%20%20%20%20%20localization%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20pageSizeLabel%3A%20(size%3A%20number)%20%3D%3E%20%60%24%7Bsize%7D%20per%20localized%20page%60%2C%0A%20%20%20%20%20%20%20%20%20%20rangeLabel%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20startIndex%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20endIndex%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20totalRows%3A%20number%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20isLoading%3A%20boolean%2C%0A%20%20%20%20%20%20%20%20%20%20)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20isLoading%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7BstartIndex%7D-%24%7BendIndex%7D%20localized%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7BstartIndex%7D-%24%7BendIndex%7D%20of%20localized%20%24%7BtotalRows%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20previousPage%3A%20'Previous%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20nextPage%3A%20'Next%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20goToPageLabel%3A%20(page%3A%20number)%20%3D%3E%20%60Go%20to%20localized%20page%20%24%7Bpage%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20rowsPerPageLabel%3A%20'Rows%20per%20localized%20page'%2C%0A%20%20%20%20%20%20%20%20%20%20rowsSelectedLabel%3A%20(totalSelectedRowsCount%3A%20number)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%60%24%7BtotalSelectedRowsCount%7D%20localized%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20totalSelectedRowsCount%20%3D%3D%3D%201%20%3F%20'row'%20%3A%20'rows'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20selected%60%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BpageSizeList%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20localized%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7BgenerateData(0%2C%20100)%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B50%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ALocalized.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Condensed%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%201'%2C%0A%20%20%20%20%20%20description%3A%20'Description%201'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.1'%2C%20description%3A%20'Description%201.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2'%2C%0A%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.1'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.2'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.3'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20'Row%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20'Description%201.2.4'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20subRows%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.3'%2C%20description%3A%20'Description%201.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%201.4'%2C%20description%3A%20'Description%201.4'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Row%202'%2C%0A%20%20%20%20%20%20description%3A%20'Description%202'%2C%0A%20%20%20%20%20%20subRows%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.1'%2C%20description%3A%20'Description%202.1'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.2'%2C%20description%3A%20'Description%202.2'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Row%202.3'%2C%20description%3A%20'Description%202.3'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Row%203'%2C%20description%3A%20'Description%203'%2C%20subRows%3A%20%5B%5D%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20density%3D'condensed'%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Editable%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20%5B%0A%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Fetching...'%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20onCellEdit%20%3D%20useCallback(%0A%20%20%20%20(columnId%3A%20string%2C%20value%3A%20string%2C%20rowData%3A%20TableStoryDataType)%20%3D%3E%20%7B%0A%20%20%20%20%20%20console.log(%7B%20columnId%2C%20value%2C%20rowData%20%7D)%3B%0A%20%20%20%20%20%20setData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20const%20index%20%3D%20oldData.indexOf(rowData)%3B%0A%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20newObject%5BcolumnId%20as%20keyof%20TableStoryDataType%5D%20%3D%20value%3B%0A%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20cellRenderer%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20CellRendererProps%3CTableStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%7B!isRowDisabled(props.cellProps.row.original)%20%26%26%0A%20%20%20%20%20%20%20%20props.cellProps.value%20!%3D%3D%20'Fetching...'%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%3CEditableCell%20%7B...props%7D%20onCellEdit%3D%7BonCellEdit%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%20%7B...props%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%3C%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BisRowDisabled%2C%20onCellEdit%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BcellRenderer%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%2F%2F%20These%20flags%20prevent%20filters%20and%20sorting%20from%20resetting%0A%20%20%20%20%20%20autoResetFilters%3D%7Bfalse%7D%0A%20%20%20%20%20%20autoResetSortBy%3D%7Bfalse%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithPaginator%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(5005)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%20%7B...props%7D%20pageSizeList%3D%7BpageSizeList%7D%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5BpageSizeList%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B50%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithPaginator.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20WithManualPaginatorAndFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20RowData%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20pageSizeList%20%3D%20React.useMemo(()%20%3D%3E%20%5B50%2C%20100%2C%20150%5D%2C%20%5B%5D)%3B%0A%20%20const%20maxRowsCount%20%3D%20React.useMemo(()%20%3D%3E%2060000%2C%20%5B%5D)%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5BcurrentPage%2C%20setCurrentPage%5D%20%3D%20React.useState(0)%3B%0A%20%20const%20%5BcurrentPageSize%2C%20setCurrentPageSize%5D%20%3D%20React.useState(pageSizeList%5B0%5D)%3B%0A%20%20const%20%5Bfilter%2C%20setFilter%5D%20%3D%20React.useState(%7B%0A%20%20%20%20name%3A%20''%2C%0A%20%20%20%20description%3A%20''%2C%0A%20%20%7D%20as%20RowData)%3B%0A%20%20const%20%5BfilteredData%2C%20setFilteredData%5D%20%3D%20React.useState(%0A%20%20%20%20undefined%20as%20unknown%20as%20RowData%5B%5D%2C%0A%20%20)%3B%0A%20%20const%20%5BtotalRowsCount%2C%20setTotalRowsCount%5D%20%3D%20React.useState(maxRowsCount)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20filteredData%5Bindex%5D%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%2025))%3B%0A%0A%20%20const%20isPassFilter%20%3D%20React.useCallback(%0A%20%20%20%20(dataRow%3A%20RowData%2C%20filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20isPassName%20%3D%20false%3B%0A%20%20%20%20%20%20let%20isPassDescription%20%3D%20false%3B%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20name%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(!filter.name%20%7C%7C%20(filter.name%20%26%26%20dataRow.name.includes(filter.name)))%20%7B%0A%20%20%20%20%20%20%20%20isPassName%20%3D%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20description%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20!filter.description%20%7C%7C%0A%20%20%20%20%20%20%20%20(filter.description%20%26%26%20dataRow.description.includes(filter.description))%0A%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20isPassDescription%20%3D%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20return%20isPassName%20%26%26%20isPassDescription%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateFilteredData%20%3D%20React.useCallback(%0A%20%20%20%20(filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20dataNumber%20%3D%200%3B%0A%20%20%20%20%20%20const%20dataArray%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20let%20newData%20%3D%20%7B%20name%3A%20''%2C%20description%3A%20''%20%7D%3B%0A%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20%20%20newData%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20dataNumber%2B%2B%3B%0A%20%20%20%20%20%20%20%20%7D%20while%20(!isPassFilter(newData%2C%20filter)%20%26%26%20dataNumber%20%3C%20maxRowsCount)%3B%0A%20%20%20%20%20%20%20%20if%20(isPassFilter(newData%2C%20filter))%20%7B%0A%20%20%20%20%20%20%20%20%20%20dataArray.push(newData)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%20while%20(dataNumber%20%3C%20maxRowsCount)%3B%0A%0A%20%20%20%20%20%20setFilteredData(dataArray)%3B%0A%20%20%20%20%20%20return%20dataArray%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BisPassFilter%2C%20maxRowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20onFilter%20%3D%20React.useCallback(%0A%20%20%20%20(filters%3A%20TableFilterValue%3CRecord%3Cstring%2C%20unknown%3E%3E%5B%5D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20setFilter(%7B%0A%20%20%20%20%20%20%20%20name%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%20'name')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20description%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%20'description')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20setCurrentPage(0)%3B%0A%20%20%20%20%20%20%2F%2F%20simulate%20a%20filtered%20request%0A%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20const%20filteredData%20%3D%20generateFilteredData(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%3D%20'name')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20filters.find((f)%20%3D%3E%20f.id%20%3D%3D%3D%20'description')%3F.value%20%3F%3F%20''%2C%0A%20%20%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20%20%20setData(filteredData.slice(0%2C%20currentPageSize))%3B%0A%20%20%20%20%20%20%20%20setTotalRowsCount(filteredData.length)%3B%0A%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BcurrentPageSize%2C%20generateFilteredData%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20const%20paginator%20%3D%20useCallback(%0A%20%20%20%20(props%3A%20TablePaginatorRendererProps)%20%3D%3E%20(%0A%20%20%20%20%20%20%3CTablePaginator%0A%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20onPageChange%3D%7B(page)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20%20%20%20%20setCurrentPage(page)%3B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Simulating%20a%20request%0A%20%20%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData.slice(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20page%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(page%20%2B%201)%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20generateData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20page%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(page%20%2B%201)%20*%20props.pageSize%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20onPageSizeChange%3D%7B(size)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20filteredData%20!%3D%3D%20undefined%20%26%26%0A%20%20%20%20%20%20%20%20%20%20%20%20!(filter.name%20%3D%3D%3D%20''%20%26%26%20filter.description%20%3D%3D%3D%20'')%0A%20%20%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setData(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20filteredData.slice(currentPage%20*%20size%2C%20(currentPage%20%2B%201)%20*%20size)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20setData(generateData(currentPage%20*%20size%2C%20(currentPage%20%2B%201)%20*%20size))%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20setCurrentPageSize(size)%3B%0A%20%20%20%20%20%20%20%20%20%20props.onPageSizeChange(size)%3B%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20pageSizeList%3D%7BpageSizeList%7D%0A%20%20%20%20%20%20%20%20currentPage%3D%7BcurrentPage%7D%0A%20%20%20%20%20%20%20%20isLoading%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%2F%2F%20Imagining%20we%20know%20the%20total%20count%20of%20data%20items%0A%20%20%20%20%20%20%20%20totalRowsCount%3D%7BtotalRowsCount%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%2F%2F%20eslint-disable-next-line%20react-hooks%2Fexhaustive-deps%0A%20%20%20%20%5BcurrentPage%2C%20pageSizeList%2C%20totalRowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B25%7D%0A%20%20%20%20%20%20%20%20paginatorRenderer%3D%7Bpaginator%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20manualPagination%0A%20%20%20%20%20%20%20%20onFilter%3D%7BonFilter%7D%0A%20%20%20%20%20%20%20%20manualFilters%3D%7Btrue%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AWithManualPaginatorAndFilter.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20CustomFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20RowData%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20rowsCount%20%3D%20React.useMemo(()%20%3D%3E%20100%2C%20%5B%5D)%3B%0A%20%20const%20%5BisLoading%2C%20setIsLoading%5D%20%3D%20React.useState(false)%3B%0A%20%20const%20%5Bfilter%2C%20setFilter%5D%20%3D%20React.useState('')%3B%0A%20%20const%20%5BfilteredData%2C%20setFilteredData%5D%20%3D%20React.useState(%0A%20%20%20%20undefined%20as%20unknown%20as%20RowData%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateData%20%3D%20(start%3A%20number%2C%20end%3A%20number)%20%3D%3E%20%7B%0A%20%20%20%20return%20Array(end%20-%20start)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(filteredData%20!%3D%3D%20undefined%20%26%26%20!filter)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20filteredData%5Bindex%5D%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bstart%20%2B%20index%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20React.useState(()%20%3D%3E%20generateData(0%2C%20100))%3B%0A%0A%20%20const%20isPassFilter%20%3D%20React.useCallback(%0A%20%20%20%20(dataRow%3A%20RowData%2C%20filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%2F%2F%20check%20that%20the%20name%20passes%20a%20filter%2C%20if%20there%20is%20one%0A%20%20%20%20%20%20if%20(!filter.name%20%7C%7C%20(filter.name%20%26%26%20dataRow.name.includes(filter.name)))%20%7B%0A%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateFilteredData%20%3D%20React.useCallback(%0A%20%20%20%20(filter%3A%20RowData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20let%20dataNumber%20%3D%200%3B%0A%20%20%20%20%20%20const%20dataArray%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20let%20newData%20%3D%20%7B%20name%3A%20''%2C%20description%3A%20''%20%7D%3B%0A%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20do%20%7B%0A%20%20%20%20%20%20%20%20%20%20newData%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7BdataNumber%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20dataNumber%2B%2B%3B%0A%20%20%20%20%20%20%20%20%7D%20while%20(!isPassFilter(newData%2C%20filter)%20%26%26%20dataNumber%20%3C%20rowsCount)%3B%0A%20%20%20%20%20%20%20%20if%20(isPassFilter(newData%2C%20filter))%20%7B%0A%20%20%20%20%20%20%20%20%20%20dataArray.push(newData)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%20while%20(dataNumber%20%3C%20rowsCount)%3B%0A%0A%20%20%20%20%20%20setFilteredData(dataArray)%3B%0A%20%20%20%20%20%20return%20dataArray%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BisPassFilter%2C%20rowsCount%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20CustomFilter%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20const%20handleChange%20%3D%20(isChecked%3A%20boolean%2C%20filter%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20setFilter(isChecked%20%3F%20filter%20%3A%20'')%3B%0A%20%20%20%20%20%20setIsLoading(true)%3B%0A%20%20%20%20%20%20setData(%5B%5D)%3B%0A%20%20%20%20%20%20%2F%2F%20simulate%20a%20filtered%20request%0A%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20setIsLoading(false)%3B%0A%20%20%20%20%20%20%20%20const%20filteredData%20%3D%20generateFilteredData(%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20isChecked%20%3F%20filter%20%3A%20''%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20''%2C%0A%20%20%20%20%20%20%20%20%7D%20as%20RowData)%3B%0A%20%20%20%20%20%20%20%20setData(filteredData.slice(0%2C%20rowsCount))%3B%0A%20%20%20%20%20%20%7D%2C%20500)%3B%0A%20%20%20%20%7D%3B%0A%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3CBaseFilter%20style%3D%7B%7B%20alignItems%3A%20'flex-start'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'3'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'3')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'3'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'3'%7D%20%2F%2F%20moving%20focus%20to%20checked%20radio%20button%20when%20filter%20dialog%20opens%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'5'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'5')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'5'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'5'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D%22Contains%20'7'%22%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'7')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20'7'%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20'7'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20label%3D'No%20filter'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B(%7B%20target%3A%20%7B%20value%20%7D%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20handleChange(value%20%3D%3D%3D%20'on'%2C%20'')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7Bfilter%20%3D%3D%3D%20''%7D%0A%20%20%20%20%20%20%20%20%20%20autoFocus%3D%7Bfilter%20%3D%3D%3D%20''%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FBaseFilter%3E%0A%20%20%20%20)%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20Filter%3A%20CustomFilter%2C%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%20satisfies%20Column%3CRowData%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isLoading%3D%7BisLoading%7D%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20pageSize%3D%7B100%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20manualPagination%0A%20%20%20%20%20%20%20%20manualFilters%3D%7Btrue%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0ACustomFilter.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%20style%3D%7B%7B%20height%3A%20'90vh'%20%7D%7D%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20ResizableColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20Date%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20width%3A%2080%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20100%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%3E%7Bprops.row.original.startDate.toLocaleDateString('en-US')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20disableResizing%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.endDate.toLocaleDateString('en-US')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'111'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%201%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'222'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%202%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'333'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%203%2C%202021')%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BcolumnResizeMode%2C%20setColumnResizeMode%5D%20%3D%0A%20%20%20%20React.useState%3CTableProps%3CTableStoryDataType%3E%5B'columnResizeMode'%5D%3E('fit')%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputGroup%20label%3D'Resize%20mode'%20displayStyle%3D'inline'%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'fit'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20setColumnResizeMode('fit')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D'fit'%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7BcolumnResizeMode%20%3D%3D%3D%20'fit'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CRadio%0A%20%20%20%20%20%20%20%20%20%20name%3D'choice'%0A%20%20%20%20%20%20%20%20%20%20value%3D'expand'%0A%20%20%20%20%20%20%20%20%20%20onChange%3D%7B()%20%3D%3E%20setColumnResizeMode('expand')%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D'expand'%0A%20%20%20%20%20%20%20%20%20%20checked%3D%7BcolumnResizeMode%20%3D%3D%3D%20'expand'%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2FInputGroup%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isResizable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20columnResizeMode%3D%7BcolumnResizeMode%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ZebraStripedRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(10)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CTable%0A%20%20%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20%20%20styleType%3D'zebra-rows'%0A%20%20%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HorizontalScroll%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%24%7Bprops.value%7D%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%7Bprops.value%7D%20day(s)%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5B0%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AHorizontalScroll.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onClickHandler%20%3D%20(%0A%20%20%20%20props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E%2C%0A%20%20)%20%3D%3E%20console.log(props.row.original.name)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C%7B%20name%3A%20string%3B%20description%3A%20string%20%7D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20const%20size%20%3D%20100000%3B%0A%20%20%20%20const%20arr%20%3D%20new%20Array(size)%3B%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20size%3B%20%2B%2Bi)%20%7B%0A%20%20%20%20%20%20arr%5Bi%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bi%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bi%7D%60%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20arr%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ScrollToRow%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%7D%3B%0A%20%20const%20onClickHandler%20%3D%20React.useCallback(%0A%20%20%20%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%0A%20%20%20%20%20%20console.log(props.row.original.name)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'click-me'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Click'%2C%0A%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20onClick%20%3D%20()%20%3D%3E%20onClickHandler(props)%3B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CAnchor%20as%3D'button'%20onClick%3D%7BonClick%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20Click%20me!%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FAnchor%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BonClickHandler%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(()%20%3D%3E%20%7B%0A%20%20%20%20const%20size%20%3D%20100000%3B%0A%20%20%20%20const%20arr%20%3D%20new%20Array(size)%3B%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20size%3B%20%2B%2Bi)%20%7B%0A%20%20%20%20%20%20arr%5Bi%5D%20%3D%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20i.toString()%2C%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%24%7Bi%7D%24%7Bi%20%3D%3D%3D%2012345%20%3F%20'%20-%20Scrolled%20to%20me!'%20%3A%20''%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%24%7Bi%7D%24%7B%0A%20%20%20%20%20%20%20%20%20%20i%20%3D%3D%3D%2012345%20%3F%20'%20-%20Scrolled%20to%20me!'%20%3A%20''%0A%20%20%20%20%20%20%20%20%7D%60%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20arr%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSortable%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20scrollToRow%3D%7BReact.useCallback(%0A%20%20%20%20%20%20%20%20(rows%3A%20Row%3CTableStoryDataType%3E%5B%5D%2C%20data%3A%20TableStoryDataType%5B%5D)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20rows.findIndex((row)%20%3D%3E%20row.original.id%20%3D%3D%3D%20data%5B12345%5D.id)%2C%0A%20%20%20%20%20%20%20%20%5B%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VirtualizedSubRows%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20Filter%3A%20tableFilters.TextFilter()%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20subRows%3A%20TableStoryDataType%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentRow%20%3D%20''%2C%20depth%20%3D%200)%3A%20TableStoryDataType%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentRow%20%3F%20%60%24%7BparentRow%7D.%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20%60Name%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20description%3A%20%60Description%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subRows%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(10000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20maxHeight%3A%20'90vh'%20%7D%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DraggableColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%3A%20Column%5B%5D%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20disableReordering%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%24%7Bprops.value%7D%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7B%60%24%7Bprops.value%7D%20day(s)%60%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20enableColumnReordering%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onExpand%20%3D%20useCallback(%0A%20%20%20%20(rows%2C%20state)%20%3D%3E%0A%20%20%20%20%20%20console.log(%0A%20%20%20%20%20%20%20%20%60Expanded%20rows%3A%20%24%7BJSON.stringify(rows)%7D.%20Table%20state%3A%20%24%7BJSON.stringify(%0A%20%20%20%20%20%20%20%20%20%20state%2C%0A%20%20%20%20%20%20%20%20)%7D%60%2C%0A%20%20%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20NonNullable%3CTableProps%3C(typeof%20data)%5Bnumber%5D%3E%5B'onExpand'%5D%3E%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%20name%3A%20'Name1'%2C%20description%3A%20'Description1'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name2'%2C%20description%3A%20'Description2'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name3'%2C%20description%3A%20'Description3'%20%7D%2C%0A%20%20%20%20%20%20%7B%20name%3A%20'Name4'%2C%20description%3A%20'Description4'%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20isCheckboxDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name1'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isExpanderDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name2'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isCellDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name3'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20isRowDisabled%20%3D%20useCallback((rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%20%7B%0A%20%20%20%20return%20rowData.name%20%3D%3D%3D%20'Name4'%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20subComponent%20%3D%20useCallback(%0A%20%20%20%20(row%3A%20Row)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%2016%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant%3D'leading'%3EExtra%20information%3C%2FText%3E%0A%20%20%20%20%20%20%20%20%3Cpre%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccode%3E%7BJSON.stringify(%7B%20values%3A%20row.values%20%7D%2C%20null%2C%202)%7D%3C%2Fcode%3E%0A%20%20%20%20%20%20%20%20%3C%2Fpre%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20SelectionColumn(%7B%0A%20%20%20%20%20%20%20%20isDisabled%3A%20isCheckboxDisabled%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20ExpanderColumn(%7B%20subComponent%2C%20isDisabled%3A%20isExpanderDisabled%20%7D)%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%3C(typeof%20data)%5Bnumber%5D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20isDisabled%3D%7B(rowData%3A%20(typeof%20data)%5Bnumber%5D)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20isCellDisabled(rowData)%20%7C%7C%20isRowDisabled(rowData)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%0A%20%20%20%20%20%20isCheckboxDisabled%2C%0A%20%20%20%20%20%20subComponent%2C%0A%20%20%20%20%20%20isExpanderDisabled%2C%0A%20%20%20%20%20%20isCellDisabled%2C%0A%20%20%20%20%20%20isRowDisabled%2C%0A%20%20%20%20%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5Bnumber%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20subComponent%3D%7BsubComponent%7D%0A%20%20%20%20%20%20onExpand%3D%7BonExpand%7D%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20isRowDisabled%3D%7BisRowDisabled%7D%0A%20%20%20%20%20%20rowProps%3D%7B(%7B%20index%20%7D)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20onClick%3A%20(e)%20%3D%3E%20index%20%3D%3D%3D%200%20%26%26%20e.preventDefault()%2C%0A%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ColumnManager%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TableStoryDataType%20%3D%20%7B%0A%20%20%20%20index%3A%20number%3B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20description%3A%20string%3B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20startDate%3A%20Date%3B%0A%20%20%20%20endDate%3A%20Date%3B%0A%20%20%20%20price%3A%20string%3B%0A%20%20%20%20color%3A%20string%3B%0A%20%20%20%20stock%3A%20number%3B%0A%20%20%20%20rating%3A%20string%3B%0A%20%20%20%20location%3A%20string%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'index'%2C%0A%20%20%20%20%20%20%20%20disableToggleVisibility%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Description'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'description'%2C%0A%20%20%20%20%20%20%20%20fieldType%3A%20'text'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'id'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'ID'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'id'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Start%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'startDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%3E%7Bprops.row.original.startDate.toLocaleDateString('en-US')%7D%3C%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'End%20date'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'endDate'%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3CTableStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.row.original.endDate.toLocaleDateString('en-US')%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Color'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Color'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'color'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'%23%20in%20stock'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'%23%20in%20stock'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'stock'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'Location'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Location'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'location'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20ActionColumn(%7B%0A%20%20%20%20%20%20%20%20columnManager%3A%20true%2C%0A%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CTableStoryDataType%3E%5B%5D%3B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%201%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name1'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description1'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'111'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%201%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%241.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Red'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2010%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%202%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name2'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description2'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'222'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%202%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%242.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Green'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2020%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%203%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name3'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description3'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'333'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%203%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%243.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Green'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%204%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name4'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description4'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'444'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%204%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%204%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%244.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Yellow'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2040%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'2%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20index%3A%205%2C%0A%20%20%20%20%20%20%20%20name%3A%20'Name5'%2C%0A%20%20%20%20%20%20%20%20description%3A%20'Description5'%2C%0A%20%20%20%20%20%20%20%20id%3A%20'555'%2C%0A%20%20%20%20%20%20%20%20startDate%3A%20new%20Date('May%205%2C%202021')%2C%0A%20%20%20%20%20%20%20%20endDate%3A%20new%20Date('Jun%205%2C%202021')%2C%0A%20%20%20%20%20%20%20%20price%3A%20'%245.00'%2C%0A%20%20%20%20%20%20%20%20color%3A%20'Purple'%2C%0A%20%20%20%20%20%20%20%20stock%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20location%3A%20'Philadelphia%2C%20Pennsylvania'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20isSelectable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20StickyColumns%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%201'%2C%0A%20%20%20%20%20%20%20%20price%3A%205%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%202'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%203'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%207%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%204'%2C%0A%20%20%20%20%20%20%20%20price%3A%2020%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2050%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%205'%2C%0A%20%20%20%20%20%20%20%20price%3A%201.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20700%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%201%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%206'%2C%0A%20%20%20%20%20%20%20%20price%3A%20499%2C%0A%20%20%20%20%20%20%20%20quantity%3A%2030%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'5%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2020%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%207'%2C%0A%20%20%20%20%20%20%20%20price%3A%2013.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20130%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2030%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%208'%2C%0A%20%20%20%20%20%20%20%20price%3A%205.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20500%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'4%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%205%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%209'%2C%0A%20%20%20%20%20%20%20%20price%3A%2012%2C%0A%20%20%20%20%20%20%20%20quantity%3A%201200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'1%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2025%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20product%3A%20'Product%2010'%2C%0A%20%20%20%20%20%20%20%20price%3A%202.99%2C%0A%20%20%20%20%20%20%20%20quantity%3A%20200%2C%0A%20%20%20%20%20%20%20%20rating%3A%20'3%2F5'%2C%0A%20%20%20%20%20%20%20%20deliveryTime%3A%2017%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20menuItems%20%3D%20useCallback((close%3A%20()%20%3D%3E%20void)%20%3D%3E%20%7B%0A%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Edit%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20close()%7D%3E%0A%20%20%20%20%20%20%20%20Delete%0A%20%20%20%20%20%20%3C%2FMenuItem%3E%2C%0A%20%20%20%20%5D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Product'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'product'%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20150%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Price'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'price'%2C%0A%20%20%20%20%20%20%20%20width%3A%20150%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%24%7Bprops.value%7D%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'left'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Quantity'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'quantity'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Rating'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'rating'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Delivery%20Time'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'deliveryTime'%2C%0A%20%20%20%20%20%20%20%20width%3A%20400%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20(props%3A%20CellProps%3C(typeof%20data)%5B0%5D%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%3C%3E%7Bprops.value%7D%20day(s)%3C%2F%3E%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20...ActionColumn(%7B%20columnManager%3A%20true%20%7D)%2C%0A%20%20%20%20%20%20%20%20Cell%3A%20()%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDropdownMenu%0A%20%20%20%20%20%20%20%20%20%20%20%20menuItems%3D%7BmenuItems%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20styleType%3D'borderless'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20e.stopPropagation()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20aria-label%3D'More%20options'%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgMore%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FDropdownMenu%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20sticky%3A%20'right'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5BmenuItems%5D%2C%0A%20%20)%20satisfies%20Column%3C(typeof%20data)%5Bnumber%5D%3E%5B%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20isResizable%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0AStickyColumns.decorators%20%3D%20%5B%0A%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'375px'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20'90vh'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20'1000px'%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%2C%0A%5D%20satisfies%20StoryDecorator%5B%5D%3B%0A%0Aexport%20const%20StatusAndCellIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20CustomStoryDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20modified%3A%20string%3B%0A%20%20%20%20size%3A%20string%3B%0A%20%20%20%20startIcon%3F%3A%20React.JSX.Element%3B%0A%20%20%20%20endIcon%3F%3A%20React.JSX.Element%3B%0A%20%20%20%20status%3F%3A%20'positive'%20%7C%20'negative'%20%7C%20'warning'%3B%0A%20%20%20%20isLoading%3F%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20columns%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Name'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'name'%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CCustomStoryDataType%3E)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20startIcon%3D%7Bprops.cellProps.row.original.startIcon%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20endIcon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20props.cellProps.row.original.isLoading%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CProgressRadial%20value%3D%7B40%7D%20size%3D'small'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20props.cellProps.row.original.endIcon%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'modified'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Modified'%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'modified'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20cellRenderer%3A%20(props%3A%20CellRendererProps%3CCustomStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CDefaultCell%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B...props%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20status%3D%7Bprops.cellProps.row.original.status%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20'size'%2C%0A%20%20%20%20%20%20%20%20Header%3A%20'Size'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20200%2C%0A%20%20%20%20%20%20%20%20accessor%3A%20'size'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20Column%3CCustomStoryDataType%3E%5B%5D%3B%0A%0A%20%20const%20data%20%3D%20React.useMemo(%0A%20%20%20%20()%20%3D%3E%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'alfa.mp3'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'Just%20now'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'76%20KB'%2C%0A%20%20%20%20%20%20%20%20isLoading%3A%20true%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'beta.mp3'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'Just%20now'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'15%20KB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgSoundLoud%20fill%3D'%2366c6ff'%20%2F%3E%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'gamma.pdf'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'9%20MB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%23dd3e39'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusSuccess%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'positive'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'delta.jpg'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'963%20MB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%237957a3'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusWarning%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'warning'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20name%3A%20'theta.dgn'%2C%0A%20%20%20%20%20%20%20%20modified%3A%20'A%20few%20moments%20ago'%2C%0A%20%20%20%20%20%20%20%20size%3A%20'64%20KB'%2C%0A%20%20%20%20%20%20%20%20startIcon%3A%20%3CSvgDetails%20fill%3D'%23d16c00'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20endIcon%3A%20%3CSvgStatusError%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20status%3A%20'negative'%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%20satisfies%20CustomStoryDataType%5B%5D%3B%0A%0A%20%20const%20rowProps%20%3D%20useCallback((row%3A%20Row%3CCustomStoryDataType%3E)%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20status%3A%20row.original.status%2C%0A%20%20%20%20%20%20isLoading%3A%20row.original.isLoading%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTable%0A%20%20%20%20%20%20columns%3D%7Bcolumns%7D%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20emptyTableContent%3D'No%20data.'%0A%20%20%20%20%20%20selectionMode%3D'multi'%0A%20%20%20%20%20%20isSelectable%3D%7Btrue%7D%0A%20%20%20%20%20%20rowProps%3D%7BrowProps%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","9addc629":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgStar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20Tabs%2C%20Tab%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tabs'%2C%0A%7D%3B%0A%0Aexport%20const%20DefaultTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Apple'%20value%3D'apple'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Orange'%20value%3D'orange'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20label%3D'Grape'%20value%3D'grape'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20BorderlessTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'pear'%20label%3D'Pear'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'cherry'%20label%3D'Cherry'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'peach'%20label%3D'Peach'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'pear'%3E%0A%20%20%20%20%20%20%20%20Pears%20are%20fruits%20produced%20and%20consumed%20around%20the%20world%2C%20growing%20on%20a%0A%20%20%20%20%20%20%20%20tree%20and%20harvested%20in%20late%20summer%20into%20mid-autumn.%20The%20pear%20tree%20and%0A%20%20%20%20%20%20%20%20shrub%20are%20a%20species%20of%20genus%20Pyrus%2C%20in%20the%20family%20Rosaceae%2C%20bearing%20the%0A%20%20%20%20%20%20%20%20pomaceous%20fruit%20of%20the%20same%20name.%20Several%20species%20of%20pears%20are%20valued%0A%20%20%20%20%20%20%20%20for%20their%20edible%20fruit%20and%20juices%2C%20while%20others%20are%20cultivated%20as%20trees.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'cherry'%3E%0A%20%20%20%20%20%20%20%20%7B%60A%20cherry%20is%20the%20fruit%20of%20many%20plants%20of%20the%20genus%20Prunus%2C%20and%20is%20a%0A%20%20%20%20%20%20%20%20fleshy%20drupe%20(stone%20fruit).%20Commercial%20cherries%20are%20obtained%20from%0A%20%20%20%20%20%20%20%20cultivars%20of%20several%20species%2C%20such%20as%20the%20sweet%20Prunus%20avium%20and%20the%0A%20%20%20%20%20%20%20%20sour%20Prunus%20cerasus.%20The%20name%20%22cherry%22%20also%20refers%20to%20the%20cherry%20tree%0A%20%20%20%20%20%20%20%20and%20its%20wood%2C%20and%20is%20sometimes%20applied%20to%20almonds%20and%20visually%20similar%0A%20%20%20%20%20%20%20%20flowering%20trees%20in%20the%20genus%20Prunus%2C%20as%20in%20%22ornamental%20cherry%22%20or%0A%20%20%20%20%20%20%20%20%22cherry%20blossom%22.%20Wild%20cherry%20may%20refer%20to%20any%20of%20the%20cherry%20species%0A%20%20%20%20%20%20%20%20growing%20outside%20cultivation%2C%20although%20Prunus%20avium%20is%20often%20referred%20to%0A%20%20%20%20%20%20%20%20specifically%20by%20the%20name%20%22wild%20cherry%22%20in%20the%20British%20Isles.%60%7D%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'peach'%3E%0A%20%20%20%20%20%20%20%20The%20peach%20(Prunus%20persica)%20is%20a%20deciduous%20tree%20first%20domesticated%20and%0A%20%20%20%20%20%20%20%20cultivated%20in%20Zhejiang%20province%20of%20Eastern%20China.%20It%20bears%20edible%20juicy%0A%20%20%20%20%20%20%20%20fruits%20with%20various%20characteristics%2C%20most%20called%20peaches%20and%20others%20(the%0A%20%20%20%20%20%20%20%20glossy-skinned%2C%20non-fuzzy%20varieties)%2C%20nectarines.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20PillTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'pill'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20SublabelsAndIcons%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EApple%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3ERed%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EOrange%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EOrange%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%20disabled%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EGrape%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EGreen%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20HorizontalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bactive%2C%20setActive%5D%20%3D%20useState('Item%2011')%3B%0A%0A%20%20const%20tabData%20%3D%20%5B%0A%20%20%20%20%7B%20name%3A%20'Item%201'%2C%20content%3A%20'Tab%20Content%20One'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%202'%2C%20content%3A%20'Tab%20Content%20Two'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%203'%2C%20content%3A%20'Tab%20Content%20Three'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%204'%2C%20content%3A%20'Tab%20Content%20Four'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%205'%2C%20content%3A%20'Tab%20Content%20Five'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%206'%2C%20content%3A%20'Tab%20Content%20Six'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%207'%2C%20content%3A%20'Tab%20Content%20Seven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%208'%2C%20content%3A%20'Tab%20Content%20Eight'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%209'%2C%20content%3A%20'Tab%20Content%20Nine'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2010'%2C%20content%3A%20'Tab%20Content%20Ten'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2011'%2C%20content%3A%20'Tab%20Content%20Eleven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2012'%2C%20content%3A%20'Tab%20Content%20Twelve'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Very%20long%20item%20number%20thirteen'%2C%0A%20%20%20%20%20%20content%3A%20'Tab%20Content%20Thirteen'%2C%0A%20%20%20%20%20%20disabled%3A%20false%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20width%3A%20'60%25'%2C%0A%20%20%20%20%20%20%20%20maxWidth%3A%20800%2C%0A%20%20%20%20%20%20%20%20minWidth%3A%20250%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CTabs.Wrapper%20value%3D%7Bactive%7D%20onValueChange%3D%7BsetActive%7D%3E%0A%20%20%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%20%20%7BtabData%3F.map((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTabs.Tab%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Bitem.disabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'button'%7D%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%20%20%7BtabData.map((item)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.Panel%20key%3D%7Bitem.name%7D%20value%3D%7Bitem.name%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.content%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VerticalOverflow%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bactive%2C%20setActive%5D%20%3D%20useState('Item%2011')%3B%0A%0A%20%20const%20tabData%20%3D%20%5B%0A%20%20%20%20%7B%20name%3A%20'Item%201'%2C%20content%3A%20'Tab%20Content%20One'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%202'%2C%20content%3A%20'Tab%20Content%20Two'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%203'%2C%20content%3A%20'Tab%20Content%20Three'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%204'%2C%20content%3A%20'Tab%20Content%20Four'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%205'%2C%20content%3A%20'Tab%20Content%20Five'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%206'%2C%20content%3A%20'Tab%20Content%20Six'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%207'%2C%20content%3A%20'Tab%20Content%20Seven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%208'%2C%20content%3A%20'Tab%20Content%20Eight'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%209'%2C%20content%3A%20'Tab%20Content%20Nine'%2C%20disabled%3A%20true%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2010'%2C%20content%3A%20'Tab%20Content%20Ten'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2011'%2C%20content%3A%20'Tab%20Content%20Eleven'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Item%2012'%2C%20content%3A%20'Tab%20Content%20Twelve'%2C%20disabled%3A%20false%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20name%3A%20'Very%20long%20item%20number%20thirteen'%2C%0A%20%20%20%20%20%20content%3A%20'Tab%20Content%20Thirteen'%2C%0A%20%20%20%20%20%20disabled%3A%20false%2C%0A%20%20%20%20%7D%2C%0A%20%20%5D%3B%0A%20%20return%20(%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20height%3A%20'50vh'%2C%0A%20%20%20%20%20%20%20%20maxHeight%3A%20400%2C%0A%20%20%20%20%20%20%20%20minHeight%3A%20100%2C%0A%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20lightpink'%2C%0A%20%20%20%20%20%20%20%20padding%3A%208%2C%0A%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CTabs.Wrapper%0A%20%20%20%20%20%20%20%20orientation%3D'vertical'%0A%20%20%20%20%20%20%20%20value%3D%7Bactive%7D%0A%20%20%20%20%20%20%20%20onValueChange%3D%7BsetActive%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%20%20%7BtabData%3F.map((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTabs.Tab%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20disabled%3D%7Bitem.disabled%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'button'%7D%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%20%20%7BtabData.map((item)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.Panel%20key%3D%7Bitem.name%7D%20value%3D%7Bitem.name%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.content%7D%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%20%20))%7D%0A%20%20%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Vertical%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTabs.Wrapper%20orientation%3D'vertical'%20type%3D'borderless'%3E%0A%20%20%20%20%20%20%3CTabs.TabList%3E%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EApple%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3ERed%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EOrange%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EOrange%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%0A%20%20%20%20%20%20%20%20%3CTabs.Tab%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTabs.TabIcon%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabLabel%3EGrape%3C%2FTabs.TabLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTabs.TabDescription%3EGreen%20fruit%3C%2FTabs.TabDescription%3E%0A%20%20%20%20%20%20%20%20%3C%2FTabs.Tab%3E%0A%20%20%20%20%20%20%3C%2FTabs.TabList%3E%0A%0A%20%20%20%20%20%20%3CTabs.Actions%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTabs.Actions%3E%0A%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'apple'%3E%0A%20%20%20%20%20%20%20%20An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20European%20Christian%20tradition.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'orange'%3E%0A%20%20%20%20%20%20%20%20An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%20%20%3CTabs.Panel%20value%3D'grape'%3E%0A%20%20%20%20%20%20%20%20A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%0A%20%20%20%20%20%20%3C%2FTabs.Panel%3E%0A%20%20%20%20%3C%2FTabs.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LegacyTabs%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bindex%2C%20setIndex%5D%20%3D%20useState(0)%3B%0A%20%20const%20getContent%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20switch%20(index)%20%7B%0A%20%20%20%20%20%20case%200%3A%0A%20%20%20%20%20%20%20%20return%20%60An%20apple%20is%20a%20round%2C%20edible%20fruit%20produced%20by%20an%20apple%20tree%20(Malus%0A%20%20%20%20%20%20%20%20%20%20domestica).%20Apple%20trees%20are%20cultivated%20worldwide%20and%20are%20the%20most%20widely%0A%20%20%20%20%20%20%20%20%20%20grown%20species%20in%20the%20genus%20Malus.%20The%20tree%20originated%20in%20Central%20Asia%2C%0A%20%20%20%20%20%20%20%20%20%20where%20its%20wild%20ancestor%2C%20Malus%20sieversii%2C%20is%20still%20found.%20Apples%20have%0A%20%20%20%20%20%20%20%20%20%20been%20grown%20for%20thousands%20of%20years%20in%20Asia%20and%20Europe%20and%20were%20introduced%0A%20%20%20%20%20%20%20%20%20%20to%20North%20America%20by%20European%20colonists.%20Apples%20have%20religious%20and%0A%20%20%20%20%20%20%20%20%20%20mythological%20significance%20in%20many%20cultures%2C%20including%20Norse%2C%20Greek%2C%20and%0A%20%20%20%20%20%20%20%20%20%20European%20Christian%20tradition.%60%3B%0A%20%20%20%20%20%20case%201%3A%0A%20%20%20%20%20%20%20%20return%20%60An%20orange%20is%20a%20fruit%20of%20various%20citrus%20species%20in%20the%20family%20Rutaceae%0A%20%20%20%20%20%20%20%20(see%20list%20of%20plants%20known%20as%20orange)%3B%20it%20primarily%20refers%20to%20Citrus%20x%0A%20%20%20%20%20%20%20%20sinensis%2C%20which%20is%20also%20called%20sweet%20orange%2C%20to%20distinguish%20it%20from%20the%0A%20%20%20%20%20%20%20%20related%20Citrus%20x%20aurantium%2C%20referred%20to%20as%20bitter%20orange.%20The%20sweet%0A%20%20%20%20%20%20%20%20orange%20reproduces%20asexually%20(apomixis%20through%20nucellar%20embryony)%3B%0A%20%20%20%20%20%20%20%20varieties%20of%20the%20sweet%20orange%20arise%20through%20mutations.%60%3B%0A%20%20%20%20%20%20default%3A%0A%20%20%20%20%20%20%20%20return%20%60A%20grape%20is%20a%20fruit%2C%20botanically%20a%20berry%2C%20of%20the%20deciduous%20woody%20vines%20of%0A%20%20%20%20%20%20%20%20the%20flowering%20plant%20genus%20Vitis.%20Grapes%20are%20a%20non-climacteric%20type%20of%0A%20%20%20%20%20%20%20%20fruit%2C%20generally%20occurring%20in%20clusters.%20The%20cultivation%20of%20grapes%20began%0A%20%20%20%20%20%20%20%20perhaps%208%2C000%20years%20ago%2C%20and%20the%20fruit%20has%20been%20used%20as%20human%20food%20over%0A%20%20%20%20%20%20%20%20history.%20Eaten%20fresh%20or%20in%20dried%20form%20(as%20raisins%2C%20currants%20and%0A%20%20%20%20%20%20%20%20sultanas)%2C%20grapes%20also%20hold%20cultural%20significance%20in%20many%20parts%20of%20the%0A%20%20%20%20%20%20%20%20world%2C%20particularly%20for%20their%20role%20in%20winemaking.%20Other%20grape-derived%0A%20%20%20%20%20%20%20%20products%20include%20various%20types%20of%20jam%2C%20juice%2C%20vinegar%20and%20oil.%60%3B%0A%20%20%20%20%7D%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3CTabs%0A%20%20%20%20%20%20labels%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B1%7D%20label%3D'Apple'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B2%7D%20label%3D'Orange'%20%2F%3E%2C%0A%20%20%20%20%20%20%20%20%3CTab%20key%3D%7B3%7D%20label%3D'Grape'%20%2F%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20activeIndex%3D%7Bindex%7D%0A%20%20%20%20%20%20onTabSelected%3D%7BsetIndex%7D%0A%20%20%20%20%20%20actions%3D%7B%5B%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Small'%7D%20size%3D%7B'small'%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Small%20size%20button%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%2C%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B'Normal'%7D%3ENormal%20size%20button%3C%2FButton%3E%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%7BgetContent()%7D%0A%20%20%20%20%3C%2FTabs%3E%0A%20%20)%3B%0A%7D%3B%0A","6d0814ad":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Tag%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tag'%2C%0A%7D%3B%0A%0Aexport%20const%20Default%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20onRemove%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20console.log('Closed%20me!')%3B%0A%20%20%7D%3B%0A%20%20return%20%3CTag%20onRemove%3D%7BonRemove%7D%3E%7B%60I'm%20a%20tag%60%7D%3C%2FTag%3E%3B%0A%7D%3B%0A%0Aexport%20const%20NoClose%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTag%3ECannot%20close%20me!%3C%2FTag%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Clickable%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTag%20onClick%3D%7B()%20%3D%3E%20console.log('clicked!')%7D%3EClick%20me%3C%2FTag%3E%3B%0A%7D%3B%0A",c6fc08cf:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Tag%2C%20TagContainer%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TagContainer'%2C%0A%7D%3B%0A%0Aexport%20const%20BasicTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20DefaultTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%3CTag%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20ScrollableDefaultTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%20overflow%3D'scroll'%20style%3D%7B%7B%20maxWidth%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CTag%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%204%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%205%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%206%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%3ETag%207%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20TruncatedBasicTagsContainer%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTagContainer%20overflow%3D'truncate'%20style%3D%7B%7B%20maxWidth%3A%20200%20%7D%7D%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%203%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%204%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%205%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%206%3C%2FTag%3E%0A%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3ETag%207%3C%2FTag%3E%0A%20%20%20%20%3C%2FTagContainer%3E%0A%20%20)%3B%0A%7D%3B%0A",ffcbc164:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Text%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Text'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Body%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'body'%20as%3D'p'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'small'%20as%3D'small'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Leading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'leading'%20as%3D'h4'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Subheading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'subheading'%20as%3D'h3'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Title%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'title'%20as%3D'h2'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Headline%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20variant%3D'headline'%20as%3D'h1'%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Polymorphic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CText%20variant%3D'headline'%20as%3D'h4'%3E%0A%20%20%20%20%20%20%7B%60I'm%20a%20headline%20text%20rendered%20as%20an%20h4%20element!%60%7D%0A%20%20%20%20%3C%2FText%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Skeleton%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CText%20isSkeleton%3E%7B%60I'm%20a%20Text%60%7D%3C%2FText%3E%3B%0A%7D%3B%0A","8f779b2f":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Textarea%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Textarea'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTextarea%20placeholder%3D%7B'This%20is%20a%20textarea'%7D%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CTextarea%20disabled%3D%7Btrue%7D%20placeholder%3D'This%20is%20a%20textarea'%20%2F%3E%3B%0A%7D%3B%0A","03e3fdfe":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Badge%2C%0A%20%20Button%2C%0A%20%20getUserColor%2C%0A%20%20MenuItem%2C%0A%20%20Tag%2C%0A%20%20TagContainer%2C%0A%20%20Tile%2C%0A%20%20Avatar%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgFolder%2C%0A%20%20SvgImodelHollow%2C%0A%20%20SvgInfo%2C%0A%20%20SvgStar%2C%0A%20%20SvgTag%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tile'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%20name%3D'Stadium'%20%2F%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20National%20stadium%20in%20Singapore.%20Features%20landscape%20details%20and%20a%20metro%0A%20%20%20%20%20%20%20%20%20%20station.%20This%20is%20the%20largest%20sample%20iModel.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AllProps%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isSelected%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3EStadium%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.TypeIndicator%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgStar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.TypeIndicator%3E%0A%20%20%20%20%20%20%20%20%3CTile.QuickAction%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgInfo%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.IconButton%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.QuickAction%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20National%20stadium%20in%20Singapore.%20Features%20landscape%20details%20and%20a%20metro%0A%20%20%20%20%20%20%20%20%20%20station.%20This%20is%20the%20largest%20sample%20iModel.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%20%20%3CTile.Buttons%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20left%20button')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Manage%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%20%20%3CButton%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20right%20button')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20Projects%0A%20%20%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTile.Buttons%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0Aexport%20const%20Actionable%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Bselected%2C%20setSelected%5D%20%3D%20useState(false)%3B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isSelected%3D%7Bselected%7D%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.Action%20onClick%3D%7B()%20%3D%3E%20setSelected((prev)%20%3D%3E%20!prev)%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Stadium%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20If%20you%20click%20on%20this%20stadium%2C%20it%20is%20going%20to%20be%20selected.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AnchorLink%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTile.Action%20href%3D'https%3A%2F%2Finclusive-components.design%2Fcards%2F'%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Stadium%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTile.Action%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%20url%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fstadium.png'%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3E%0A%20%20%20%20%20%20%20%20%20%20If%20you%20click%20on%20this%20stadium%2C%20it%20is%20going%20to%20open%20another%20page.%0A%20%20%20%20%20%20%20%20%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Condensed%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ECondensed%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithAvatar%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ESome%20User%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CAvatar%0A%20%20%20%20%20%20%20%20%20%20%20%20size%3D'x-large'%0A%20%20%20%20%20%20%20%20%20%20%20%20status%3D'online'%0A%20%20%20%20%20%20%20%20%20%20%20%20abbreviation%3D'TR'%0A%20%20%20%20%20%20%20%20%20%20%20%20backgroundColor%3D%7BgetUserColor('Terry%20Rivers')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20image%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D'https%3A%2F%2Fitwinplatformcdn.azureedge.net%2FiTwinUI%2Fuser-placeholder.png'%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20title%3D'Terry%20Rivers'%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EUser%20Description%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Folder%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20variant%3D'folder'%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgFolder%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3EFolder%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EFolder%20description%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3EFolder%20metadata%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Status%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20status%3D'positive'%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3ETile%20with%20status%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Loading%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isLoading%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3ELoading%20tile%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Disabled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTile.Wrapper%20isDisabled%3E%0A%20%20%20%20%20%20%3CTile.Name%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameIcon%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTile.NameLabel%3ETile%20Name%3C%2FTile.NameLabel%3E%0A%20%20%20%20%20%20%3C%2FTile.Name%3E%0A%20%20%20%20%20%20%3CTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBadge%20backgroundColor%3D'skyblue'%3EBadge%3C%2FBadge%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.BadgeContainer%3E%0A%20%20%20%20%20%20%20%20%3CTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgImodelHollow%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.ThumbnailPicture%3E%0A%20%20%20%20%20%20%3C%2FTile.ThumbnailArea%3E%0A%20%20%20%20%20%20%3CTile.ContentArea%3E%0A%20%20%20%20%20%20%20%20%3CTile.Description%3EDescription%3C%2FTile.Description%3E%0A%20%20%20%20%20%20%20%20%3CTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B1%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%201')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%201%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%20%20%3CMenuItem%20key%3D%7B2%7D%20onClick%3D%7B()%20%3D%3E%20console.log('clicked%20item%202')%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Item%202%0A%20%20%20%20%20%20%20%20%20%20%3C%2FMenuItem%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.MoreOptions%3E%0A%20%20%20%20%20%20%20%20%3CTile.Metadata%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgTag%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CTagContainer%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%201%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTag%20variant%3D'basic'%3Etag%202%3C%2FTag%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FTagContainer%3E%0A%20%20%20%20%20%20%20%20%3C%2FTile.Metadata%3E%0A%20%20%20%20%20%20%3C%2FTile.ContentArea%3E%0A%20%20%20%20%20%20%3CTile.Buttons%3E%0A%20%20%20%20%20%20%20%20%3CButton%20disabled%3EButton%3C%2FButton%3E%0A%20%20%20%20%20%20%3C%2FTile.Buttons%3E%0A%20%20%20%20%3C%2FTile.Wrapper%3E%0A%20%20)%3B%0A%7D%3B%0A",d00ce56e:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20TimePicker%2C%0A%20%20InputWithDecorations%2C%0A%20%20type%20MeridiemType%2C%0A%20%20Popover%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgCalendar%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TimePicker'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20150%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomRenderers%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2055%2C%2022)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20200%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20'short'%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%3D%7Bfalse%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hourRenderer%3D%7B(date%3A%20Date)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20date.getHours()%20%3D%3D%3D%201%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7Bdate.getHours()%7D%20hr%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7Bdate.getHours()%7D%20hrs%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20minuteRenderer%3D%7B(date%3A%20Date)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20date.getMinutes()%20%3D%3D%3D%201%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%60%24%7Bdate.getMinutes()%7D%20min%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%60%24%7Bdate.getMinutes()%7D%20mins%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20meridiemRenderer%3D%7B(meridiem%3A%20MeridiemType)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20meridiem%20%3D%3D%3D%20'AM'%20%3F%20'Before'%20%3A%20'After'%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Combined%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5BcurrentDate%2C%20setCurrentDate%5D%20%3D%20useState(%0A%20%20%20%20new%20Date(2021%2C%204%2C%2011%2C%2014%2C%2030%2C%200)%2C%0A%20%20)%3B%0A%20%20const%20onChange%20%3D%20(date%3A%20Date)%20%3D%3E%20%7B%0A%20%20%20%20setCurrentDate(date)%3B%0A%20%20%20%20console.log(%60New%20Time%20value%3A%20%24%7Bdate%7D%60)%3B%0A%20%20%7D%3B%0A%20%20const%20inputValueType%20%3D%20'short'%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CInputWithDecorations%20style%3D%7B%7B%20width%3A%20150%20%7D%7D%20id%3D'time-input'%3E%0A%20%20%20%20%20%20%20%20%3CInputWithDecorations.Input%0A%20%20%20%20%20%20%20%20%20%20value%3D%7BcurrentDate.toLocaleTimeString('en-US'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20timeStyle%3A%20inputValueType%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%20%20readOnly%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CPopover%0A%20%20%20%20%20%20%20%20%20%20applyBackground%0A%20%20%20%20%20%20%20%20%20%20placement%3D'bottom-end'%0A%20%20%20%20%20%20%20%20%20%20content%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CTimePicker%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20date%3D%7BcurrentDate%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onChange%3D%7BonChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20setFocusHour%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20useCombinedRenderer%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20precision%3D%7B'minutes'%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hourStep%3D%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20minuteStep%3D%7B30%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20use12Hours%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgCalendar%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FInputWithDecorations.Button%3E%0A%20%20%20%20%20%20%20%20%3C%2FPopover%3E%0A%20%20%20%20%20%20%3C%2FInputWithDecorations%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","1dbfd5ef":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useRef%20%7D%20from%20'react'%3B%0Aimport%20%7B%20Button%2C%20useToaster%2C%20ProgressRadial%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Toasts'%2C%0A%7D%3B%0A%0Aexport%20const%20Positive%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayPositiveToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.positive('This%20is%20a%20positive%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayPositiveToast%7D%3E%0A%20%20%20%20%20%20%20%20Positive%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Negative%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayNegativeToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.negative('This%20is%20a%20negative%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayNegativeToast%7D%3E%0A%20%20%20%20%20%20%20%20Negative%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Informational%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayInformationalToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.informational('This%20is%20an%20informational%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayInformationalToast%7D%3E%0A%20%20%20%20%20%20%20%20Informational%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Warning%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayWarningToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.warning('This%20is%20a%20warning%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayWarningToast%7D%3E%0A%20%20%20%20%20%20%20%20Warning%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20PositionChanged%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayPositionChangedToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'bottom-end'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.informational('This%20is%20a%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayPositionChangedToast%7D%3E%0A%20%20%20%20%20%20%20%20Toast%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AnchorToButton%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20buttonRef%20%3D%20useRef(null)%3B%0A%20%20const%20displayPositiveToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20toaster.positive('This%20is%20a%20positive%20toast%20message'%2C%20%7B%0A%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20type%3A%20'temporary'%2C%0A%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20animateOutTo%3A%20buttonRef.current%2C%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20ref%3D%7BbuttonRef%7D%0A%20%20%20%20%20%20%20%20styleType%3D'high-visibility'%0A%20%20%20%20%20%20%20%20onClick%3D%7BdisplayPositiveToast%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Positive%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%20display%3A%20'block'%2C%20marginTop%3A%2016%20%7D%7D%0A%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20toaster.closeAll()%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Close%20All%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CloseIndividual%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20toaster%20%3D%20useToaster()%3B%0A%0A%20%20const%20displayProcessToast%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20toaster.setSettings(%7B%0A%20%20%20%20%20%20placement%3A%20'top'%2C%0A%20%20%20%20%20%20order%3A%20'descending'%2C%0A%20%20%20%20%7D)%3B%0A%20%20%20%20const%20%7B%20close%20%7D%20%3D%20toaster.informational(%0A%20%20%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20display%3A%20'flex'%2C%0A%20%20%20%20%20%20%20%20%20%20flexDirection%3A%20'row'%2C%0A%20%20%20%20%20%20%20%20%20%20alignItems%3A%20'flex-end'%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CProgressRadial%0A%20%20%20%20%20%20%20%20%20%20size%3D%7B'small'%7D%0A%20%20%20%20%20%20%20%20%20%20indeterminate%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20marginRight%3A%20'8px'%20%7D%7D%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20Your%20process%20is%20running...%0A%20%20%20%20%20%20%3C%2Fdiv%3E%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20type%3A%20'persisting'%2C%0A%20%20%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20)%3B%0A%0A%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20close()%3B%0A%20%20%20%20%20%20toaster.positive('Process%20completed'%2C%20%7B%0A%20%20%20%20%20%20%20%20duration%3A%207000%2C%0A%20%20%20%20%20%20%20%20hasCloseButton%3A%20true%2C%0A%20%20%20%20%20%20%20%20link%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20title%3A%20'Link'%2C%0A%20%20%20%20%20%20%20%20%20%20onClick%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('Link%20was%20clicked!')%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20type%3A%20'persisting'%2C%0A%20%20%20%20%20%20%20%20onRemove%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.log('Toast%20removed!')%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D%2C%203000)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%3CButton%20styleType%3D'high-visibility'%20onClick%3D%7BdisplayProcessToast%7D%3E%0A%20%20%20%20%20%20%20%20Start%20process%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","3723a225":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20SvgLightbulb%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0Aimport%20%7B%20ToggleSwitch%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20type%20%7B%20StoryDefault%20%7D%20from%20'%40ladle%2Freact'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'ToggleSwitch'%2C%0A%20%20decorators%3A%20%5B%0A%20%20%20%20(Story)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cdiv%20style%3D%7B%7B%20padding%3A%20'5.5px%200'%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CStory%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20)%2C%0A%20%20%5D%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20size%3D'small'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledChecked%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20DisabledUnchecked%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20disabled%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20LabelRight%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CToggleSwitch%0A%20%20%20%20%20%20defaultChecked%0A%20%20%20%20%20%20label%3D'This%20is%20a%20right%20label'%0A%20%20%20%20%20%20labelPosition%3D'right'%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20LabelLeft%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20label%3D'This%20is%20a%20left%20label'%20labelPosition%3D'left'%20%2F%3E%3B%0A%7D%3B%0A%0Aexport%20const%20WithCustomIcon%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3CToggleSwitch%20defaultChecked%20icon%3D%7B%3CSvgLightbulb%20%2F%3E%7D%20%2F%3E%3B%0A%7D%3B%0A",e30001a8:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20Button%2C%20Tooltip%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tooltip'%2C%0A%7D%3B%0A%0Aexport%20const%20Top%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'top'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Right%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'right'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Bottom%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'bottom'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3EPlease%2C%20try%20to%20hover%20me!%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Left%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20placement%3D'left'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%0A%20%20%20%20%20%20%20%20id%3D'tooltip-target'%0A%20%20%20%20%20%20%20%20style%3D%7B%7B%0A%20%20%20%20%20%20%20%20%20%20marginLeft%3A%20100%2C%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20Please%2C%20try%20to%20hover%20me!%0A%20%20%20%20%20%20%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Controlled%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CTooltip%20visible%20placement%3D'left'%20content%3D'Here%20I%20am!'%3E%0A%20%20%20%20%20%20%3CButton%20id%3D'tooltip-target'%3ENo%20need%20to%20hover%20me%3C%2FButton%3E%0A%20%20%20%20%3C%2FTooltip%3E%0A%20%20)%3B%0A%7D%3B%0A",f5e6a9af:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%20%7D%20from%20'react'%3B%0Aimport%20%7B%20TransferList%2C%20IconButton%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%0A%20%20SvgChevronLeft%2C%0A%20%20SvgChevronRight%2C%0A%20%20SvgChevronLeftDouble%2C%0A%20%20SvgChevronRightDouble%2C%0A%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'TransferList'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TransferItemDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20active%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BoptionData%2C%20setOptionData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%201'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%202'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%203'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%204'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%205'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%206'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20%5BappliedData%2C%20setAppliedData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%207'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20transfer%20%3D%20(%0A%20%20%20%20fromData%3A%20Array%3CTransferItemDataType%3E%2C%0A%20%20%20%20setFromData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20setToData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20sendAll%3F%3A%20boolean%2C%0A%20%20)%20%3D%3E%20%7B%0A%20%20%20%20setToData((oldToData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20newToData%20%3D%20%5B...oldToData%5D%3B%0A%20%20%20%20%20%20const%20newFromData%3A%20Array%3CTransferItemDataType%3E%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20fromData.forEach((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(sendAll%20%7C%7C%20item.active%20%3D%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20newItem%20%3D%20item%3B%0A%20%20%20%20%20%20%20%20%20%20newItem.active%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20newToData.push(newItem)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20newFromData.push(item)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20setFromData(newFromData)%3B%0A%20%20%20%20%20%20return%20newToData%3B%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTransferList%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BoptionData%3F.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setOptionData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%3CTransferList.Toolbar%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20true)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRightDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRight%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeft%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20true)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeftDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FTransferList.Toolbar%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BappliedData.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setAppliedData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%3C%2FTransferList%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithLabel%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20TransferItemDataType%20%3D%20%7B%0A%20%20%20%20name%3A%20string%3B%0A%20%20%20%20active%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BoptionData%2C%20setOptionData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%201'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%202'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%203'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%204'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%205'%2C%20active%3A%20false%20%7D%2C%0A%20%20%20%20%7B%20name%3A%20'Option%206'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20%5BappliedData%2C%20setAppliedData%5D%20%3D%20useState(%5B%0A%20%20%20%20%7B%20name%3A%20'Option%207'%2C%20active%3A%20false%20%7D%2C%0A%20%20%5D)%3B%0A%0A%20%20const%20transfer%20%3D%20(%0A%20%20%20%20fromData%3A%20Array%3CTransferItemDataType%3E%2C%0A%20%20%20%20setFromData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20setToData%3A%20React.Dispatch%3CReact.SetStateAction%3CTransferItemDataType%5B%5D%3E%3E%2C%0A%20%20%20%20sendAll%3F%3A%20boolean%2C%0A%20%20)%20%3D%3E%20%7B%0A%20%20%20%20setToData((oldToData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20newToData%20%3D%20%5B...oldToData%5D%3B%0A%20%20%20%20%20%20const%20newFromData%3A%20Array%3CTransferItemDataType%3E%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20fromData.forEach((item)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(sendAll%20%7C%7C%20item.active%20%3D%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20newItem%20%3D%20item%3B%0A%20%20%20%20%20%20%20%20%20%20newItem.active%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20newToData.push(newItem)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20newFromData.push(item)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20setFromData(newFromData)%3B%0A%20%20%20%20%20%20return%20newToData%3B%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTransferList%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.ListboxLabel%3EOptions%3C%2FTransferList.ListboxLabel%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BoptionData%3F.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setOptionData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%3CTransferList.Toolbar%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20true)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRightDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Right'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(optionData%2C%20setOptionData%2C%20setAppliedData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronRight%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20false)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeft%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%20%20%3CIconButton%0A%20%20%20%20%20%20%20%20%20%20styleType%3D%7B'borderless'%7D%0A%20%20%20%20%20%20%20%20%20%20label%3D%7B'Move%20Left%20All'%7D%0A%20%20%20%20%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20transfer(appliedData%2C%20setAppliedData%2C%20setOptionData%2C%20true)%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSvgChevronLeftDouble%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%20%20%20%20%3C%2FTransferList.Toolbar%3E%0A%20%20%20%20%20%20%3CTransferList.ListboxWrapper%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.ListboxLabel%3EApplied%3C%2FTransferList.ListboxLabel%3E%0A%20%20%20%20%20%20%20%20%3CTransferList.Listbox%3E%0A%20%20%20%20%20%20%20%20%20%20%7BappliedData.map((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTransferList.Item%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20key%3D%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20actionable%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20active%3D%7Bitem.active%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onActiveChange%3D%7B(isActive%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setAppliedData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20newObject%20%3D%20%7B%20...newData%5Bindex%5D%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newObject.active%20%3D%20isActive%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newData%5Bindex%5D%20%3D%20newObject%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bitem.name%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FTransferList.Item%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%7D%0A%20%20%20%20%20%20%20%20%3C%2FTransferList.Listbox%3E%0A%20%20%20%20%20%20%3C%2FTransferList.ListboxWrapper%3E%0A%20%20%20%20%3C%2FTransferList%3E%0A%20%20)%3B%0A%7D%3B%0A",f356850e:"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20useState%2C%20useCallback%2C%20useMemo%20%7D%20from%20'react'%3B%0Aimport%20%7B%0A%20%20Tree%2C%0A%20%20TreeNode%2C%0A%20%20type%20NodeData%2C%0A%20%20Checkbox%2C%0A%20%20TreeNodeExpander%2C%0A%20%20ProgressRadial%2C%0A%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0Aimport%20%7B%20SvgPlaceholder%20%7D%20from%20'%40itwin%2Fitwinui-icons-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'Tree'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%20label%3D%7Bnode.label%7D%20onExpanded%3D%7BonNodeExpanded%7D%20%7B...rest%7D%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Full%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3-0'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20disabledNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%2C%20expandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20AsyncLoading%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%20%20hasSubNodes%3F%3A%20boolean%3B%0A%20%20%20%20isLoading%3F%3A%20boolean%3B%0A%20%20%7D%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback((index%3A%20number)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20id%3A%20%60Node-%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20label%3A%20%60Node%20%24%7Bindex%7D%60%2C%0A%20%20%20%20%20%20subItems%3A%20%5B%5D%2C%0A%20%20%20%20%20%20hasSubNodes%3A%20true%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5Bdata%2C%20setData%5D%20%3D%20useState(()%20%3D%3E%0A%20%20%20%20Array(8)%0A%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%0A%20%20%20%20%7B%7D%2C%0A%20%20)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isExpanded%3A%20boolean%2C%20node%3A%20StoryData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isExpanded%20%26%26%20!node.subItems.length%20%26%26%20node.hasSubNodes)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Mocking%20API%20call%0A%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20setData((oldData)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20newData%20%3D%20%5B...oldData%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20newNode%20%3D%20newData.find((item)%20%3D%3E%20item.id%20%3D%3D%3D%20nodeId)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(!newNode)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20oldData%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20newNode.subItems%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20id%3A%20%60Async-%24%7BnodeId%7D%60%2C%20label%3A%20%60Async%20%24%7BnodeId%7D%60%2C%20subItems%3A%20%5B%5D%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20newData%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%7D%2C%201000)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%0A%20%20%20%20%20%20%20%20%20%20!node.subItems.length%20%26%26%20node.hasSubNodes%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%20%60Async-%24%7Bnode.id%7D%60%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label%3A%20''%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20subItems%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20isLoading%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20!!node.hasSubNodes%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.isLoading%20%3F%20'Loading...'%20%3A%20node.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7B(nodeId%2C%20isExpanded)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20onNodeExpanded(nodeId%2C%20isExpanded%2C%20node)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20node.isLoading%20%3F%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CProgressRadial%20size%3D'x-small'%20indeterminate%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%20%3A%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20CustomizedExpander%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20isNodeDisabled%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string)%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20Object.keys(disabledNodes).some(%0A%20%20%20%20%20%20%20%20(id)%20%3D%3E%20nodeId%20%3D%3D%3D%20id%20%7C%7C%20nodeId.startsWith(%60%24%7Bid%7D-%60)%2C%0A%20%20%20%20%20%20)%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20isNodeDisabled(node.id)%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20isNodeDisabled%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Allows%20to%20expand%20disabled%20nodes%0A%20%20%20%20%20%20%20%20%20%20%20%20expander%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CTreeNodeExpander%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20isExpanded%3D%7Brest.isExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onClick%3D%7B(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20onNodeExpanded(node.id%2C%20!rest.isExpanded)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopPropagation()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Virtualized%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%0A%20%20const%20%5BdisabledNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-4'%3A%20true%2C%0A%20%20%20%20'Node-3-0'%3A%20true%2C%0A%20%20%20%20'Node-6'%3A%20true%2C%0A%20%20%20%20'Node-10'%3A%20true%2C%0A%20%20%7D)%3B%0A%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isDisabled%3A%20disabledNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BdisabledNodes%2C%20expandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(400px%2C%2090vh)'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20Small%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20sublabel%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20sublabel%3A%20%60Sublabel%20for%20Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(Math.round(index%20%25%205))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(8)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20size%3D'small'%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sublabel%3D%7Bnode.sublabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20VirtualizedWithHorizontalScroll%20%3D%20()%20%3D%3E%20%7B%0A%20%20type%20StoryData%20%3D%20%7B%0A%20%20%20%20id%3A%20string%3B%0A%20%20%20%20label%3A%20string%3B%0A%20%20%20%20subItems%3A%20StoryData%5B%5D%3B%0A%20%20%7D%3B%0A%0A%20%20const%20%5BselectedNodes%2C%20setSelectedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-3-2'%3A%20true%2C%0A%20%20%20%20'Node-22'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onSelectedNodeChange%20%3D%20useCallback(%0A%20%20%20%20(nodeId%3A%20string%2C%20isSelected%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20%20%20if%20(isSelected)%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%20...oldSelected%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Selected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20setSelectedNodes((oldSelected)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20%20%20...oldSelected%2C%0A%20%20%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20%20%20console.log(%60Unselected%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20%5BexpandedNodes%2C%20setExpandedNodes%5D%20%3D%20useState%3CRecord%3Cstring%2C%20boolean%3E%3E(%7B%0A%20%20%20%20'Node-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0-0'%3A%20true%2C%0A%20%20%20%20'Node-0-0-0-0'%3A%20true%2C%0A%20%20%20%20'Node-2'%3A%20true%2C%0A%20%20%20%20'Node-2-1'%3A%20true%2C%0A%20%20%20%20'Node-3'%3A%20true%2C%0A%20%20%7D)%3B%0A%20%20const%20onNodeExpanded%20%3D%20useCallback((nodeId%3A%20string%2C%20isExpanded%3A%20boolean)%20%3D%3E%20%7B%0A%20%20%20%20if%20(isExpanded)%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%20...oldExpanded%2C%20%5BnodeId%5D%3A%20true%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Expanded%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20setExpandedNodes((oldExpanded)%20%3D%3E%20(%7B%0A%20%20%20%20%20%20%20%20...oldExpanded%2C%0A%20%20%20%20%20%20%20%20%5BnodeId%5D%3A%20false%2C%0A%20%20%20%20%20%20%7D))%3B%0A%20%20%20%20%20%20console.log(%60Closed%20node%20%24%7BnodeId%7D%60)%3B%0A%20%20%20%20%7D%0A%20%20%7D%2C%20%5B%5D)%3B%0A%20%20const%20generateItem%20%3D%20useCallback(%0A%20%20%20%20(index%3A%20number%2C%20parentNode%20%3D%20''%2C%20depth%20%3D%200)%3A%20StoryData%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20keyValue%20%3D%20parentNode%20%3F%20%60%24%7BparentNode%7D-%24%7Bindex%7D%60%20%3A%20%60%24%7Bindex%7D%60%3B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20id%3A%20%60Node-%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20label%3A%20%60Node%20%24%7BkeyValue%7D%60%2C%0A%20%20%20%20%20%20%20%20subItems%3A%0A%20%20%20%20%20%20%20%20%20%20depth%20%3C%2010%0A%20%20%20%20%20%20%20%20%20%20%20%20%3F%20Array(1)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index%2C%20keyValue%2C%20depth%20%2B%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5B%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20data%20%3D%20useMemo(%0A%20%20%20%20()%20%3D%3E%0A%20%20%20%20%20%20Array(100000)%0A%20%20%20%20%20%20%20%20.fill(null)%0A%20%20%20%20%20%20%20%20.map((_%2C%20index)%20%3D%3E%20generateItem(index))%2C%0A%20%20%20%20%5BgenerateItem%5D%2C%0A%20%20)%3B%0A%0A%20%20const%20getNode%20%3D%20useCallback(%0A%20%20%20%20(node%3A%20StoryData)%3A%20NodeData%3CStoryData%3E%20%3D%3E%20%7B%0A%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20subNodes%3A%20node.subItems%2C%0A%20%20%20%20%20%20%20%20nodeId%3A%20node.id%2C%0A%20%20%20%20%20%20%20%20node%3A%20node%2C%0A%20%20%20%20%20%20%20%20isExpanded%3A%20expandedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20isSelected%3A%20selectedNodes%5Bnode.id%5D%2C%0A%20%20%20%20%20%20%20%20hasSubNodes%3A%20node.subItems.length%20%3E%200%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%7D%2C%0A%20%20%20%20%5BexpandedNodes%2C%20selectedNodes%5D%2C%0A%20%20)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTree%3CStoryData%3E%0A%20%20%20%20%20%20data%3D%7Bdata%7D%0A%20%20%20%20%20%20getNode%3D%7BgetNode%7D%0A%20%20%20%20%20%20enableVirtualization%0A%20%20%20%20%20%20nodeRenderer%3D%7BuseCallback(%0A%20%20%20%20%20%20%20%20(%7B%20node%2C%20...rest%20%7D)%20%3D%3E%20(%0A%20%20%20%20%20%20%20%20%20%20%3CTreeNode%0A%20%20%20%20%20%20%20%20%20%20%20%20label%3D%7Bnode.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onExpanded%3D%7BonNodeExpanded%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onSelected%3D%7BonSelectedNodeChange%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20checkbox%3D%7B%3CCheckbox%20variant%3D'eyeball'%20disabled%3D%7Brest.isDisabled%7D%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20icon%3D%7B%3CSvgPlaceholder%20%2F%3E%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%7B%7B%20width%3A%20'fit-content'%2C%20minWidth%3A%20'100%25'%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B...rest%7D%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5BonNodeExpanded%2C%20onSelectedNodeChange%5D%2C%0A%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20style%3D%7B%7B%20height%3A%20'min(400px%2C%2090vh)'%2C%20width%3A%20'250px'%20%7D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","3707f4f9":"%2F*---------------------------------------------------------------------------------------------%0A%20*%20Copyright%20(c)%20Bentley%20Systems%2C%20Incorporated.%20All%20rights%20reserved.%0A%20*%20See%20LICENSE.md%20in%20the%20project%20root%20for%20license%20terms%20and%20full%20copyright%20notice.%0A%20*--------------------------------------------------------------------------------------------*%2F%0Aimport%20%7B%20WorkflowDiagram%20%7D%20from%20'%40itwin%2Fitwinui-react'%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20'WorkflowDiagram'%2C%0A%7D%3B%0A%0Aexport%20const%20Basic%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CWorkflowDiagram%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Start'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Set%20parameters'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Invite%20collaborators'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Review%20%26%20Approve'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Complete'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20const%20WithTooltips%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CWorkflowDiagram%0A%20%20%20%20%20%20steps%3D%7B%5B%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Start'%2C%20description%3A%20'Start%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Set%20parameters'%2C%20description%3A%20'Set%20parameters%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%3A%20'Invite%20collaborators'%2C%0A%20%20%20%20%20%20%20%20%20%20description%3A%20'Invite%20collaborators%20Tooltip'%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Review%20%26%20Approve'%2C%20description%3A%20'Review%20%26%20Approve%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20name%3A%20'Complete'%2C%20description%3A%20'Complete%20Tooltip'%20%7D%2C%0A%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A"},F4={"alert--custom-icon":S.d01c33c2,"alert--empty":S.d01c33c2,"alert--informational":S.d01c33c2,"alert--negative":S.d01c33c2,"alert--positive":S.d01c33c2,"alert--sticky":S.d01c33c2,"alert--warning":S.d01c33c2,"anchor--as-button":S[80259061],"anchor--basic":S[80259061],"anchor--external":S[80259061],"anchor--underline":S[80259061],"avatar--basic":S.bd99a355,"avatar--custom-status-translation":S.bd99a355,"avatar--sizes":S.bd99a355,"avatar--statuses":S.bd99a355,"avatar--with-icon":S.bd99a355,"avatar--with-image":S.bd99a355,"avatargroup--animated":S.e028d020,"avatargroup--basic":S.e028d020,"avatargroup--many-avatars":S.e028d020,"avatargroup--non-stacked":S.e028d020,"avatargroup--with-tooltip":S.e028d020,"badge--basic":S[61450310],"badge--long-label":S[61450310],"badge--statuses":S[61450310],"blockquote--basic":S.f89ae976,"blockquote--with-footer":S.f89ae976,"breadcrumbs--basic":S.c8853e22,"breadcrumbs--custom-overflow-back-button":S.c8853e22,"breadcrumbs--custom-overflow-dropdown":S.c8853e22,"breadcrumbs--custom-separator":S.c8853e22,"breadcrumbs--folder-navigation":S.c8853e22,"breadcrumbs--links":S.c8853e22,"breadcrumbs--overflow":S.c8853e22,"button--as-link":S["57cb345b"],"button--call-to-action":S["57cb345b"],"button--default":S["57cb345b"],"button--high-visibility":S["57cb345b"],"button--loading":S["57cb345b"],"button--stretch":S["57cb345b"],"button--with-icon":S["57cb345b"],"button--with-notification":S["57cb345b"],"buttongroup--input-button-combo":S.cd98b299,"buttongroup--overflow":S.cd98b299,"buttongroup--vertical":S.cd98b299,"buttongroup--vertical-overflow":S.cd98b299,"buttongroup--with-icons":S.cd98b299,"carousel--basic":S.fc3e20cc,"carousel--controlled":S.fc3e20cc,"carousel--only-dots":S.fc3e20cc,"checkbox--basic":S.a28638e2,"checkbox--disabled":S.a28638e2,"checkbox--indeterminate":S.a28638e2,"checkbox--loading":S.a28638e2,"checkbox--negative":S.a28638e2,"checkbox--positive":S.a28638e2,"checkbox--visibility":S.a28638e2,"checkbox--warning":S.a28638e2,"code--basic":S["4d3c682a"],"colorpicker--advanced":S["9261e1c5"],"colorpicker--basic":S["9261e1c5"],"colorpicker--with-alpha":S["9261e1c5"],"combobox--basic":S["0523f810"],"combobox--controlled":S["0523f810"],"combobox--custom-renderer":S["0523f810"],"combobox--disabled-items":S["0523f810"],"combobox--loading":S["0523f810"],"combobox--multiple-select":S["0523f810"],"combobox--virtualized":S["0523f810"],"combobox--with-custom-message-icon":S["0523f810"],"combobox--with-label":S["0523f810"],"combobox--with-message":S["0523f810"],"combobox--with-status":S["0523f810"],"datepicker--basic":S["4832439a"],"datepicker--localized":S["4832439a"],"datepicker--range":S["4832439a"],"datepicker--some-dates-disabled":S["4832439a"],"datepicker--with-combined-time":S["4832439a"],"datepicker--with-time":S["4832439a"],"datepicker--with-year":S["4832439a"],"dialog--basic":S.b3356a37,"dialog--draggable-and-resizable":S.b3356a37,"dialog--draggable-relative-to-container":S.b3356a37,"dialog--modal":S.b3356a37,"dialog--placement":S.b3356a37,"dropdownbutton--basic":S.ddd94297,"dropdownmenu--basic":S["73d7081a"],"dropdownmenu--submenu":S["73d7081a"],"dropdownmenu--with-content":S["73d7081a"],"dropdownmenu--with-end-icons":S["73d7081a"],"dropdownmenu--with-separator":S["73d7081a"],"dropdownmenu--with-start-icons":S["73d7081a"],"dropdownmenu--with-sublabels":S["73d7081a"],"expandableblock--accordion":S.b94f5a58,"expandableblock--basic":S.b94f5a58,"expandableblock--borderless":S.b94f5a58,"expandableblock--disabled":S.b94f5a58,"expandableblock--small":S.b94f5a58,"expandableblock--status-icon":S.b94f5a58,"expandableblock--with-caption":S.b94f5a58,"fieldset--basic":S.f0207c25,"fieldset--disabled":S.f0207c25,"fileupload--custom-file-upload-card":S["2b9bf6fc"],"fileupload--default-file-upload-card":S["2b9bf6fc"],"fileupload--wrapping-input":S["2b9bf6fc"],"flex--basic":S["8a4f7ed2"],"flex--individual-gaps":S["8a4f7ed2"],"flex--with-flex-item":S["8a4f7ed2"],"flex--with-spacer":S["8a4f7ed2"],"footer--appended-custom-elements":S["84561e2d"],"footer--basic":S["84561e2d"],"footer--bottom-fixed":S["84561e2d"],"footer--custom-content":S["84561e2d"],"footer--customized-default-and-custom-elements":S["84561e2d"],"footer--only-custom-elements":S["84561e2d"],"header--basic":S.d6820832,"header--center-content":S.d6820832,"header--full":S.d6820832,"header--slim":S.d6820832,"icon--autoscale":S["642f8b99"],"icon--default":S["642f8b99"],"icon--padded":S["642f8b99"],"icon--sizes":S["642f8b99"],"icon--statuses":S["642f8b99"],"iconbutton--add":S["4e97b782"],"iconbutton--borderless":S["4e97b782"],"iconbutton--high-visibility-add":S["4e97b782"],"iconbutton--small-active-add":S["4e97b782"],"ideasbutton--ideas":S["97092a2b"],"ideasbutton--localized-ideas":S["97092a2b"],"informationpanel--basic":S.c7be65d2,"informationpanel--custom-actions":S.c7be65d2,"informationpanel--custom-width":S.c7be65d2,"informationpanel--horizontal":S.c7be65d2,"input--basic":S.d8e9ca64,"input--disabled":S.d8e9ca64,"input--small":S.d8e9ca64,"input--status":S.d8e9ca64,"inputgrid--with-input":S["0c5c36f3"],"inputgrid--with-input-with-decorations":S["0c5c36f3"],"inputgrid--with-search":S["0c5c36f3"],"inputgrid--with-select":S["0c5c36f3"],"inputgroup--checkbox-group":S["5f0a5a65"],"inputgroup--radio-group":S["5f0a5a65"],"inputgroup--toggle-group":S["5f0a5a65"],"inputwithdecorations--basic":S["0a93cefd"],"inputwithdecorations--disabled":S["0a93cefd"],"inputwithdecorations--small":S["0a93cefd"],"inputwithdecorations--status":S["0a93cefd"],"keyboard-key--basic":S["7c15ac90"],"keyboard-key--predefined-key":S["7c15ac90"],"label--basic":S.dd42ca04,"label--inline":S.dd42ca04,"label--polymorphic":S.dd42ca04,"labeledinput--basic":S.c59476e2,"labeledinput--disabled":S.c59476e2,"labeledinput--hybrid-layout":S.c59476e2,"labeledinput--inline":S.c59476e2,"labeledinput--negative":S.c59476e2,"labeledinput--positive":S.c59476e2,"labeledinput--warning":S.c59476e2,"labeledinput--with-custom-icon":S.c59476e2,"labeledinput--with-message":S.c59476e2,"labeledinput--with-svg-icon":S.c59476e2,"labeledselect--basic":S.fe8b8be6,"labeledselect--native":S.fe8b8be6,"labeledselect--negative":S.fe8b8be6,"labeledselect--positive":S.fe8b8be6,"labeledselect--warning":S.fe8b8be6,"labeledselect--with-custom-icon":S.fe8b8be6,"labeledtextarea--basic":S.b0b001ff,"labeledtextarea--disabled":S.b0b001ff,"labeledtextarea--inline":S.b0b001ff,"labeledtextarea--negative":S.b0b001ff,"labeledtextarea--positive":S.b0b001ff,"labeledtextarea--warning":S.b0b001ff,"labeledtextarea--with-custom-icon":S.b0b001ff,"labeledtextarea--with-svg-icon":S.b0b001ff,"list--actionable":S.b2f51cc1,"list--basic":S.b2f51cc1,"list--with-icon":S.b2f51cc1,"modal--basic":S["42bd2c24"],"modal--full-page-modal":S["42bd2c24"],"modal--non-dismissible-modal":S["42bd2c24"],"modal--outside-click-and-esc-does-not-close":S["42bd2c24"],"nonidealstate--bad-gateway":S["77772dbc"],"nonidealstate--custom-html-message":S["77772dbc"],"nonidealstate--forbidden":S["77772dbc"],"nonidealstate--generic":S["77772dbc"],"nonidealstate--internal-server-error":S["77772dbc"],"nonidealstate--page-not-found":S["77772dbc"],"nonidealstate--redirect":S["77772dbc"],"nonidealstate--service-unavailable":S["77772dbc"],"nonidealstate--time-out":S["77772dbc"],"nonidealstate--unauthorized":S["77772dbc"],"nonidealstate--without-message-or-buttons":S["77772dbc"],"notificationmarker--basic":S.e1b21471,"notificationmarker--pulsing":S.e1b21471,"notificationmarker--status":S.e1b21471,"notificationmarker--with-buttons":S.e1b21471,"overlay--linear":S["3d2a705d"],"overlay--radial":S["3d2a705d"],"overview--readme":S["1b565e1d"],"panels--basic":S["3271cc30"],"panels--multi-level-list":S["3271cc30"],"panels--multi-panel-information-panel":S["3271cc30"],"panels--nested-panels":S["3271cc30"],"progresslinear--determinate":S["141ad7b0"],"progresslinear--determinate-animated":S["141ad7b0"],"progresslinear--indeterminate":S["141ad7b0"],"progresslinear--labeled-center":S["141ad7b0"],"progresslinear--labeled-left-right":S["141ad7b0"],"progresslinear--negative":S["141ad7b0"],"progresslinear--positive":S["141ad7b0"],"progresslinear--warning":S["141ad7b0"],"progressradial--determinate":S["026a13e9"],"progressradial--determinate-with-content":S["026a13e9"],"progressradial--indeterminate":S["026a13e9"],"progressradial--negative":S["026a13e9"],"progressradial--positive":S["026a13e9"],"progressradial--warning":S["026a13e9"],"radio--basic":S.b77b1f6a,"radio--disabled":S.b77b1f6a,"radio--negative":S.b77b1f6a,"radio--positive":S.b77b1f6a,"radio--warning":S.b77b1f6a,"radiotilegroup--colored":S.ba28067a,"radiotilegroup--monochrome":S.ba28067a,"searchbox--basic":S.e7667281,"searchbox--basic-with-custom-items":S.e7667281,"searchbox--basic-with-status":S.e7667281,"searchbox--borderless-expand-button":S.e7667281,"searchbox--expandable":S.e7667281,"searchbox--expandable-with-custom-items":S.e7667281,"searchbox--small":S.e7667281,"searchbox--with-custom-action":S.e7667281,"select--basic":S.b8599fc0,"select--borderless":S.b8599fc0,"select--custom":S.b8599fc0,"select--disabled":S.b8599fc0,"select--disabled-with-selected-value":S.b8599fc0,"select--many-items":S.b8599fc0,"select--multi":S.b8599fc0,"select--multi-custom-renderer":S.b8599fc0,"select--native":S.b8599fc0,"select--sublabels":S.b8599fc0,"select--truncate-middle-text":S.b8599fc0,"select--with-icons":S.b8599fc0,"select--with-selected-value":S.b8599fc0,"sidenavigation--active-item":S[14363534],"sidenavigation--basic":S[14363534],"sidenavigation--submenu":S[14363534],"skiptocontentlink--basic":S.c3337d49,"skiptocontentlink--custom-text":S.c3337d49,"slider--basic":S.cae8adc5,"slider--custom-tick-no-tooltip":S.cae8adc5,"slider--custom-tooltip":S.cae8adc5,"slider--decimal-increment":S.cae8adc5,"slider--disabled":S.cae8adc5,"slider--multi-thumbs-allow-crossing":S.cae8adc5,"slider--range":S.cae8adc5,"slider--vertical":S.cae8adc5,"slider--with-custom-thumb":S.cae8adc5,"splitbutton--basic":S["6f6d5c51"],"stepper--basic":S["3ff70816"],"stepper--custom-icon":S["3ff70816"],"stepper--localized-long":S["3ff70816"],"stepper--long":S["3ff70816"],"stepper--with-tooltips":S["3ff70816"],"surface--basic":S["8acd9860"],"surface--custom":S["8acd9860"],"surface--empty-state":S["8acd9860"],"surface--no-padding":S["8acd9860"],"surface--overflow-with-button-footer":S["8acd9860"],"table--basic":S["0a060c9f"],"table--column-manager":S["0a060c9f"],"table--condensed":S["0a060c9f"],"table--controlled-state":S["0a060c9f"],"table--custom-filter":S["0a060c9f"],"table--customized-columns":S["0a060c9f"],"table--disabled-rows":S["0a060c9f"],"table--draggable-columns":S["0a060c9f"],"table--editable":S["0a060c9f"],"table--expandable":S["0a060c9f"],"table--expandable-subrows":S["0a060c9f"],"table--filters":S["0a060c9f"],"table--full":S["0a060c9f"],"table--full2":S["0a060c9f"],"table--global-filter":S["0a060c9f"],"table--horizontal-scroll":S["0a060c9f"],"table--initial-state":S["0a060c9f"],"table--lazy-loading":S["0a060c9f"],"table--loading":S["0a060c9f"],"table--localized":S["0a060c9f"],"table--no-data":S["0a060c9f"],"table--resizable-columns":S["0a060c9f"],"table--row-in-viewport":S["0a060c9f"],"table--scroll-to-row":S["0a060c9f"],"table--selectable-multi":S["0a060c9f"],"table--selectable-single":S["0a060c9f"],"table--sortable":S["0a060c9f"],"table--status-and-cell-icons":S["0a060c9f"],"table--sticky-columns":S["0a060c9f"],"table--virtualized":S["0a060c9f"],"table--virtualized-sub-rows":S["0a060c9f"],"table--with-manual-paginator-and-filter":S["0a060c9f"],"table--with-paginator":S["0a060c9f"],"table--zebra-striped-rows":S["0a060c9f"],"tabs--borderless-tabs":S["9addc629"],"tabs--default-tabs":S["9addc629"],"tabs--horizontal-overflow":S["9addc629"],"tabs--legacy-tabs":S["9addc629"],"tabs--pill-tabs":S["9addc629"],"tabs--sublabels-and-icons":S["9addc629"],"tabs--vertical":S["9addc629"],"tabs--vertical-overflow":S["9addc629"],"tag--clickable":S["6d0814ad"],"tag--default":S["6d0814ad"],"tag--no-close":S["6d0814ad"],"tagcontainer--basic-tags-container":S.c6fc08cf,"tagcontainer--default-tags-container":S.c6fc08cf,"tagcontainer--scrollable-default-tags-container":S.c6fc08cf,"tagcontainer--truncated-basic-tags-container":S.c6fc08cf,"text--basic":S.ffcbc164,"text--body":S.ffcbc164,"text--headline":S.ffcbc164,"text--leading":S.ffcbc164,"text--polymorphic":S.ffcbc164,"text--skeleton":S.ffcbc164,"text--small":S.ffcbc164,"text--subheading":S.ffcbc164,"text--title":S.ffcbc164,"textarea--basic":S["8f779b2f"],"textarea--disabled":S["8f779b2f"],"tile--actionable":S["03e3fdfe"],"tile--all-props":S["03e3fdfe"],"tile--anchor-link":S["03e3fdfe"],"tile--basic":S["03e3fdfe"],"tile--condensed":S["03e3fdfe"],"tile--disabled":S["03e3fdfe"],"tile--folder":S["03e3fdfe"],"tile--loading":S["03e3fdfe"],"tile--status":S["03e3fdfe"],"tile--with-avatar":S["03e3fdfe"],"timepicker--basic":S.d00ce56e,"timepicker--combined":S.d00ce56e,"timepicker--custom-renderers":S.d00ce56e,"toasts--anchor-to-button":S["1dbfd5ef"],"toasts--close-individual":S["1dbfd5ef"],"toasts--informational":S["1dbfd5ef"],"toasts--negative":S["1dbfd5ef"],"toasts--position-changed":S["1dbfd5ef"],"toasts--positive":S["1dbfd5ef"],"toasts--warning":S["1dbfd5ef"],"toggleswitch--basic":S["3723a225"],"toggleswitch--disabled-checked":S["3723a225"],"toggleswitch--disabled-unchecked":S["3723a225"],"toggleswitch--label-left":S["3723a225"],"toggleswitch--label-right":S["3723a225"],"toggleswitch--small":S["3723a225"],"toggleswitch--with-custom-icon":S["3723a225"],"tooltip--bottom":S.e30001a8,"tooltip--controlled":S.e30001a8,"tooltip--left":S.e30001a8,"tooltip--right":S.e30001a8,"tooltip--top":S.e30001a8,"transferlist--basic":S.f5e6a9af,"transferlist--with-label":S.f5e6a9af,"tree--async-loading":S.f356850e,"tree--basic":S.f356850e,"tree--customized-expander":S.f356850e,"tree--full":S.f356850e,"tree--small":S.f356850e,"tree--virtualized":S.f356850e,"tree--virtualized-with-horizontal-scroll":S.f356850e,"workflowdiagram--basic":S["3707f4f9"],"workflowdiagram--with-tooltips":S["3707f4f9"]};const vB={stories:"src/**/*.stories.{js,jsx,ts,tsx,mdx}",defaultStory:"",storyOrder:e=>e,viteConfig:void 0,appendToHead:"",disableHttp2:!1,noWatch:!1,port:61e3,previewPort:8080,hmrHost:void 0,hmrPort:void 0,outDir:"build",base:void 0,expandStoryTree:!1,hotkeys:{search:["/","meta+p"],nextStory:["alt+arrowright"],previousStory:["alt+arrowleft"],nextComponent:["alt+arrowdown"],previousComponent:["alt+arrowup"],control:["c"],darkMode:["d"],fullscreen:["f"],width:["w"],rtl:["r"],source:["s"],a11y:["a"]},onDevServerStart:()=>{},i18n:{buildTooltip:'💡 Tip: Run "ladle preview" to check that the build works!'},addons:{control:{enabled:!0,defaultState:{}},theme:{enabled:!0,defaultState:"light"},mode:{enabled:!0,defaultState:"full"},rtl:{enabled:!0,defaultState:!1},source:{enabled:!0,defaultState:!1},a11y:{enabled:!1},msw:{enabled:!1},action:{enabled:!0,defaultState:[]},ladle:{enabled:!0},width:{enabled:!0,options:{xsmall:414,small:640,medium:768,large:1024},defaultState:0}}};Object.keys(Te).length===0?ot("No custom config found."):(Te.storyOrder&&typeof Te.storyOrder=="string"&&(Te.storyOrder=new Function("return "+Te.storyOrder)()),ot("Custom config found:"),ot(Te));var om,rm;(rm=(om=Te==null?void 0:Te.addons)==null?void 0:om.width)!=null&&rm.options&&(vB.addons.width.options={});const S0=yh(vB,Te);S0.defaultStory===""&&(S0.defaultStory=mm(Object.keys(vr),S0.storyOrder)[0]);S0.hotkeys={...S0.hotkeys,...Te.hotkeys};ot("Final config",S0);const xB=e=>{switch(ut.parse(e).theme){case E2.Light:return E2.Light;case E2.Dark:return E2.Dark;case E2.Auto:return E2.Auto;default:return"light"}},_4=({globalState:e,dispatch:o})=>{const a="Switch to dark theme.",i="Switch to light theme.",s=()=>{const c=e.theme===E2.Light?E2.Dark:E2.Light;document.documentElement.setAttribute("data-theme",c),o({type:$0.UpdateTheme,value:c})};return Fe(S0.hotkeys.darkMode,s,{enabled:e.hotkeys&&S0.addons.mode.enabled}),_.jsx("li",{children:_.jsxs("button",{"aria-label":e.theme===E2.Light?a:i,title:e.theme===E2.Light?a:i,onClick:s,type:"button",children:[_.jsx(Xh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:e.theme===E2.Light?a:i}),_.jsxs("label",{children:["Switch to"," ",e.theme===E2.Light?E2.Dark:E2.Light," ","theme"]})]})})},SB=Cm(pm(location.search,S0.defaultStory));ot(`Initial document.title: ${SB}`);document.title=`${SB} | Ladle`;const od=xB(location.search);ot(`Initial theme state: ${od}`);od===E2.Auto?window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-theme",E2.Dark):document.documentElement.setAttribute("data-theme",E2.Light):document.documentElement.setAttribute("data-theme",od);var l3={exports:{}},Oa={},s3={exports:{}},c3={};/** + * @license React + * scheduler.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var LC;function k4(){return LC||(LC=1,function(e){function o(N,H){var j=N.length;N.push(H);e:for(;0>>1,T=N[X];if(0>>1;Xs(l0,j))f0s(v0,l0)?(N[X]=v0,N[f0]=j,X=f0):(N[X]=l0,N[a0]=j,X=a0);else if(f0s(v0,j))N[X]=v0,N[f0]=j,X=f0;else break e}}return H}function s(N,H){var j=N.sortIndex-H.sortIndex;return j!==0?j:N.id-H.id}if(e.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var c=performance;e.unstable_now=function(){return c.now()}}else{var A=Date,p=A.now();e.unstable_now=function(){return A.now()-p}}var D=[],C=[],m=1,b=null,g=3,h=!1,v=!1,B=!1,y=typeof setTimeout=="function"?setTimeout:null,R=typeof clearTimeout=="function"?clearTimeout:null,I=typeof setImmediate<"u"?setImmediate:null;function M(N){for(var H=a(C);H!==null;){if(H.callback===null)i(C);else if(H.startTime<=N)i(C),H.sortIndex=H.expirationTime,o(D,H);else break;H=a(C)}}function q(N){if(B=!1,M(N),!v)if(a(D)!==null)v=!0,P();else{var H=a(C);H!==null&&U(q,H.startTime-N)}}var Y=!1,Z=-1,n0=5,z=-1;function V(){return!(e.unstable_now()-zN&&V());){var X=b.callback;if(typeof X=="function"){b.callback=null,g=b.priorityLevel;var T=X(b.expirationTime<=N);if(N=e.unstable_now(),typeof T=="function"){b.callback=T,M(N),H=!0;break t}b===a(D)&&i(D),M(N)}else i(D);b=a(D)}if(b!==null)H=!0;else{var W=a(C);W!==null&&U(q,W.startTime-N),H=!1}}break e}finally{b=null,g=j,h=!1}H=void 0}}finally{H?e0():Y=!1}}}var e0;if(typeof I=="function")e0=function(){I(G)};else if(typeof MessageChannel<"u"){var F=new MessageChannel,O=F.port2;F.port1.onmessage=G,e0=function(){O.postMessage(null)}}else e0=function(){y(G,0)};function P(){Y||(Y=!0,e0())}function U(N,H){Z=y(function(){N(e.unstable_now())},H)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(N){N.callback=null},e.unstable_continueExecution=function(){v||h||(v=!0,P())},e.unstable_forceFrameRate=function(N){0>N||125X?(N.sortIndex=j,o(C,N),a(D)===null&&N===a(C)&&(B?(R(Z),Z=-1):B=!0,U(q,j-X))):(N.sortIndex=T,o(D,N),v||h||(v=!0,P())),N},e.unstable_shouldYield=V,e.unstable_wrapCallback=function(N){var H=g;return function(){var j=g;g=H;try{return N.apply(this,arguments)}finally{g=j}}}}(c3)),c3}var NC;function R4(){return NC||(NC=1,s3.exports=k4()),s3.exports}/** + * @license React + * react-dom-client.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var MC;function I4(){if(MC)return Oa;MC=1;var e=R4(),o=fd(),a=ym();function i(t){var n="https://react.dev/errors/"+t;if(1)":-1u||$[l]!==J[u]){var d0=` +`+$[l].replace(" at new "," at ");return t.displayName&&d0.includes("")&&(d0=d0.replace("",t.displayName)),d0}while(1<=l&&0<=u);break}}}finally{P=!1,Error.prepareStackTrace=r}return(r=t?t.displayName||t.name:"")?O(r):""}function N(t){switch(t.tag){case 26:case 27:case 5:return O(t.type);case 16:return O("Lazy");case 13:return O("Suspense");case 19:return O("SuspenseList");case 0:case 15:return t=U(t.type,!1),t;case 11:return t=U(t.type.render,!1),t;case 1:return t=U(t.type,!0),t;default:return""}}function H(t){try{var n="";do n+=N(t),t=t.return;while(t);return n}catch(r){return` +Error generating stack: `+r.message+` +`+r.stack}}function j(t){var n=t,r=t;if(t.alternate)for(;n.return;)n=n.return;else{t=n;do n=t,n.flags&4098&&(r=n.return),t=n.return;while(t)}return n.tag===3?r:null}function X(t){if(t.tag===13){var n=t.memoizedState;if(n===null&&(t=t.alternate,t!==null&&(n=t.memoizedState)),n!==null)return n.dehydrated}return null}function T(t){if(j(t)!==t)throw Error(i(188))}function W(t){var n=t.alternate;if(!n){if(n=j(t),n===null)throw Error(i(188));return n!==t?null:t}for(var r=t,l=n;;){var u=r.return;if(u===null)break;var f=u.alternate;if(f===null){if(l=u.return,l!==null){r=l;continue}break}if(u.child===f.child){for(f=u.child;f;){if(f===r)return T(u),t;if(f===l)return T(u),n;f=f.sibling}throw Error(i(188))}if(r.return!==l.return)r=u,l=f;else{for(var E=!1,k=u.child;k;){if(k===r){E=!0,r=u,l=f;break}if(k===l){E=!0,l=u,r=f;break}k=k.sibling}if(!E){for(k=f.child;k;){if(k===r){E=!0,r=f,l=u;break}if(k===l){E=!0,l=f,r=u;break}k=k.sibling}if(!E)throw Error(i(189))}}if(r.alternate!==l)throw Error(i(190))}if(r.tag!==3)throw Error(i(188));return r.stateNode.current===r?t:n}function a0(t){var n=t.tag;if(n===5||n===26||n===27||n===6)return t;for(t=t.child;t!==null;){if(n=a0(t),n!==null)return n;t=t.sibling}return null}var l0=Array.isArray,f0=a.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,v0={pending:!1,data:null,method:null,action:null},C0=[],x0=-1;function b0(t){return{current:t}}function m0(t){0>x0||(t.current=C0[x0],C0[x0]=null,x0--)}function B0(t,n){x0++,C0[x0]=t.current,t.current=n}var g0=b0(null),F0=b0(null),P0=b0(null),s0=b0(null);function O0(t,n){switch(B0(P0,n),B0(F0,t),B0(g0,null),t=n.nodeType,t){case 9:case 11:n=(n=n.documentElement)&&(n=n.namespaceURI)?zp(n):0;break;default:if(t=t===8?n.parentNode:n,n=t.tagName,t=t.namespaceURI)t=zp(t),n=$p(t,n);else switch(n){case"svg":n=1;break;case"math":n=2;break;default:n=0}}m0(g0),B0(g0,n)}function Q0(){m0(g0),m0(F0),m0(P0)}function W0(t){t.memoizedState!==null&&B0(s0,t);var n=g0.current,r=$p(n,t.type);n!==r&&(B0(F0,t),B0(g0,r))}function N2(t){F0.current===t&&(m0(g0),m0(F0)),s0.current===t&&(m0(s0),va._currentValue=v0)}var _0=Object.prototype.hasOwnProperty,N0=e.unstable_scheduleCallback,y0=e.unstable_cancelCallback,R0=e.unstable_shouldYield,u2=e.unstable_requestPaint,e2=e.unstable_now,zt=e.unstable_getCurrentPriorityLevel,dt=e.unstable_ImmediatePriority,Ue=e.unstable_UserBlockingPriority,b2=e.unstable_NormalPriority,ie=e.unstable_LowPriority,ke=e.unstable_IdlePriority,fo=e.log,En=e.unstable_setDisableYieldValue,Ge=null,_2=null;function H2(t){if(_2&&typeof _2.onCommitFiberRoot=="function")try{_2.onCommitFiberRoot(Ge,t,void 0,(t.current.flags&128)===128)}catch{}}function f2(t){if(typeof fo=="function"&&En(t),_2&&typeof _2.setStrictMode=="function")try{_2.setStrictMode(Ge,t)}catch{}}var g2=Math.clz32?Math.clz32:gn,po=Math.log,Do=Math.LN2;function gn(t){return t>>>=0,t===0?32:31-(po(t)/Do|0)|0}var qe=128,Co=4194304;function X2(t){var n=t&42;if(n!==0)return n;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function mo(t,n){var r=t.pendingLanes;if(r===0)return 0;var l=0,u=t.suspendedLanes,f=t.pingedLanes,E=t.warmLanes;t=t.finishedLanes!==0;var k=r&134217727;return k!==0?(r=k&~u,r!==0?l=X2(r):(f&=k,f!==0?l=X2(f):t||(E=k&~E,E!==0&&(l=X2(E))))):(k=r&~u,k!==0?l=X2(k):f!==0?l=X2(f):t||(E=r&~E,E!==0&&(l=X2(E)))),l===0?0:n!==0&&n!==l&&!(n&u)&&(u=l&-l,E=n&-n,u>=E||u===32&&(E&4194176)!==0)?n:l}function hn(t,n){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&n)===0}function Ss(t,n){switch(t){case 1:case 2:case 4:case 8:return n+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return n+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Ja(){var t=qe;return qe<<=1,!(qe&4194176)&&(qe=128),t}function ei(){var t=Co;return Co<<=1,!(Co&62914560)&&(Co=4194304),t}function le(t){for(var n=[],r=0;31>r;r++)n.push(t);return n}function yn(t,n){t.pendingLanes|=n,n!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function ws(t,n,r,l,u,f){var E=t.pendingLanes;t.pendingLanes=r,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=r,t.entangledLanes&=r,t.errorRecoveryDisabledLanes&=r,t.shellSuspendCounter=0;var k=t.entanglements,$=t.expirationTimes,J=t.hiddenUpdates;for(r=E&~r;0"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),ks=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),kr={},ii={};function Rs(t){return _0.call(ii,t)?!0:_0.call(kr,t)?!1:ks.test(t)?ii[t]=!0:(kr[t]=!0,!1)}function bo(t,n,r){if(Rs(n))if(r===null)t.removeAttribute(n);else{switch(typeof r){case"undefined":case"function":case"symbol":t.removeAttribute(n);return;case"boolean":var l=n.toLowerCase().slice(0,5);if(l!=="data-"&&l!=="aria-"){t.removeAttribute(n);return}}t.setAttribute(n,""+r)}}function Bo(t,n,r){if(r===null)t.removeAttribute(n);else{switch(typeof r){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttribute(n,""+r)}}function Oe(t,n,r,l){if(l===null)t.removeAttribute(r);else{switch(typeof l){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(r);return}t.setAttributeNS(n,r,""+l)}}function te(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function li(t){var n=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(n==="checkbox"||n==="radio")}function Is(t){var n=li(t)?"checked":"value",r=Object.getOwnPropertyDescriptor(t.constructor.prototype,n),l=""+t[n];if(!t.hasOwnProperty(n)&&typeof r<"u"&&typeof r.get=="function"&&typeof r.set=="function"){var u=r.get,f=r.set;return Object.defineProperty(t,n,{configurable:!0,get:function(){return u.call(this)},set:function(E){l=""+E,f.call(this,E)}}),Object.defineProperty(t,n,{enumerable:r.enumerable}),{getValue:function(){return l},setValue:function(E){l=""+E},stopTracking:function(){t._valueTracker=null,delete t[n]}}}}function Eo(t){t._valueTracker||(t._valueTracker=Is(t))}function si(t){if(!t)return!1;var n=t._valueTracker;if(!n)return!0;var r=n.getValue(),l="";return t&&(l=li(t)?t.checked?"true":"false":t.value),t=l,t!==r?(n.setValue(t),!0):!1}function pt(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var Rr=/[\n"\\]/g;function ne(t){return t.replace(Rr,function(n){return"\\"+n.charCodeAt(0).toString(16)+" "})}function Ir(t,n,r,l,u,f,E,k){t.name="",E!=null&&typeof E!="function"&&typeof E!="symbol"&&typeof E!="boolean"?t.type=E:t.removeAttribute("type"),n!=null?E==="number"?(n===0&&t.value===""||t.value!=n)&&(t.value=""+te(n)):t.value!==""+te(n)&&(t.value=""+te(n)):E!=="submit"&&E!=="reset"||t.removeAttribute("value"),n!=null?Lr(t,E,te(n)):r!=null?Lr(t,E,te(r)):l!=null&&t.removeAttribute("value"),u==null&&f!=null&&(t.defaultChecked=!!f),u!=null&&(t.checked=u&&typeof u!="function"&&typeof u!="symbol"),k!=null&&typeof k!="function"&&typeof k!="symbol"&&typeof k!="boolean"?t.name=""+te(k):t.removeAttribute("name")}function Or(t,n,r,l,u,f,E,k){if(f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"&&(t.type=f),n!=null||r!=null){if(!(f!=="submit"&&f!=="reset"||n!=null))return;r=r!=null?""+te(r):"",n=n!=null?""+te(n):r,k||n===t.value||(t.value=n),t.defaultValue=n}l=l??u,l=typeof l!="function"&&typeof l!="symbol"&&!!l,t.checked=k?t.checked:!!l,t.defaultChecked=!!l,E!=null&&typeof E!="function"&&typeof E!="symbol"&&typeof E!="boolean"&&(t.name=E)}function Lr(t,n,r){n==="number"&&pt(t.ownerDocument)===t||t.defaultValue===""+r||(t.defaultValue=""+r)}function Vt(t,n,r,l){if(t=t.options,n){n={};for(var u=0;u=Vr),nA=" ",oA=!1;function rA(t,n){switch(t){case"keyup":return xE.indexOf(n.keyCode)!==-1;case"keydown":return n.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function aA(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var yo=!1;function wE(t,n){switch(t){case"compositionend":return aA(n);case"keypress":return n.which!==32?null:(oA=!0,nA);case"textInput":return t=n.data,t===nA&&oA?null:t;default:return null}}function TE(t,n){if(yo)return t==="compositionend"||!Ps&&rA(t,n)?(t=di(),kn=$r=Le=null,yo=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1=n)return{node:r,offset:n-t};t=l}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=fA(r)}}function DA(t,n){return t&&n?t===n?!0:t&&t.nodeType===3?!1:n&&n.nodeType===3?DA(t,n.parentNode):"contains"in t?t.contains(n):t.compareDocumentPosition?!!(t.compareDocumentPosition(n)&16):!1:!1}function CA(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var n=pt(t.document);n instanceof t.HTMLIFrameElement;){try{var r=typeof n.contentWindow.location.href=="string"}catch{r=!1}if(r)t=n.contentWindow;else break;n=pt(t.document)}return n}function js(t){var n=t&&t.nodeName&&t.nodeName.toLowerCase();return n&&(n==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||n==="textarea"||t.contentEditable==="true")}function NE(t,n){var r=CA(n);n=t.focusedElem;var l=t.selectionRange;if(r!==n&&n&&n.ownerDocument&&DA(n.ownerDocument.documentElement,n)){if(l!==null&&js(n)){if(t=l.start,r=l.end,r===void 0&&(r=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(r,n.value.length);else if(r=(t=n.ownerDocument||document)&&t.defaultView||window,r.getSelection){r=r.getSelection();var u=n.textContent.length,f=Math.min(l.start,u);l=l.end===void 0?f:Math.min(l.end,u),!r.extend&&f>l&&(u=l,l=f,f=u),u=pA(n,f);var E=pA(n,l);u&&E&&(r.rangeCount!==1||r.anchorNode!==u.node||r.anchorOffset!==u.offset||r.focusNode!==E.node||r.focusOffset!==E.offset)&&(t=t.createRange(),t.setStart(u.node,u.offset),r.removeAllRanges(),f>l?(r.addRange(t),r.extend(E.node,E.offset)):(t.setEnd(E.node,E.offset),r.addRange(t)))}}for(t=[],r=n;r=r.parentNode;)r.nodeType===1&&t.push({element:r,left:r.scrollLeft,top:r.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,vo=null,Vs=null,qr=null,Hs=!1;function mA(t,n,r){var l=r.window===r?r.document:r.nodeType===9?r:r.ownerDocument;Hs||vo==null||vo!==pt(l)||(l=vo,"selectionStart"in l&&js(l)?l={start:l.selectionStart,end:l.selectionEnd}:(l=(l.ownerDocument&&l.ownerDocument.defaultView||window).getSelection(),l={anchorNode:l.anchorNode,anchorOffset:l.anchorOffset,focusNode:l.focusNode,focusOffset:l.focusOffset}),qr&&Gr(qr,l)||(qr=l,l=Zi(Vs,"onSelect"),0>=E,u-=E,mt=1<<32-g2(n)+u|r<k0?(O2=T0,T0=null):O2=T0.sibling;var X0=r0(t0,T0,o0[k0],p0);if(X0===null){T0===null&&(T0=O2);break}t&&T0&&X0.alternate===null&&n(t0,T0),Q=f(X0,Q,k0),j0===null?h0=X0:j0.sibling=X0,j0=X0,T0=O2}if(k0===o0.length)return r(t0,T0),Y0&&Pn(t0,k0),h0;if(T0===null){for(;k0k0?(O2=T0,T0=null):O2=T0.sibling;var dn=r0(t0,T0,X0.value,p0);if(dn===null){T0===null&&(T0=O2);break}t&&T0&&dn.alternate===null&&n(t0,T0),Q=f(dn,Q,k0),j0===null?h0=dn:j0.sibling=dn,j0=dn,T0=O2}if(X0.done)return r(t0,T0),Y0&&Pn(t0,k0),h0;if(T0===null){for(;!X0.done;k0++,X0=o0.next())X0=D0(t0,X0.value,p0),X0!==null&&(Q=f(X0,Q,k0),j0===null?h0=X0:j0.sibling=X0,j0=X0);return Y0&&Pn(t0,k0),h0}for(T0=l(T0);!X0.done;k0++,X0=o0.next())X0=u0(T0,t0,k0,X0.value,p0),X0!==null&&(t&&X0.alternate!==null&&T0.delete(X0.key===null?k0:X0.key),Q=f(X0,Q,k0),j0===null?h0=X0:j0.sibling=X0,j0=X0);return t&&T0.forEach(function(eh){return n(t0,eh)}),Y0&&Pn(t0,k0),h0}function m2(t0,Q,o0,p0){if(typeof o0=="object"&&o0!==null&&o0.type===D&&o0.key===null&&(o0=o0.props.children),typeof o0=="object"&&o0!==null){switch(o0.$$typeof){case A:e:{for(var h0=o0.key;Q!==null;){if(Q.key===h0){if(h0=o0.type,h0===D){if(Q.tag===7){r(t0,Q.sibling),p0=u(Q,o0.props.children),p0.return=t0,t0=p0;break e}}else if(Q.elementType===h0||typeof h0=="object"&&h0!==null&&h0.$$typeof===I&&OA(h0)===Q.type){r(t0,Q.sibling),p0=u(Q,o0.props),Jr(p0,o0),p0.return=t0,t0=p0;break e}r(t0,Q);break}else n(t0,Q);Q=Q.sibling}o0.type===D?(p0=Xn(o0.props.children,t0.mode,p0,o0.key),p0.return=t0,t0=p0):(p0=$i(o0.type,o0.key,o0.props,null,t0.mode,p0),Jr(p0,o0),p0.return=t0,t0=p0)}return E(t0);case p:e:{for(h0=o0.key;Q!==null;){if(Q.key===h0)if(Q.tag===4&&Q.stateNode.containerInfo===o0.containerInfo&&Q.stateNode.implementation===o0.implementation){r(t0,Q.sibling),p0=u(Q,o0.children||[]),p0.return=t0,t0=p0;break e}else{r(t0,Q);break}else n(t0,Q);Q=Q.sibling}p0=Gc(o0,t0.mode,p0),p0.return=t0,t0=p0}return E(t0);case I:return h0=o0._init,o0=h0(o0._payload),m2(t0,Q,o0,p0)}if(l0(o0))return w0(t0,Q,o0,p0);if(Z(o0)){if(h0=Z(o0),typeof h0!="function")throw Error(i(150));return o0=h0.call(o0),L0(t0,Q,o0,p0)}if(typeof o0.then=="function")return m2(t0,Q,gi(o0),p0);if(o0.$$typeof===h)return m2(t0,Q,Mi(t0,o0),p0);hi(t0,o0)}return typeof o0=="string"&&o0!==""||typeof o0=="number"||typeof o0=="bigint"?(o0=""+o0,Q!==null&&Q.tag===6?(r(t0,Q.sibling),p0=u(Q,o0),p0.return=t0,t0=p0):(r(t0,Q),p0=Uc(o0,t0.mode,p0),p0.return=t0,t0=p0),E(t0)):r(t0,Q)}return function(t0,Q,o0,p0){try{Qr=0;var h0=m2(t0,Q,o0,p0);return _o=null,h0}catch(T0){if(T0===Zr)throw T0;var j0=xe(29,T0,null,t0.mode);return j0.lanes=p0,j0.return=t0,j0}finally{}}}var $n=LA(!0),NA=LA(!1),ko=b0(null),yi=b0(0);function MA(t,n){t=Ft,B0(yi,t),B0(ko,n),Ft=t|n.baseLanes}function Ks(){B0(yi,Ft),B0(ko,ko.current)}function Qs(){Ft=yi.current,m0(ko),m0(yi)}var he=b0(null),Je=null;function qt(t){var n=t.alternate;B0(T2,T2.current&1),B0(he,t),Je===null&&(n===null||ko.current!==null||n.memoizedState!==null)&&(Je=t)}function PA(t){if(t.tag===22){if(B0(T2,T2.current),B0(he,t),Je===null){var n=t.alternate;n!==null&&n.memoizedState!==null&&(Je=t)}}else Wt()}function Wt(){B0(T2,T2.current),B0(he,he.current)}function Bt(t){m0(he),Je===t&&(Je=null),m0(T2)}var T2=b0(0);function vi(t){for(var n=t;n!==null;){if(n.tag===13){var r=n.memoizedState;if(r!==null&&(r=r.dehydrated,r===null||r.data==="$?"||r.data==="$!"))return n}else if(n.tag===19&&n.memoizedProps.revealOrder!==void 0){if(n.flags&128)return n}else if(n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var jE=typeof AbortController<"u"?AbortController:function(){var t=[],n=this.signal={aborted:!1,addEventListener:function(r,l){t.push(l)}};this.abort=function(){n.aborted=!0,t.forEach(function(r){return r()})}},VE=e.unstable_scheduleCallback,HE=e.unstable_NormalPriority,F2={$$typeof:h,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function Js(){return{controller:new jE,data:new Map,refCount:0}}function ea(t){t.refCount--,t.refCount===0&&VE(HE,function(){t.controller.abort()})}var ta=null,ec=0,Ro=0,Io=null;function UE(t,n){if(ta===null){var r=ta=[];ec=0,Ro=iu(),Io={status:"pending",value:void 0,then:function(l){r.push(l)}}}return ec++,n.then(zA,zA),n}function zA(){if(--ec===0&&ta!==null){Io!==null&&(Io.status="fulfilled");var t=ta;ta=null,Ro=0,Io=null;for(var n=0;nf?f:8;var E=V.T,k={};V.T=k,mc(t,!1,n,r);try{var $=u(),J=V.S;if(J!==null&&J(k,$),$!==null&&typeof $=="object"&&typeof $.then=="function"){var d0=GE($,l);ra(t,n,d0,fe(t))}else ra(t,n,l,fe(t))}catch(D0){ra(t,n,{then:function(){},status:"rejected",reason:D0},fe())}finally{f0.p=f,V.T=E}}function ZE(){}function Dc(t,n,r,l){if(t.tag!==5)throw Error(i(476));var u=mf(t).queue;Cf(t,u,n,v0,r===null?ZE:function(){return bf(t),r(l)})}function mf(t){var n=t.memoizedState;if(n!==null)return n;n={memoizedState:v0,baseState:v0,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Et,lastRenderedState:v0},next:null};var r={};return n.next={memoizedState:r,baseState:r,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Et,lastRenderedState:r},next:null},t.memoizedState=n,t=t.alternate,t!==null&&(t.memoizedState=n),n}function bf(t){var n=mf(t).next.queue;ra(t,n,{},fe())}function Cc(){return G2(va)}function Bf(){return y2().memoizedState}function Ef(){return y2().memoizedState}function KE(t){for(var n=t.return;n!==null;){switch(n.tag){case 24:case 3:var r=fe();t=Qt(r);var l=Jt(n,t,r);l!==null&&(Q2(l,n,r),la(l,n,r)),n={cache:Js()},t.payload=n;return}n=n.return}}function QE(t,n,r){var l=fe();r={lane:l,revertLane:0,action:r,hasEagerState:!1,eagerState:null,next:null},Ii(t)?hf(n,r):(r=qs(t,n,r,l),r!==null&&(Q2(r,t,l),yf(r,n,l)))}function gf(t,n,r){var l=fe();ra(t,n,r,l)}function ra(t,n,r,l){var u={lane:l,revertLane:0,action:r,hasEagerState:!1,eagerState:null,next:null};if(Ii(t))hf(n,u);else{var f=t.alternate;if(t.lanes===0&&(f===null||f.lanes===0)&&(f=n.lastRenderedReducer,f!==null))try{var E=n.lastRenderedState,k=f(E,r);if(u.hasEagerState=!0,u.eagerState=k,ce(k,E))return Ci(t,n,u,0),l2===null&&Di(),!1}catch{}finally{}if(r=qs(t,n,u,l),r!==null)return Q2(r,t,l),yf(r,n,l),!0}return!1}function mc(t,n,r,l){if(l={lane:2,revertLane:iu(),action:l,hasEagerState:!1,eagerState:null,next:null},Ii(t)){if(n)throw Error(i(479))}else n=qs(t,r,l,2),n!==null&&Q2(n,t,2)}function Ii(t){var n=t.alternate;return t===z0||n!==null&&n===z0}function hf(t,n){Oo=Si=!0;var r=t.pending;r===null?n.next=n:(n.next=r.next,r.next=n),t.pending=n}function yf(t,n,r){if(r&4194176){var l=n.lanes;l&=t.pendingLanes,r|=l,n.lanes=r,ni(t,r)}}var et={readContext:G2,use:Fi,useCallback:B2,useContext:B2,useEffect:B2,useImperativeHandle:B2,useLayoutEffect:B2,useInsertionEffect:B2,useMemo:B2,useReducer:B2,useRef:B2,useState:B2,useDebugValue:B2,useDeferredValue:B2,useTransition:B2,useSyncExternalStore:B2,useId:B2};et.useCacheRefresh=B2,et.useMemoCache=B2,et.useHostTransitionStatus=B2,et.useFormState=B2,et.useActionState=B2,et.useOptimistic=B2;var Hn={readContext:G2,use:Fi,useCallback:function(t,n){return re().memoizedState=[t,n===void 0?null:n],t},useContext:G2,useEffect:sf,useImperativeHandle:function(t,n,r){r=r!=null?r.concat([t]):null,ki(4194308,4,df.bind(null,n,t),r)},useLayoutEffect:function(t,n){return ki(4194308,4,t,n)},useInsertionEffect:function(t,n){ki(4,2,t,n)},useMemo:function(t,n){var r=re();n=n===void 0?null:n;var l=t();if(Vn){f2(!0);try{t()}finally{f2(!1)}}return r.memoizedState=[l,n],l},useReducer:function(t,n,r){var l=re();if(r!==void 0){var u=r(n);if(Vn){f2(!0);try{r(n)}finally{f2(!1)}}}else u=n;return l.memoizedState=l.baseState=u,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:u},l.queue=t,t=t.dispatch=QE.bind(null,z0,t),[l.memoizedState,t]},useRef:function(t){var n=re();return t={current:t},n.memoizedState=t},useState:function(t){t=uc(t);var n=t.queue,r=gf.bind(null,z0,n);return n.dispatch=r,[t.memoizedState,r]},useDebugValue:fc,useDeferredValue:function(t,n){var r=re();return pc(r,t,n)},useTransition:function(){var t=uc(!1);return t=Cf.bind(null,z0,t.queue,!0,!1),re().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,n,r){var l=z0,u=re();if(Y0){if(r===void 0)throw Error(i(407));r=r()}else{if(r=n(),l2===null)throw Error(i(349));q0&60||GA(l,n,r)}u.memoizedState=r;var f={value:r,getSnapshot:n};return u.queue=f,sf(WA.bind(null,l,f,t),[t]),l.flags|=2048,No(9,qA.bind(null,l,f,r,n),{destroy:void 0},null),r},useId:function(){var t=re(),n=l2.identifierPrefix;if(Y0){var r=bt,l=mt;r=(l&~(1<<32-g2(l)-1)).toString(32)+r,n=":"+n+"R"+r,r=wi++,0 title"))),z2(f,l,r),f[k2]=t,p2(f),l=f;break e;case"link":var E=Zp("link","href",u).get(l+(r.href||""));if(E){for(var k=0;k<\/script>",t=t.removeChild(t.firstChild);break;case"select":t=typeof l.is=="string"?u.createElement("select",{is:l.is}):u.createElement("select"),l.multiple?t.multiple=!0:l.size&&(t.size=l.size);break;default:t=typeof l.is=="string"?u.createElement(r,{is:l.is}):u.createElement(r)}}t[k2]=n,t[U2]=l;e:for(u=n.child;u!==null;){if(u.tag===5||u.tag===6)t.appendChild(u.stateNode);else if(u.tag!==4&&u.tag!==27&&u.child!==null){u.child.return=u,u=u.child;continue}if(u===n)break e;for(;u.sibling===null;){if(u.return===null||u.return===n)break e;u=u.return}u.sibling.return=u.return,u=u.sibling}n.stateNode=t;e:switch(z2(t,r,l),r){case"button":case"input":case"select":case"textarea":t=!!l.autoFocus;break e;case"img":t=!0;break e;default:t=!1}t&&wt(n)}}return d2(n),n.flags&=-16777217,null;case 6:if(t&&n.stateNode!=null)t.memoizedProps!==l&&wt(n);else{if(typeof l!="string"&&n.stateNode===null)throw Error(i(166));if(t=P0.current,Wr(n)){if(t=n.stateNode,r=n.memoizedProps,l=null,u=K2,u!==null)switch(u.tag){case 27:case 5:l=u.memoizedProps}t[k2]=n,t=!!(t.nodeValue===r||l!==null&&l.suppressHydrationWarning===!0||Pp(t.nodeValue,r)),t||zn(n)}else t=Qi(t).createTextNode(l),t[k2]=n,n.stateNode=t}return d2(n),null;case 13:if(l=n.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(u=Wr(n),l!==null&&l.dehydrated!==null){if(t===null){if(!u)throw Error(i(318));if(u=n.memoizedState,u=u!==null?u.dehydrated:null,!u)throw Error(i(317));u[k2]=n}else Yr(),!(n.flags&128)&&(n.memoizedState=null),n.flags|=4;d2(n),u=!1}else Me!==null&&(Jc(Me),Me=null),u=!0;if(!u)return n.flags&256?(Bt(n),n):(Bt(n),null)}if(Bt(n),n.flags&128)return n.lanes=r,n;if(r=l!==null,t=t!==null&&t.memoizedState!==null,r){l=n.child,u=null,l.alternate!==null&&l.alternate.memoizedState!==null&&l.alternate.memoizedState.cachePool!==null&&(u=l.alternate.memoizedState.cachePool.pool);var f=null;l.memoizedState!==null&&l.memoizedState.cachePool!==null&&(f=l.memoizedState.cachePool.pool),f!==u&&(l.flags|=2048)}return r!==t&&r&&(n.child.flags|=8192),ji(n,n.updateQueue),d2(n),null;case 4:return Q0(),t===null&&uu(n.stateNode.containerInfo),d2(n),null;case 10:return yt(n.type),d2(n),null;case 19:if(m0(T2),u=n.memoizedState,u===null)return d2(n),null;if(l=(n.flags&128)!==0,f=u.rendering,f===null)if(l)pa(u,!1);else{if(C2!==0||t!==null&&t.flags&128)for(t=n.child;t!==null;){if(f=vi(t),f!==null){for(n.flags|=128,pa(u,!1),t=f.updateQueue,n.updateQueue=t,ji(n,t),n.subtreeFlags=0,t=r,r=n.child;r!==null;)Ap(r,t),r=r.sibling;return B0(T2,T2.current&1|2),n.child}t=t.sibling}u.tail!==null&&e2()>Vi&&(n.flags|=128,l=!0,pa(u,!1),n.lanes=4194304)}else{if(!l)if(t=vi(f),t!==null){if(n.flags|=128,l=!0,t=t.updateQueue,n.updateQueue=t,ji(n,t),pa(u,!0),u.tail===null&&u.tailMode==="hidden"&&!f.alternate&&!Y0)return d2(n),null}else 2*e2()-u.renderingStartTime>Vi&&r!==536870912&&(n.flags|=128,l=!0,pa(u,!1),n.lanes=4194304);u.isBackwards?(f.sibling=n.child,n.child=f):(t=u.last,t!==null?t.sibling=f:n.child=f,u.last=f)}return u.tail!==null?(n=u.tail,u.rendering=n,u.tail=n.sibling,u.renderingStartTime=e2(),n.sibling=null,t=T2.current,B0(T2,l?t&1|2:t&1),n):(d2(n),null);case 22:case 23:return Bt(n),Qs(),l=n.memoizedState!==null,t!==null?t.memoizedState!==null!==l&&(n.flags|=8192):l&&(n.flags|=8192),l?r&536870912&&!(n.flags&128)&&(d2(n),n.subtreeFlags&6&&(n.flags|=8192)):d2(n),r=n.updateQueue,r!==null&&ji(n,r.retryQueue),r=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),l=null,n.memoizedState!==null&&n.memoizedState.cachePool!==null&&(l=n.memoizedState.cachePool.pool),l!==r&&(n.flags|=2048),t!==null&&m0(jn),null;case 24:return r=null,t!==null&&(r=t.memoizedState.cache),n.memoizedState.cache!==r&&(n.flags|=2048),yt(F2),d2(n),null;case 25:return null}throw Error(i(156,n.tag))}function ag(t,n){switch(Ys(n),n.tag){case 1:return t=n.flags,t&65536?(n.flags=t&-65537|128,n):null;case 3:return yt(F2),Q0(),t=n.flags,t&65536&&!(t&128)?(n.flags=t&-65537|128,n):null;case 26:case 27:case 5:return N2(n),null;case 13:if(Bt(n),t=n.memoizedState,t!==null&&t.dehydrated!==null){if(n.alternate===null)throw Error(i(340));Yr()}return t=n.flags,t&65536?(n.flags=t&-65537|128,n):null;case 19:return m0(T2),null;case 4:return Q0(),null;case 10:return yt(n.type),null;case 22:case 23:return Bt(n),Qs(),t!==null&&m0(jn),t=n.flags,t&65536?(n.flags=t&-65537|128,n):null;case 24:return yt(F2),null;case 25:return null;default:return null}}function Dp(t,n){switch(Ys(n),n.tag){case 3:yt(F2),Q0();break;case 26:case 27:case 5:N2(n);break;case 4:Q0();break;case 13:Bt(n);break;case 19:m0(T2);break;case 10:yt(n.type);break;case 22:case 23:Bt(n),Qs(),t!==null&&m0(jn);break;case 24:yt(F2)}}var ig={getCacheForType:function(t){var n=G2(F2),r=n.data.get(t);return r===void 0&&(r=t(),n.data.set(t,r)),r}},lg=typeof WeakMap=="function"?WeakMap:Map,A2=0,l2=null,H0=null,q0=0,s2=0,Ae=null,Tt=!1,$o=!1,qc=!1,Ft=0,C2=0,rn=0,Zn=0,Wc=0,Se=0,jo=0,Da=null,tt=null,Yc=!1,Xc=0,Vi=1/0,Hi=null,an=null,Ui=!1,Kn=null,Ca=0,Zc=0,Kc=null,ma=0,Qc=null;function fe(){if(A2&2&&q0!==0)return q0&-q0;if(V.T!==null){var t=Ro;return t!==0?t:iu()}return At()}function Cp(){Se===0&&(Se=!(q0&536870912)||Y0?Ja():536870912);var t=he.current;return t!==null&&(t.flags|=32),Se}function Q2(t,n,r){(t===l2&&s2===2||t.cancelPendingCommit!==null)&&(Vo(t,0),_t(t,q0,Se,!1)),yn(t,r),(!(A2&2)||t!==l2)&&(t===l2&&(!(A2&2)&&(Zn|=r),C2===4&&_t(t,q0,Se,!1)),nt(t))}function mp(t,n,r){if(A2&6)throw Error(i(327));var l=!r&&(n&60)===0&&(n&t.expiredLanes)===0||hn(t,n),u=l?ug(t,n):nu(t,n,!0),f=l;do{if(u===0){$o&&!l&&_t(t,n,0,!1);break}else if(u===6)_t(t,n,0,!Tt);else{if(r=t.current.alternate,f&&!sg(r)){u=nu(t,n,!1),f=!1;continue}if(u===2){if(f=n,t.errorRecoveryDisabledLanes&f)var E=0;else E=t.pendingLanes&-536870913,E=E!==0?E:E&536870912?536870912:0;if(E!==0){n=E;e:{var k=t;u=Da;var $=k.current.memoizedState.isDehydrated;if($&&(Vo(k,E).flags|=256),E=nu(k,E,!1),E!==2){if(qc&&!$){k.errorRecoveryDisabledLanes|=f,Zn|=f,u=4;break e}f=tt,tt=u,f!==null&&Jc(f)}u=E}if(f=!1,u!==2)continue}}if(u===1){Vo(t,0),_t(t,n,0,!0);break}e:{switch(l=t,u){case 0:case 1:throw Error(i(345));case 4:if((n&4194176)===n){_t(l,n,Se,!Tt);break e}break;case 2:tt=null;break;case 3:case 5:break;default:throw Error(i(329))}if(l.finishedWork=r,l.finishedLanes=n,(n&62914560)===n&&(f=Xc+300-e2(),10r?32:r,V.T=null,Kn===null)var f=!1;else{r=Kc,Kc=null;var E=Kn,k=Ca;if(Kn=null,Ca=0,A2&6)throw Error(i(331));var $=A2;if(A2|=4,up(E.current),lp(E,E.current,k,r),A2=$,ba(0,!1),_2&&typeof _2.onPostCommitFiberRoot=="function")try{_2.onPostCommitFiberRoot(Ge,E)}catch{}f=!0}return f}finally{f0.p=u,V.T=l,Sp(t,n)}}return!1}function wp(t,n,r){n=Be(r,n),n=Ec(t.stateNode,n,2),t=Jt(t,n,2),t!==null&&(yn(t,2),nt(t))}function i2(t,n,r){if(t.tag===3)wp(t,t,r);else for(;n!==null;){if(n.tag===3){wp(n,t,r);break}else if(n.tag===1){var l=n.stateNode;if(typeof n.type.getDerivedStateFromError=="function"||typeof l.componentDidCatch=="function"&&(an===null||!an.has(l))){t=Be(r,t),r=_f(2),l=Jt(n,r,2),l!==null&&(kf(r,l,n,t),yn(l,2),nt(l));break}}n=n.return}}function ou(t,n,r){var l=t.pingCache;if(l===null){l=t.pingCache=new lg;var u=new Set;l.set(n,u)}else u=l.get(n),u===void 0&&(u=new Set,l.set(n,u));u.has(r)||(qc=!0,u.add(r),t=fg.bind(null,t,n,r),n.then(t,t))}function fg(t,n,r){var l=t.pingCache;l!==null&&l.delete(n),t.pingedLanes|=t.suspendedLanes&r,t.warmLanes&=~r,l2===t&&(q0&r)===r&&(C2===4||C2===3&&(q0&62914560)===q0&&300>e2()-Xc?!(A2&2)&&Vo(t,0):Wc|=r,jo===q0&&(jo=0)),nt(t)}function Tp(t,n){n===0&&(n=ei()),t=Gt(t,n),t!==null&&(yn(t,n),nt(t))}function pg(t){var n=t.memoizedState,r=0;n!==null&&(r=n.retryLane),Tp(t,r)}function Dg(t,n){var r=0;switch(t.tag){case 13:var l=t.stateNode,u=t.memoizedState;u!==null&&(r=u.retryLane);break;case 19:l=t.stateNode;break;case 22:l=t.stateNode._retryCache;break;default:throw Error(i(314))}l!==null&&l.delete(n),Tp(t,r)}function Cg(t,n){return N0(t,n)}var Wi=null,Go=null,ru=!1,Yi=!1,au=!1,Qn=0;function nt(t){t!==Go&&t.next===null&&(Go===null?Wi=Go=t:Go=Go.next=t),Yi=!0,ru||(ru=!0,bg(mg))}function ba(t,n){if(!au&&Yi){au=!0;do for(var r=!1,l=Wi;l!==null;){if(t!==0){var u=l.pendingLanes;if(u===0)var f=0;else{var E=l.suspendedLanes,k=l.pingedLanes;f=(1<<31-g2(42|t)+1)-1,f&=u&~(E&~k),f=f&201326677?f&201326677|1:f?f|2:0}f!==0&&(r=!0,kp(l,f))}else f=q0,f=mo(l,l===l2?f:0),!(f&3)||hn(l,f)||(r=!0,kp(l,f));l=l.next}while(r);au=!1}}function mg(){Yi=ru=!1;var t=0;Qn!==0&&(Sg()&&(t=Qn),Qn=0);for(var n=e2(),r=null,l=Wi;l!==null;){var u=l.next,f=Fp(l,n);f===0?(l.next=null,r===null?Wi=u:r.next=u,u===null&&(Go=r)):(r=l,(t!==0||f&3)&&(Yi=!0)),l=u}ba(t)}function Fp(t,n){for(var r=t.suspendedLanes,l=t.pingedLanes,u=t.expirationTimes,f=t.pendingLanes&-62914561;0"u"?null:document;function qp(t,n,r){var l=Wo;if(l&&typeof n=="string"&&n){var u=ne(n);u='link[rel="'+t+'"][href="'+u+'"]',typeof r=="string"&&(u+='[crossorigin="'+r+'"]'),Gp.has(u)||(Gp.add(u),t={rel:t,crossOrigin:r,href:n},l.querySelector(u)===null&&(n=l.createElement("link"),z2(n,"link",t),p2(n),l.head.appendChild(n)))}}function Og(t){kt.D(t),qp("dns-prefetch",t,null)}function Lg(t,n){kt.C(t,n),qp("preconnect",t,n)}function Ng(t,n,r){kt.L(t,n,r);var l=Wo;if(l&&t&&n){var u='link[rel="preload"][as="'+ne(n)+'"]';n==="image"&&r&&r.imageSrcSet?(u+='[imagesrcset="'+ne(r.imageSrcSet)+'"]',typeof r.imageSizes=="string"&&(u+='[imagesizes="'+ne(r.imageSizes)+'"]')):u+='[href="'+ne(t)+'"]';var f=u;switch(n){case"style":f=Yo(t);break;case"script":f=Xo(t)}we.has(f)||(t=G({rel:"preload",href:n==="image"&&r&&r.imageSrcSet?void 0:t,as:n},r),we.set(f,t),l.querySelector(u)!==null||n==="style"&&l.querySelector(ga(f))||n==="script"&&l.querySelector(ha(f))||(n=l.createElement("link"),z2(n,"link",t),p2(n),l.head.appendChild(n)))}}function Mg(t,n){kt.m(t,n);var r=Wo;if(r&&t){var l=n&&typeof n.as=="string"?n.as:"script",u='link[rel="modulepreload"][as="'+ne(l)+'"][href="'+ne(t)+'"]',f=u;switch(l){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":f=Xo(t)}if(!we.has(f)&&(t=G({rel:"modulepreload",href:t},n),we.set(f,t),r.querySelector(u)===null)){switch(l){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(r.querySelector(ha(f)))return}l=r.createElement("link"),z2(l,"link",t),p2(l),r.head.appendChild(l)}}}function Pg(t,n,r){kt.S(t,n,r);var l=Wo;if(l&&t){var u=Re(l).hoistableStyles,f=Yo(t);n=n||"default";var E=u.get(f);if(!E){var k={loading:0,preload:null};if(E=l.querySelector(ga(f)))k.loading=5;else{t=G({rel:"stylesheet",href:t,"data-precedence":n},r),(r=we.get(f))&&Bu(t,r);var $=E=l.createElement("link");p2($),z2($,"link",t),$._p=new Promise(function(J,d0){$.onload=J,$.onerror=d0}),$.addEventListener("load",function(){k.loading|=1}),$.addEventListener("error",function(){k.loading|=2}),k.loading|=4,el(E,n,l)}E={type:"stylesheet",instance:E,count:1,state:k},u.set(f,E)}}}function zg(t,n){kt.X(t,n);var r=Wo;if(r&&t){var l=Re(r).hoistableScripts,u=Xo(t),f=l.get(u);f||(f=r.querySelector(ha(u)),f||(t=G({src:t,async:!0},n),(n=we.get(u))&&Eu(t,n),f=r.createElement("script"),p2(f),z2(f,"link",t),r.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},l.set(u,f))}}function $g(t,n){kt.M(t,n);var r=Wo;if(r&&t){var l=Re(r).hoistableScripts,u=Xo(t),f=l.get(u);f||(f=r.querySelector(ha(u)),f||(t=G({src:t,async:!0,type:"module"},n),(n=we.get(u))&&Eu(t,n),f=r.createElement("script"),p2(f),z2(f,"link",t),r.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},l.set(u,f))}}function Wp(t,n,r,l){var u=(u=P0.current)?Ji(u):null;if(!u)throw Error(i(446));switch(t){case"meta":case"title":return null;case"style":return typeof r.precedence=="string"&&typeof r.href=="string"?(n=Yo(r.href),r=Re(u).hoistableStyles,l=r.get(n),l||(l={type:"style",instance:null,count:0,state:null},r.set(n,l)),l):{type:"void",instance:null,count:0,state:null};case"link":if(r.rel==="stylesheet"&&typeof r.href=="string"&&typeof r.precedence=="string"){t=Yo(r.href);var f=Re(u).hoistableStyles,E=f.get(t);if(E||(u=u.ownerDocument||u,E={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},f.set(t,E),(f=u.querySelector(ga(t)))&&!f._p&&(E.instance=f,E.state.loading=5),we.has(t)||(r={rel:"preload",as:"style",href:r.href,crossOrigin:r.crossOrigin,integrity:r.integrity,media:r.media,hrefLang:r.hrefLang,referrerPolicy:r.referrerPolicy},we.set(t,r),f||jg(u,t,r,E.state))),n&&l===null)throw Error(i(528,""));return E}if(n&&l!==null)throw Error(i(529,""));return null;case"script":return n=r.async,r=r.src,typeof r=="string"&&n&&typeof n!="function"&&typeof n!="symbol"?(n=Xo(r),r=Re(u).hoistableScripts,l=r.get(n),l||(l={type:"script",instance:null,count:0,state:null},r.set(n,l)),l):{type:"void",instance:null,count:0,state:null};default:throw Error(i(444,t))}}function Yo(t){return'href="'+ne(t)+'"'}function ga(t){return'link[rel="stylesheet"]['+t+"]"}function Yp(t){return G({},t,{"data-precedence":t.precedence,precedence:null})}function jg(t,n,r,l){t.querySelector('link[rel="preload"][as="style"]['+n+"]")?l.loading=1:(n=t.createElement("link"),l.preload=n,n.addEventListener("load",function(){return l.loading|=1}),n.addEventListener("error",function(){return l.loading|=2}),z2(n,"link",r),p2(n),t.head.appendChild(n))}function Xo(t){return'[src="'+ne(t)+'"]'}function ha(t){return"script[async]"+t}function Xp(t,n,r){if(n.count++,n.instance===null)switch(n.type){case"style":var l=t.querySelector('style[data-href~="'+ne(r.href)+'"]');if(l)return n.instance=l,p2(l),l;var u=G({},r,{"data-href":r.href,"data-precedence":r.precedence,href:null,precedence:null});return l=(t.ownerDocument||t).createElement("style"),p2(l),z2(l,"style",u),el(l,r.precedence,t),n.instance=l;case"stylesheet":u=Yo(r.href);var f=t.querySelector(ga(u));if(f)return n.state.loading|=4,n.instance=f,p2(f),f;l=Yp(r),(u=we.get(u))&&Bu(l,u),f=(t.ownerDocument||t).createElement("link"),p2(f);var E=f;return E._p=new Promise(function(k,$){E.onload=k,E.onerror=$}),z2(f,"link",l),n.state.loading|=4,el(f,r.precedence,t),n.instance=f;case"script":return f=Xo(r.src),(u=t.querySelector(ha(f)))?(n.instance=u,p2(u),u):(l=r,(u=we.get(f))&&(l=G({},r),Eu(l,u)),t=t.ownerDocument||t,u=t.createElement("script"),p2(u),z2(u,"link",l),t.head.appendChild(u),n.instance=u);case"void":return null;default:throw Error(i(443,n.type))}else n.type==="stylesheet"&&!(n.state.loading&4)&&(l=n.instance,n.state.loading|=4,el(l,r.precedence,t));return n.instance}function el(t,n,r){for(var l=r.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),u=l.length?l[l.length-1]:null,f=u,E=0;E title"):null)}function Vg(t,n,r){if(r===1||n.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof n.precedence!="string"||typeof n.href!="string"||n.href==="")break;return!0;case"link":if(typeof n.rel!="string"||typeof n.href!="string"||n.href===""||n.onLoad||n.onError)break;switch(n.rel){case"stylesheet":return t=n.disabled,typeof n.precedence=="string"&&t==null;default:return!0}case"script":if(n.async&&typeof n.async!="function"&&typeof n.async!="symbol"&&!n.onLoad&&!n.onError&&n.src&&typeof n.src=="string")return!0}return!1}function Qp(t){return!(t.type==="stylesheet"&&!(t.state.loading&3))}var ya=null;function Hg(){}function Ug(t,n,r){if(ya===null)throw Error(i(475));var l=ya;if(n.type==="stylesheet"&&(typeof r.media!="string"||matchMedia(r.media).matches!==!1)&&!(n.state.loading&4)){if(n.instance===null){var u=Yo(r.href),f=t.querySelector(ga(u));if(f){t=f._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(l.count++,l=nl.bind(l),t.then(l,l)),n.state.loading|=4,n.instance=f,p2(f);return}f=t.ownerDocument||t,r=Yp(r),(u=we.get(u))&&Bu(r,u),f=f.createElement("link"),p2(f);var E=f;E._p=new Promise(function(k,$){E.onload=k,E.onerror=$}),z2(f,"link",r),n.instance=f}l.stylesheets===null&&(l.stylesheets=new Map),l.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(l.count++,n=nl.bind(l),t.addEventListener("load",n),t.addEventListener("error",n))}}function Gg(){if(ya===null)throw Error(i(475));var t=ya;return t.stylesheets&&t.count===0&&gu(t,t.stylesheets),0"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(o){console.error(o)}}return e(),l3.exports=I4(),l3.exports}var L4=O4();let wB,TB;typeof document<"u"&&(wB=document);typeof window<"u"&&(TB=window);const FB=c0.createContext({document:wB,window:TB}),N4=()=>d.useContext(FB),{Provider:M4,Consumer:vN}=FB;class P4 extends d.Component{componentDidMount(){this.props.contentDidMount&&this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate&&this.props.contentDidUpdate()}render(){return c0.Children.only(this.props.children)}}class _B extends d.Component{constructor(a){super(a);Zo(this,"_isMounted",!1);Zo(this,"nodeRef",c0.createRef());Zo(this,"setRef",a=>{this.nodeRef.current=a;const{forwardedRef:i}=this.props;typeof i=="function"?i(a):i&&(i.current=a)});Zo(this,"handleLoad",()=>{this.setState({iframeLoaded:!0})});this.state={iframeLoaded:!1}}componentDidMount(){var i;this._isMounted=!0;const a=this.getDoc();a&&a.readyState==="complete"?this.forceUpdate():(i=this.nodeRef.current)==null||i.addEventListener("load",this.handleLoad)}componentWillUnmount(){var a;this._isMounted=!1,(a=this.nodeRef.current)==null||a.removeEventListener("load",this.handleLoad)}getDoc(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}getMountTarget(){const a=this.getDoc();return this.props.mountTarget?a==null?void 0:a.querySelector(this.props.mountTarget):a==null?void 0:a.body.children[0]}renderFrameContents(){if(!this._isMounted)return null;const a=this.getDoc();if(!a)return null;const i=this.props.contentDidMount,s=this.props.contentDidUpdate,c=a.defaultView||a.parentView,A=_.jsx(P4,{contentDidMount:i,contentDidUpdate:s,children:_.jsx(M4,{value:{document:a,window:c},children:_.jsx("div",{className:"frame-content",children:this.props.children})})}),p=this.getMountTarget();return[SD.createPortal(this.props.head,this.getDoc().head),SD.createPortal(A,p)]}render(){const a={...this.props,srcDoc:this.props.initialContent,children:void 0};return delete a.head,delete a.initialContent,delete a.mountTarget,delete a.contentDidMount,delete a.contentDidUpdate,delete a.forwardedRef,_.jsx("iframe",{...a,ref:this.setRef,onLoad:this.handleLoad,children:this.state.iframeLoaded&&this.renderFrameContents()})}}Zo(_B,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'
'});const z4=c0.forwardRef((e,o)=>_.jsx(_B,{...e,forwardedRef:o})),$4=e=>e.altKey||e.ctrlKey||e.shiftKey||e.metaKey,kB=e=>{const o=e.target||{};return!!(!e.key||o.isContentEditable||["INPUT","TEXTAREA"].includes(o.nodeName)&&!$4(e))},zC=e=>{if(kB(e))return;const o=new KeyboardEvent("keydown",{key:e.key,code:e.code,keyCode:e.keyCode,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey});document.dispatchEvent(o)},$C=e=>{if(kB(e))return;const o=new KeyboardEvent("keyup",{key:e.key,code:e.code,keyCode:e.keyCode,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey});document.dispatchEvent(o)},rd="data-debug-css";function jC(e,o,a){const i=o.head.querySelectorAll(`style[${rd}]`),s=o.createElement("style");return s.setAttribute(rd,"true"),s.appendChild(o.createTextNode(e)),a&&i[a]?(i[a].after(s),a+1):(o.head.appendChild(s),i.length)}function VC(e,o){const a=e.head.querySelectorAll(`style[${rd}]`);o!=null&&a[o]&&a[o].remove()}const j4=({active:e,children:o,rtl:a,width:i})=>{const{window:s,document:c}=N4(),A=()=>{s&&(s.document.documentElement.setAttribute("dir",a?"rtl":"ltr"),[...document.head.children].forEach(p=>{if(p.tagName==="STYLE"||p.tagName==="LINK"&&(p.getAttribute("type")==="text/css"||p.getAttribute("rel")==="stylesheet")){if([...s.document.head.children].some(C=>C.tagName==="LINK"?C.getAttribute("href")===p.getAttribute("href"):C.tagName==="STYLE"?C.innerHTML===p.innerHTML:!1))return;s.document.head.appendChild(p.cloneNode(!0))}}))};return d.useEffect(()=>{const p=window.CSSStyleSheet.prototype.insertRule,D=window.CSSStyleSheet.prototype.deleteRule;return window.CSSStyleSheet.prototype.insertRule=function(C,m){const b=jC(C,document,m);return e&&c?jC(C,c,m):b},window.CSSStyleSheet.prototype.deleteRule=function(C){VC(document,C),e&&c&&VC(c,C)},()=>{window.CSSStyleSheet.prototype.insertRule=p,window.CSSStyleSheet.prototype.deleteRule=D}},[]),d.useEffect(()=>{if(e){A(),c==null||c.addEventListener("keydown",zC),c==null||c.addEventListener("keyup",$C);const p=new MutationObserver(()=>A());return document.documentElement.setAttribute("data-iframed",`${i}`),p.observe(document.head,{subtree:!0,characterData:!0,childList:!0}),()=>{p&&p.disconnect(),c==null||c.removeEventListener("keydown",zC),c==null||c.removeEventListener("keyup",$C)}}},[e,a,c]),o};class V4 extends d.Component{constructor(o){super(o),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){}render(){return this.state.hasError?null:this.props.children}}const H4=({activeStory:e})=>_.jsxs("div",{className:"ladle-error-content",children:[_.jsx("h1",{children:"Story not found"}),_.jsxs("p",{children:["The story id ",_.jsx(lo,{children:e})," you are trying to open does not exist. Typo?"]}),_.jsx("p",{children:_.jsx(dr,{href:"/",children:"Back to home"})}),_.jsx("p",{children:_.jsx(dr,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),_.jsx("p",{children:_.jsx(dr,{href:"https://www.ladle.dev",children:"Docs"})})]});function RB(e){var o,a,i="";if(typeof e=="string"||typeof e=="number")i+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(o=0;oo in e?vs(e,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[o]=a,at=(e,o)=>{for(var a in o||(o={}))Wd.call(o,a)&&HC(e,a,o[a]);if(ns)for(var a of ns(o))LB.call(o,a)&&HC(e,a,o[a]);return e},xs=(e,o)=>G4(e,W4(o)),NB=(e,o)=>{var a={};for(var i in e)Wd.call(e,i)&&o.indexOf(i)<0&&(a[i]=e[i]);if(e!=null&&ns)for(var i of ns(e))o.indexOf(i)<0&&LB.call(e,i)&&(a[i]=e[i]);return a},X4=(e,o)=>function(){return o||(0,e[OB(e)[0]])((o={exports:{}}).exports,o),o.exports},Z4=(e,o)=>{for(var a in o)vs(e,a,{get:o[a],enumerable:!0})},K4=(e,o,a,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of OB(o))!Wd.call(e,s)&&s!==a&&vs(e,s,{get:()=>o[s],enumerable:!(i=q4(o,s))||i.enumerable});return e},Q4=(e,o,a)=>(a=e!=null?U4(Y4(e)):{},K4(!e||!e.__esModule?vs(a,"default",{value:e,enumerable:!0}):a,e)),J4=X4({"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,o){var a=function(){var i=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,s=0,c={},A={util:{encode:function v(B){return B instanceof p?new p(B.type,v(B.content),B.alias):Array.isArray(B)?B.map(v):B.replace(/&/g,"&").replace(/"+I.content+""};function D(v,B,y,R){v.lastIndex=B;var I=v.exec(y);if(I&&R&&I[1]){var M=I[1].length;I.index+=M,I[0]=I[0].slice(M)}return I}function C(v,B,y,R,I,M){for(var q in y)if(!(!y.hasOwnProperty(q)||!y[q])){var Y=y[q];Y=Array.isArray(Y)?Y:[Y];for(var Z=0;Z=M.reach);U+=P.value.length,P=P.next){var N=P.value;if(B.length>v.length)return;if(!(N instanceof p)){var H=1,j;if(G){if(j=D(O,U,v,V),!j||j.index>=v.length)break;var a0=j.index,X=j.index+j[0].length,T=U;for(T+=P.value.length;a0>=T;)P=P.next,T+=P.value.length;if(T-=P.value.length,U=T,P.value instanceof p)continue;for(var W=P;W!==B.tail&&(TM.reach&&(M.reach=C0);var x0=P.prev;f0&&(x0=b(B,x0,f0),U+=f0.length),g(B,x0,H);var b0=new p(q,z?A.tokenize(l0,z):l0,e0,l0);if(P=b(B,x0,b0),v0&&b(B,P,v0),H>1){var m0={cause:q+","+Z,reach:C0};C(v,B,y,P.prev,U,m0),M&&m0.reach>M.reach&&(M.reach=m0.reach)}}}}}}function m(){var v={value:null,prev:null,next:null},B={value:null,prev:v,next:null};v.next=B,this.head=v,this.tail=B,this.length=0}function b(v,B,y){var R=B.next,I={value:y,prev:B,next:R};return B.next=I,R.prev=I,v.length++,I}function g(v,B,y){for(var R=B.next,I=0;I/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},A0.languages.markup.tag.inside["attr-value"].inside.entity=A0.languages.markup.entity,A0.languages.markup.doctype.inside["internal-subset"].inside=A0.languages.markup,A0.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))}),Object.defineProperty(A0.languages.markup.tag,"addInlined",{value:function(e,i){var a={},a=(a["language-"+i]={pattern:/(^$)/i,lookbehind:!0,inside:A0.languages[i]},a.cdata=/^$/i,{"included-cdata":{pattern://i,inside:a}}),i=(a["language-"+i]={pattern:/[\s\S]+/,inside:A0.languages[i]},{});i[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:a},A0.languages.insertBefore("markup","cdata",i)}}),Object.defineProperty(A0.languages.markup.tag,"addAttribute",{value:function(e,o){A0.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[o,"language-"+o],inside:A0.languages[o]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),A0.languages.html=A0.languages.markup,A0.languages.mathml=A0.languages.markup,A0.languages.svg=A0.languages.markup,A0.languages.xml=A0.languages.extend("markup",{}),A0.languages.ssml=A0.languages.xml,A0.languages.atom=A0.languages.xml,A0.languages.rss=A0.languages.xml,function(e){var o={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},a=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,i="(?:[^\\\\-]|"+a.source+")",i=RegExp(i+"-"+i),s={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"};e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:i,inside:{escape:a,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":o,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:a}},"special-escape":o,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":s}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:a,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},A0.languages.javascript=A0.languages.extend("clike",{"class-name":[A0.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),A0.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,A0.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:A0.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:A0.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:A0.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:A0.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:A0.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),A0.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:A0.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),A0.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),A0.languages.markup&&(A0.languages.markup.tag.addInlined("script","javascript"),A0.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),A0.languages.js=A0.languages.javascript,A0.languages.actionscript=A0.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<>?>?|[!=]=?)=?|[~?@]/}),A0.languages.actionscript["class-name"].alias="function",delete A0.languages.actionscript.parameter,delete A0.languages.actionscript["literal-property"],A0.languages.markup&&A0.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:A0.languages.markup}}),function(e){var o=/#(?!\{).+/,a={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:o,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:a}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:o,interpolation:a}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:a}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(A0),function(e){var o=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(o,"addSupport",{value:function(a,i){(a=typeof a=="string"?[a]:a).forEach(function(s){var c=function(b){b.inside||(b.inside={}),b.inside.rest=i},A="doc-comment";if(p=e.languages[s]){var p,D=p[A];if((D=D||(p=e.languages.insertBefore(s,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[A])instanceof RegExp&&(D=p[A]={pattern:D}),Array.isArray(D))for(var C=0,m=D.length;C|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=o,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),a={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:o,number:a,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:o,number:a})}(A0),function(e){var o=/[*&][^\s[\]{},]+/,a=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+a.source+"(?:[ ]+"+o.source+")?|"+o.source+"(?:[ ]+"+a.source+")?)",s=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source}),c=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function A(p,D){D=(D||"").replace(/m/g,"")+"m";var C=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,function(){return i}).replace(/<>/g,function(){return p});return RegExp(C,D)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,function(){return i})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,function(){return i}).replace(/<>/g,function(){return"(?:"+s+"|"+c+")"})),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:A(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:A(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:A(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:A(c),lookbehind:!0,greedy:!0},number:{pattern:A(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:a,important:o,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A0),function(e){var o=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function a(C){return C=C.replace(//g,function(){return o}),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+C+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,s=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,function(){return i}),c=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,A=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+s+c+"(?:"+s+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+s+c+")(?:"+s+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+s+")"+c+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+s+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:a(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:a(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:a(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:a(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach(function(C){["url","bold","italic","strike","code-snippet"].forEach(function(m){C!==m&&(e.languages.markdown[C].inside.content.inside[m]=e.languages.markdown[m])})}),e.hooks.add("after-tokenize",function(C){C.language!=="markdown"&&C.language!=="md"||function m(b){if(b&&typeof b!="string")for(var g=0,h=b.length;g",quot:'"'},D=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(A0),A0.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:A0.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},A0.hooks.add("after-tokenize",function(e){if(e.language==="graphql")for(var o=e.tokens.filter(function(v){return typeof v!="string"&&v.type!=="comment"&&v.type!=="scalar"}),a=0;a?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var o=e.languages.javascript["template-string"],a=o.pattern.source,i=o.inside.interpolation,s=i.inside["interpolation-punctuation"],c=i.pattern.source;function A(b,g){if(e.languages[b])return{pattern:RegExp("((?:"+g+")\\s*)"+a),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:b}}}}function p(b,g,h){return b={code:b,grammar:g,language:h},e.hooks.run("before-tokenize",b),b.tokens=e.tokenize(b.code,b.grammar),e.hooks.run("after-tokenize",b),b.tokens}function D(b,g,h){var y=e.tokenize(b,{interpolation:{pattern:RegExp(c),lookbehind:!0}}),v=0,B={},y=p(y.map(function(I){if(typeof I=="string")return I;for(var M,q,I=I.content;b.indexOf((q=v++,M="___"+h.toUpperCase()+"_"+q+"___"))!==-1;);return B[M]=I,M}).join(""),g,h),R=Object.keys(B);return v=0,function I(M){for(var q=0;q=R.length)return;var Y,Z,n0,z,V,G,e0,F=M[q];typeof F=="string"||typeof F.content=="string"?(Y=R[v],(e0=(G=typeof F=="string"?F:F.content).indexOf(Y))!==-1&&(++v,Z=G.substring(0,e0),V=B[Y],n0=void 0,(z={})["interpolation-punctuation"]=s,(z=e.tokenize(V,z)).length===3&&((n0=[1,1]).push.apply(n0,p(z[1],e.languages.javascript,"javascript")),z.splice.apply(z,n0)),n0=new e.Token("interpolation",z,i.alias,V),z=G.substring(e0+Y.length),V=[],Z&&V.push(Z),V.push(n0),z&&(I(G=[z]),V.push.apply(V,G)),typeof F=="string"?(M.splice.apply(M,[q,1].concat(V)),q+=V.length-1):F.content=V)):(e0=F.content,Array.isArray(e0)?I(e0):I([e0]))}}(y),new e.Token(h,y,"language-"+h,b)}e.languages.javascript["template-string"]=[A("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),A("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),A("svg",/\bsvg/.source),A("markdown",/\b(?:markdown|md)/.source),A("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),A("sql",/\bsql/.source),o].filter(Boolean);var C={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function m(b){return typeof b=="string"?b:Array.isArray(b)?b.map(m).join(""):m(b.content)}e.hooks.add("after-tokenize",function(b){b.language in C&&function g(h){for(var v=0,B=h.length;v]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var o=e.languages.extend("typescript",{});delete o["class-name"],e.languages.typescript["class-name"].inside=o,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:o}}}}),e.languages.ts=e.languages.typescript}(A0),function(e){var o=e.languages.javascript,a=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,i="(@(?:arg|argument|param|property)\\s+(?:"+a+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(i+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(i+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:o,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(//g,function(){return a})),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+a),lookbehind:!0,inside:{string:o.string,number:o.number,boolean:o.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:o,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(A0),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(A0),A0.languages.n4js=A0.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),A0.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),A0.languages.n4jsd=A0.languages.n4js,function(e){function o(A,p){return RegExp(A.replace(//g,function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source}),p)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:o(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:o(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:o(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var a=["function","function-variable","method","method-variable","property-access"],i=0;i*\.{3}(?:[^{}]|)*\})/.source;function c(D,C){return D=D.replace(//g,function(){return a}).replace(//g,function(){return i}).replace(//g,function(){return s}),RegExp(D,C)}s=c(s).source,e.languages.jsx=e.languages.extend("markup",o),e.languages.jsx.tag.pattern=c(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=o.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:c(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:c(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);function A(D){for(var C=[],m=0;m"&&C.push({tagName:p(b.content[0].content[1]),openedBraces:0}):0]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},A0.languages.swift["string-literal"].forEach(function(e){e.inside.interpolation.inside=A0.languages.swift}),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var o={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:o},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:o},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(A0),A0.languages.c=A0.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),A0.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),A0.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},A0.languages.c.string],char:A0.languages.c.char,comment:A0.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:A0.languages.c}}}}),A0.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete A0.languages.c.boolean,A0.languages.objectivec=A0.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete A0.languages.objectivec["class-name"],A0.languages.objc=A0.languages.objectivec,A0.languages.reason=A0.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),A0.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete A0.languages.reason.function,function(e){for(var o=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|)*\*\//.source,a=0;a<2;a++)o=o.replace(//g,function(){return o});o=o.replace(//g,function(){return/[^\s\S]/.source}),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+o),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(A0),A0.languages.go=A0.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),A0.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete A0.languages.go["class-name"],function(e){var o=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,a=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,function(){return o.source});e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,function(){return o.source})),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:o,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,function(){return a})+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(A0),A0.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},A0.languages.python["string-interpolation"].inside.interpolation.inside.rest=A0.languages.python,A0.languages.py=A0.languages.python,A0.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},A0.languages.webmanifest=A0.languages.json;var Rt={};Z4(Rt,{dracula:()=>tO,duotoneDark:()=>oO,duotoneLight:()=>aO,github:()=>lO,gruvboxMaterialDark:()=>NO,gruvboxMaterialLight:()=>PO,jettwaveDark:()=>TO,jettwaveLight:()=>_O,nightOwl:()=>cO,nightOwlLight:()=>dO,oceanicNext:()=>fO,okaidia:()=>DO,oneDark:()=>RO,oneLight:()=>OO,palenight:()=>mO,shadesOfPurple:()=>BO,synthwave84:()=>gO,ultramin:()=>yO,vsDark:()=>MB,vsLight:()=>SO});var eO={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},tO=eO,nO={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},oO=nO,rO={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},aO=rO,iO={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},lO=iO,sO={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},cO=sO,uO={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},dO=uO,pe={char:"#D8DEE9",comment:"#999999",keyword:"#c5a5c5",primitive:"#5a9bcf",string:"#8dc891",variable:"#d7deea",boolean:"#ff8b50",tag:"#fc929e",function:"#79b6f2",className:"#FAC863"},AO={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:pe.keyword}},{types:["attr-value"],style:{color:pe.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:pe.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:pe.primitive}},{types:["boolean"],style:{color:pe.boolean}},{types:["tag"],style:{color:pe.tag}},{types:["string"],style:{color:pe.string}},{types:["punctuation"],style:{color:pe.string}},{types:["selector","char","builtin","inserted"],style:{color:pe.char}},{types:["function"],style:{color:pe.function}},{types:["operator","entity","url","variable"],style:{color:pe.variable}},{types:["keyword"],style:{color:pe.keyword}},{types:["atrule","class-name"],style:{color:pe.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},fO=AO,pO={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},DO=pO,CO={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},mO=CO,bO={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},BO=bO,EO={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},gO=EO,hO={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},yO=hO,vO={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},MB=vO,xO={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},SO=xO,wO={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},TO=wO,FO={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},_O=FO,kO={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},RO=kO,IO={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},OO=IO,LO={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},NO=LO,MO={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},PO=MO,zO=e=>d.useCallback(o=>{var a=o,{className:i,style:s,line:c}=a,A=NB(a,["className","style","line"]);const p=xs(at({},A),{className:IB("token-line",i)});return typeof e=="object"&&"plain"in e&&(p.style=e.plain),typeof s=="object"&&(p.style=at(at({},p.style||{}),s)),p},[e]),$O=e=>{const o=d.useCallback(({types:a,empty:i})=>{if(e!=null){{if(a.length===1&&a[0]==="plain")return i!=null?{display:"inline-block"}:void 0;if(a.length===1&&i!=null)return e[a[0]]}return Object.assign(i!=null?{display:"inline-block"}:{},...a.map(s=>e[s]))}},[e]);return d.useCallback(a=>{var i=a,{token:s,className:c,style:A}=i,p=NB(i,["token","className","style"]);const D=xs(at({},p),{className:IB("token",...s.types,c),children:s.content,style:o(s)});return A!=null&&(D.style=at(at({},D.style||{}),A)),D},[o])},jO=/\r\n|\r|\n/,UC=e=>{e.length===0?e.push({types:["plain"],content:` +`,empty:!0}):e.length===1&&e[0].content===""&&(e[0].content=` +`,e[0].empty=!0)},GC=(e,o)=>{const a=e.length;return a>0&&e[a-1]===o?e:e.concat(o)},VO=e=>{const o=[[]],a=[e],i=[0],s=[e.length];let c=0,A=0,p=[];const D=[p];for(;A>-1;){for(;(c=i[A]++)0?m:["plain"],C=g):(m=GC(m,g.type),g.alias&&(m=GC(m,g.alias)),C=g.content),typeof C!="string"){A++,o.push(m),a.push(C),i.push(0),s.push(C.length);continue}const h=C.split(jO),v=h.length;p.push({types:m,content:h[0]});for(let B=1;Bd.useMemo(()=>{if(a==null)return qC([o]);const s={code:o,grammar:a,language:i,tokens:[]};return e.hooks.run("before-tokenize",s),s.tokens=e.tokenize(o,a),e.hooks.run("after-tokenize",s),qC(s.tokens)},[o,a,i,e]),UO=(e,o)=>{const{plain:a}=e,i=e.styles.reduce((s,c)=>{const{languages:A,style:p}=c;return A&&!A.includes(o)||c.types.forEach(D=>{const C=at(at({},s[D]),p);s[D]=C}),s},{});return i.root=a,i.plain=xs(at({},a),{backgroundColor:void 0}),i},GO=UO,qO=({children:e,language:o,code:a,theme:i,prism:s})=>{const c=o.toLowerCase(),A=GO(i,c),p=zO(A),D=$O(A),C=s.languages[c],m=HO({prism:s,language:c,code:a,grammar:C});return e({tokens:m,className:`prism-code language-${c}`,style:A!=null?A.root:{},getLineProps:p,getTokenProps:D})},WC=e=>d.createElement(qO,xs(at({},e),{prism:e.prism||A0,theme:e.theme||MB,code:e.code,language:e.language}));/*! Bundled license information: + +prismjs/prism.js: + (** + * Prism: Lightweight, robust, elegant syntax highlighting + * + * @license MIT + * @author Lea Verou + * @namespace + * @public + *) +*/const WO=e=>{const o=ut.parse(e).source;return o==="true"?!0:o==="false"?!1:S0.addons.source.defaultState},PB=({children:e,theme:o,language:a="tsx",locStart:i,locEnd:s,className:c})=>{const A=typeof i<"u"&&typeof s<"u",p=/language-(\w+)/.exec(c||"");return p?(a=p[1],_.jsx(WC,{code:e.trim(),language:a,theme:{...o==="dark"?Rt.nightOwl:Rt.github,plain:{...(o==="dark"?Rt.nightOwl:Rt.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:D,style:C,tokens:m,getTokenProps:b})=>_.jsx("div",{className:D,style:{...C,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em"},children:m.map((g,h)=>_.jsx("div",{children:g.map((v,B)=>_.jsx("span",{...b({token:v,key:B})},B))},h))})})):A?_.jsx(WC,{code:e.trim(),language:a,theme:{...o==="dark"?Rt.nightOwl:Rt.github,plain:{...(o==="dark"?Rt.nightOwl:Rt.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:D,style:C,tokens:m,getLineProps:b,getTokenProps:g})=>_.jsx("pre",{className:D,style:{...C,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em 0",overflow:"auto",maxHeight:"50vh"},children:m.map((h,v)=>_.jsxs("div",{id:`ladle_loc_${v+1}`,...b({line:h,key:v}),style:{display:"table-row"},children:[_.jsx("span",{className:"ladle-addon-source-lineno",style:v+1>=i&&v+1<=s?{backgroundColor:"var(--ladle-color-accent)",color:"#FFF"}:void 0,children:v+1}),_.jsx("div",{style:{display:"table-cell",paddingLeft:"0.5em"},children:h.map((B,y)=>_.jsx("span",{...g({token:B,key:y})},y))})]},v))})}):_.jsx("code",{children:e})},YO=({globalState:e})=>{if(!vr[e.story])return _.jsx(_.Fragment,{children:"There is no story loaded."});const{entry:o,locStart:a,locEnd:i}=vr[e.story];return d.useEffect(()=>{window.location.hash="",window.location.hash=`ladle_loc_${a}`},[a]),_.jsxs(_.Fragment,{children:[_.jsx(w4,{path:o,locStart:a,locEnd:i}),_.jsx(PB,{theme:e.theme,language:"tsx",locEnd:i,locStart:a,children:decodeURIComponent(F4[e.story])})]})},XO=({globalState:e,dispatch:o})=>{const a="Show the story source code.";return Fe(S0.hotkeys.source,()=>{o({type:$0.UpdateSource,value:!e.source})},{enabled:e.hotkeys&&S0.addons.source.enabled}),_.jsx("li",{children:_.jsxs("button",{"aria-label":a,"data-testid":"addon-source",title:a,onClick:()=>{o({type:$0.UpdateSource,value:!e.source})},className:e.source?"source-active":"",type:"button",children:[_.jsx(Jh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:a}),_.jsx("label",{children:"Story Source Code"}),_.jsx(Sr,{isOpen:e.source,close:()=>o({type:$0.UpdateSource,value:!1}),label:"Dialog with the story source code.",children:_.jsx(YO,{globalState:e})})]})})},Lt=Date;let ad=null;const xr=class extends Lt{constructor(o,a,i,s,c,A,p){super();let D;switch(arguments.length){case 0:ad!==null?D=new Lt(ad.valueOf()):D=new Lt;break;case 1:D=new Lt(o);break;default:i=typeof i>"u"?1:i,s=s||0,c=c||0,A=A||0,p=p||0,D=new Lt(o,a,i,s,c,A,p);break}return D}};xr.UTC=Lt.UTC;xr.now=function(){return new xr().valueOf()};xr.parse=function(e){return Lt.parse(e)};xr.toString=function(){return Lt.toString()};function ZO(e){const o=new Date(e.valueOf());if(isNaN(o.getTime()))throw new TypeError("mockdate: The time set is an invalid date: "+e);Date=xr,ad=o.valueOf()}function KO(){Date=Lt}const QO=({children:e,active:o,width:a,story:i,mode:s})=>!o&&a===0||s===ee.Preview?e:_.jsx(z4,{title:`Story ${i}`,initialContent:'
',mountTarget:"#root",className:"ladle-iframe",style:{width:a||"100%"},children:e}),YC=({globalState:e,dispatch:o})=>{var C;const a=vr[e.story],i=e.width,s=(C=a==null?void 0:a.meta)==null?void 0:C.meta,c=s?s.hotkeys:!0,A=s?s.mockDate:void 0,p=a&&s?s.iframed:!1;let D=a&&s?s.width:0;return Object.keys(S0.addons.width.options).forEach(m=>{m===D&&(D=S0.addons.width.options[m])}),d.useEffect(()=>{A?ZO(A):KO()},[A]),d.useEffect(()=>{typeof c<"u"&&c!==e.hotkeys&&o({type:$0.UpdateHotkeys,value:c})},[c]),d.useEffect(()=>{if(D&&D!==0){o({type:$0.UpdateWidth,value:D});return}S0.addons.width.defaultState!==0&&o({type:$0.UpdateWidth,value:S0.addons.width.defaultState})},[D,e.story]),d.useEffect(()=>{e.mode!==ee.Preview&&(p||i)?document.documentElement.setAttribute("data-iframed",`${i}`):document.documentElement.removeAttribute("data-iframed")},[p,e.story,e.mode,e.width]),e.story?_.jsx(V4,{children:_.jsx(d.Suspense,{fallback:_.jsx(Wh,{}),children:_.jsx(QO,{active:p,story:e.story,width:i,mode:e.mode,children:_.jsx(j4,{active:(p||i>0)&&e.mode!==ee.Preview,rtl:e.rtl,width:i,children:_.jsx(k1,{components:{code:m=>_.jsx(PB,{...m,theme:e.theme})},children:_.jsx(SF,{config:S0,globalState:e,dispatch:o,storyMeta:s,children:a?d.createElement(a.component):_.jsx(H4,{activeStory:e.story})})})})})})}):null},JO=()=>_.jsxs("div",{className:"ladle-error-content",children:[_.jsx("h1",{children:"No stories found"}),_.jsxs("p",{children:["The configured glob pattern for stories is: ",_.jsx(lo,{children:Te.stories}),"."]}),_.jsxs("p",{children:["It can be changed through the"," ",_.jsx(dr,{href:"https://www.ladle.dev/docs/config#story-filenames",children:"configuration file"})," ","or CLI flag ",_.jsx(lo,{children:"--stories=your-glob"}),"."]}),_.jsx("p",{children:_.jsx(dr,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),_.jsx("p",{children:_.jsx(dr,{href:"https://www.ladle.dev",children:"Docs"})})]});function os(){return os=Object.assign?Object.assign.bind():function(e){for(var o=1;o=0&&(o.hash=e.substr(a),e=e.substr(0,a));var i=e.indexOf("?");i>=0&&(o.search=e.substr(i),e=e.substr(0,i)),e&&(o.pathname=e)}return o}const Yd=tL(),aL=()=>{Yd.push($a({}))},zB=e=>{Object.keys(e).forEach(o=>{const a=e[o],i=S0.addons[o]?S0.addons[o].defaultState:"$$LADLE_unknown";a===i&&delete e[o]})},u3=e=>{if(!e.controlInitialized)return;const o=ut.parse(location.search),a={};Object.keys(o).forEach(s=>{s.startsWith("arg-")||(a[s]=o[s])});const i={...a,mode:e.mode,rtl:e.rtl,source:e.source,story:e.story,theme:e.theme,width:e.width,control:e.control};zB(i),location.search!==$a(i)&&(ot(`Updating URL to ${$a(i)}`),Yd.push($a(i)))},$a=e=>{zB(e);const o={};return Object.keys(e).forEach(a=>{a==="control"?Object.keys(e[a]).forEach(i=>{const s=e[a][i];if(s.type===I0.Action)return;let c=s.value,A=!1;c=encodeURI(typeof s.value=="string"?s.value:JSON.stringify(s.value));try{A=JSON.stringify(s.value)===JSON.stringify(s.defaultValue),!A&&JSON.stringify(c)!==JSON.stringify(s.defaultValue)&&(o[`arg-${i}`]=c)}catch{}}):o[a]=e[a]}),`?${ut.stringify(o)}`},$B=e=>e.isExpanded&&e.children&&e.children.length?$B(e.children[e.children.length-1]):e.id,jB=(e,o,a)=>{for(let i=0;i{for(let i=0;i{for(let a=0;ae[0].isLinkable?e[0]:UB(e[0].children),GB=(e,o)=>{for(let a=0;a{for(let i=0;i{const o=e[e.length-1];return o.isExpanded&&o.children&&o.children.length?WB(o.children):o.id},Pa=(e,o)=>e.map((a,i)=>{const s={...a};return s.id===o.id&&(s.isExpanded=!s.isExpanded),o.id==="+"&&i===0&&(s.isExpanded=!0),o.id==="-"&&(s.isExpanded=!1),s.children&&s.children.length&&(s.children=Pa(s.children,s.id===o.id?{id:s.isExpanded?"+":"-"}:o)),s});function iL(e,o){let a;return function(...i){a!==void 0&&clearTimeout(a),a=window.setTimeout(()=>{e.apply(this,i),a=void 0},o)}}const lL=({stories:e,story:o,updateStory:a,allExpanded:i,searchRef:s,setTreeRootRef:c,hotkeys:A})=>{const p=d.useRef({}),[D,C]=d.useState(_u(e,o,i));d.useEffect(()=>{C(_u(e,o,i))},[e.join(",")]);const[m,b]=d.useState(D.length?D[0].id:null),g=B=>{var y;B&&p&&p.current[B]&&((y=p.current[B])==null||y.focus()),b(B||D[0].id),!B&&s.current.focus()},h=B=>{B&&(a(B),C(_u(e,B,i)),setTimeout(()=>g(B),1))};Fe(S0.hotkeys.nextStory,()=>{const B=e.findIndex(y=>y===o);h(e[B+1])},{preventDefault:!0,enableOnFormTags:!0,enabled:A}),Fe(S0.hotkeys.previousStory,()=>{const B=e.findIndex(y=>y===o);h(e[B-1])},{preventDefault:!0,enableOnFormTags:!0,enabled:A}),Fe(S0.hotkeys.nextComponent,()=>{const B=e.findIndex(I=>I===o),y=e[B].split("--"),R=y[y.length-2];for(let I=B+1;I{const B=e.findIndex(I=>I===o),y=e[B].split("--"),R=y[y.length-2];for(let I=B-1;I>=0;I--){const M=e[I].split("--"),q=I>0?e[I-1].split("--"):["",""];if(M[M.length-2]!==R&&q[q.length-2]!==M[M.length-2]){h(e[I]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:A});const v=(B,y)=>{if(!(B.metaKey||B.ctrlKey||B.altKey))switch(B.key){case"ArrowRight":B.preventDefault(),B.stopPropagation(),y.isExpanded?g(GB(D,y.id)):C(Pa(D,y));break;case"ArrowLeft":B.preventDefault(),B.stopPropagation(),y.isExpanded?C(Pa(D,y)):g(jB(D,y.id,null));break;case"ArrowUp":B.preventDefault(),B.stopPropagation(),g(VB(D,y.id,null));break;case"ArrowDown":{B.preventDefault(),B.stopPropagation();const R=qB(D,y.id,null);R&&g(R);break}case" ":case"Enter":B.target.href||(B.preventDefault(),B.stopPropagation(),C(Pa(D,y)));break;case"Home":B.preventDefault(),B.stopPropagation(),D.length&&g(D[0].id);break;case"End":B.preventDefault(),B.stopPropagation(),g(WB(D));break}};return _.jsx("ul",{role:"tree",style:{marginInlineStart:"-6px"},ref:B=>c(B),children:_.jsx(YB,{tree:D,fullTree:D,story:o,updateStory:a,onItemClick:B=>{const y=Pa(D,B),R=UB(HB(y,B.id),B.id);R&&o!==R.id&&R.isExpanded&&a(R.id),C(y)},selectedItemId:m,onKeyDownFn:v,treeItemRefs:p})})},YB=({tree:e,fullTree:o,story:a,updateStory:i,onItemClick:s,onKeyDownFn:c,selectedItemId:A,treeItemRefs:p})=>_.jsx(d.Fragment,{children:e.map(D=>_.jsxs("li",{onDragStart:C=>C.preventDefault(),onKeyDown:C=>c(C,D),"aria-expanded":D.isExpanded,title:D.name,tabIndex:D.id===A&&!D.isLinkable?0:-1,ref:D.isLinkable?void 0:C=>p.current[D.id]=C,role:"treeitem",className:V2({"ladle-linkable":D.isLinkable,"ladle-active":D.id===a}),style:D.isLinkable?{}:{marginTop:"0.5em"},children:[D.isLinkable?_.jsxs("div",{style:{display:"flex"},children:[_.jsx(Zh,{}),_.jsx("a",{tabIndex:D.id===A?0:-1,ref:C=>p.current[D.id]=C,href:$a({story:D.id}),onKeyDown:C=>a!==D.id&&c(C,D),onClick:C=>{!C.ctrlKey&&!C.metaKey&&(C.preventDefault(),a!==D.id&&i(D.id))},children:D.name})]}):_.jsxs("div",{style:{display:"flex",cursor:"pointer"},title:D.name,onClick:()=>s(D),children:[_.jsx(Kh,{rotate:!D.isExpanded}),_.jsx("div",{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},children:D.name})]}),Object.keys(D.children).length>0&&D.isExpanded&&_.jsx("ul",{role:"group",children:_.jsx(YB,{tree:D.children,fullTree:o,story:a,updateStory:i,selectedItemId:A,onKeyDownFn:c,onItemClick:s,treeItemRefs:p})})]},D.id))}),XB="718ffe",id=`ladle-settings-${XB}`,ZB={appId:XB},sL=e=>{const o=localStorage.getItem(id);let a=ZB;try{o&&(a=JSON.parse(o))}catch{}localStorage.setItem(id,JSON.stringify({...a,...e}))},cL=()=>{const e=localStorage.getItem(id);let o=ZB;try{e&&(o=JSON.parse(e))}catch{}return o},uL=240,d3=192,A3=920,f3=iL(sL,250),dL=({stories:e,story:o,updateStory:a,hotkeys:i,search:s,setSearch:c})=>{const[A,p]=d.useState(cL().sidebarWidth||uL),[D,C]=d.useState(!1),m=d.useRef(null),b=d.useRef(null),g=d.useRef(null);d.useEffect(()=>{window.getComputedStyle(m.current.parentElement).getPropertyValue("flex-direction")==="row-reverse"&&document.documentElement.setAttribute("data-reversed","")},[]),d.useEffect(()=>{const y=I=>{D&&p(M=>{const q=document.documentElement.hasAttribute("data-reversed")?M+I.movementX:M-I.movementX;return qA3?(f3({sidebarWidth:A3}),A3):(f3({sidebarWidth:q}),q)})},R=()=>{D&&(document.body.style.cursor="auto",C(!1))};return window.addEventListener("mousemove",y),window.addEventListener("mouseup",R),()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",R)}},[D,C,p,m.current]),Fe(S0.hotkeys.search,()=>{var y;return(y=b.current)==null?void 0:y.focus()},{preventDefault:!0,enabled:i});const h=s.toLocaleLowerCase().replace(new RegExp("\\s+","g"),"-"),v=e.filter(y=>y.includes(h)),B=y=>{var R;y.key==="ArrowDown"&&((R=g.current)!=null&&R.firstChild)&&g.current.firstChild.focus()};return _.jsxs(_.Fragment,{children:[_.jsx("div",{role:"separator","aria-orientation":"vertical",ref:m,className:V2("ladle-resize-handle",{"ladle-resize-active":D}),onDragStart:y=>y.preventDefault(),onDragEnd:y=>y.preventDefault(),onDrop:y=>y.preventDefault(),onDragOver:y=>y.preventDefault(),onDragEnter:y=>y.preventDefault(),onDragLeave:y=>y.preventDefault(),onMouseDown:y=>{y.preventDefault(),D||(document.body.style.cursor="col-resize",C(!0))}}),_.jsxs("nav",{role:"navigation",className:"ladle-aside",style:{minWidth:`${A}px`},children:[_.jsx("input",{placeholder:"Search","aria-label":"Search stories",value:s,ref:b,onKeyDown:B,onChange:y=>c(y.target.value)}),_.jsx(lL,{searchRef:b,stories:v,story:o,hotkeys:i,updateStory:a,allExpanded:s!==""||S0.expandStoryTree,setTreeRootRef:y=>g.current=y})]})]})},AL=e=>{switch(ut.parse(e).mode){case ee.Full:return ee.Full;case ee.Preview:return ee.Preview;default:return S0.addons.mode.defaultState}},fL=({dispatch:e})=>{const o=`Open fullscreen mode. Can be toggled by pressing ${S0.hotkeys.fullscreen.join(" or ")}.`;return _.jsx("li",{children:_.jsxs("button",{"aria-label":o,title:o,onClick:()=>e({type:$0.UpdateMode,value:ee.Preview}),type:"button",children:[_.jsx(Yh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:o}),_.jsx("label",{children:"Open fullscreen mode"})]})})};var pL=Object.create,Xd=Object.defineProperty,DL=Object.getOwnPropertyDescriptor,KB=Object.getOwnPropertyNames,CL=Object.getPrototypeOf,mL=Object.prototype.hasOwnProperty,Zd=(e,o)=>function(){return o||(0,e[KB(e)[0]])((o={exports:{}}).exports,o),o.exports},bL=(e,o)=>{for(var a in o)Xd(e,a,{get:o[a],enumerable:!0})},BL=(e,o,a,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of KB(o))!mL.call(e,s)&&s!==a&&Xd(e,s,{get:()=>o[s],enumerable:!(i=DL(o,s))||i.enumerable});return e},EL=(e,o,a)=>(a=e!=null?pL(CL(e)):{},BL(!e||!e.__esModule?Xd(a,"default",{value:e,enumerable:!0}):a,e)),gL=Zd({"node_modules/is-object/index.js"(e,o){o.exports=function(i){return typeof i=="object"&&i!==null}}}),hL=Zd({"node_modules/is-window/index.js"(e,o){o.exports=function(a){if(a==null)return!1;var i=Object(a);return i===i.window}}}),yL=Zd({"node_modules/is-dom/index.js"(e,o){var a=gL(),i=hL();function s(c){return!a(c)||!i(window)||typeof window.Node!="function"?!1:typeof c.nodeType=="number"&&typeof c.nodeName=="string"}o.exports=s}}),rs={};bL(rs,{chromeDark:()=>QB,chromeLight:()=>JB});var QB={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},JB={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},eE=d.createContext([{},()=>{}]),p3={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},_l=e=>({DOMNodePreview:{htmlOpenTag:{base:{color:e.HTML_TAG_COLOR},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM},htmlAttributeName:{color:e.HTML_ATTRIBUTE_NAME_COLOR},htmlAttributeValue:{color:e.HTML_ATTRIBUTE_VALUE_COLOR}},htmlCloseTag:{base:{color:e.HTML_TAG_COLOR},offsetLeft:{marginLeft:-e.TREENODE_PADDING_LEFT},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM}},htmlComment:{color:e.HTML_COMMENT_COLOR},htmlDoctype:{color:e.HTML_DOCTYPE_COLOR}},ObjectPreview:{objectDescription:{fontStyle:"italic"},preview:{fontStyle:"italic"},arrayMaxProperties:e.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,objectMaxProperties:e.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES},ObjectName:{base:{color:e.OBJECT_NAME_COLOR},dimmed:{opacity:.6}},ObjectValue:{objectValueNull:{color:e.OBJECT_VALUE_NULL_COLOR},objectValueUndefined:{color:e.OBJECT_VALUE_UNDEFINED_COLOR},objectValueRegExp:{color:e.OBJECT_VALUE_REGEXP_COLOR},objectValueString:{color:e.OBJECT_VALUE_STRING_COLOR},objectValueSymbol:{color:e.OBJECT_VALUE_SYMBOL_COLOR},objectValueNumber:{color:e.OBJECT_VALUE_NUMBER_COLOR},objectValueBoolean:{color:e.OBJECT_VALUE_BOOLEAN_COLOR},objectValueFunctionPrefix:{color:e.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,fontStyle:"italic"},objectValueFunctionName:{fontStyle:"italic"}},TreeView:{treeViewOutline:{padding:0,margin:0,listStyleType:"none"}},TreeNode:{treeNodeBase:{color:e.BASE_COLOR,backgroundColor:e.BASE_BACKGROUND_COLOR,lineHeight:e.TREENODE_LINE_HEIGHT,cursor:"default",boxSizing:"border-box",listStyle:"none",fontFamily:e.TREENODE_FONT_FAMILY,fontSize:e.TREENODE_FONT_SIZE},treeNodePreviewContainer:{},treeNodePlaceholder:{whiteSpace:"pre",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...p3},treeNodeArrow:{base:{color:e.ARROW_COLOR,display:"inline-block",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...parseFloat(e.ARROW_ANIMATION_DURATION)>0?{transition:`transform ${e.ARROW_ANIMATION_DURATION} ease 0s`}:{},...p3},expanded:{WebkitTransform:"rotateZ(90deg)",MozTransform:"rotateZ(90deg)",transform:"rotateZ(90deg)"},collapsed:{WebkitTransform:"rotateZ(0deg)",MozTransform:"rotateZ(0deg)",transform:"rotateZ(0deg)"}},treeNodeChildNodesContainer:{margin:0,paddingLeft:e.TREENODE_PADDING_LEFT}},TableInspector:{base:{color:e.BASE_COLOR,position:"relative",border:`1px solid ${e.TABLE_BORDER_COLOR}`,fontFamily:e.BASE_FONT_FAMILY,fontSize:e.BASE_FONT_SIZE,lineHeight:"120%",boxSizing:"border-box",cursor:"default"}},TableInspectorHeaderContainer:{base:{top:0,height:"17px",left:0,right:0,overflowX:"hidden"},table:{tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",height:"100%",width:"100%",margin:0}},TableInspectorDataContainer:{tr:{display:"table-row"},td:{boxSizing:"border-box",border:"none",height:"16px",verticalAlign:"top",padding:"1px 4px",WebkitUserSelect:"text",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px"},div:{position:"static",top:"17px",bottom:0,overflowY:"overlay",transform:"translateZ(0)",left:0,right:0,overflowX:"hidden"},table:{positon:"static",left:0,top:0,right:0,bottom:0,borderTop:"0 none transparent",margin:0,backgroundImage:e.TABLE_DATA_BACKGROUND_IMAGE,backgroundSize:e.TABLE_DATA_BACKGROUND_SIZE,tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",width:"100%",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorTH:{base:{position:"relative",height:"auto",textAlign:"left",backgroundColor:e.TABLE_TH_BACKGROUND_COLOR,borderBottom:`1px solid ${e.TABLE_BORDER_COLOR}`,fontWeight:"normal",verticalAlign:"middle",padding:"0 4px",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px",":hover":{backgroundColor:e.TABLE_TH_HOVER_COLOR}},div:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorLeftBorder:{none:{borderLeft:"none"},solid:{borderLeft:`1px solid ${e.TABLE_BORDER_COLOR}`}},TableInspectorSortIcon:{display:"block",marginRight:3,width:8,height:7,marginTop:-7,color:e.TABLE_SORT_ICON_COLOR,fontSize:12,...p3}}),ld="chromeLight",tE=d.createContext(_l(rs[ld])),me=e=>d.useContext(tE)[e],Kd=e=>({theme:a=ld,...i})=>{const s=d.useMemo(()=>{switch(Object.prototype.toString.call(a)){case"[object String]":return _l(rs[a]);case"[object Object]":return _l(a);default:return _l(rs[ld])}},[a]);return c0.createElement(tE.Provider,{value:s},c0.createElement(e,{...i}))},vL=({expanded:e,styles:o})=>c0.createElement("span",{style:{...o.base,...e?o.expanded:o.collapsed}},"▶"),xL=d.memo(e=>{e={expanded:!0,nodeRenderer:({name:m})=>c0.createElement("span",null,m),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};const{expanded:o,onClick:a,children:i,nodeRenderer:s,title:c,shouldShowArrow:A,shouldShowPlaceholder:p}=e,D=me("TreeNode"),C=s;return c0.createElement("li",{"aria-expanded":o,role:"treeitem",style:D.treeNodeBase,title:c},c0.createElement("div",{style:D.treeNodePreviewContainer,onClick:a},A||d.Children.count(i)>0?c0.createElement(vL,{expanded:o,styles:D.treeNodeArrow}):p&&c0.createElement("span",{style:D.treeNodePlaceholder}," "),c0.createElement(C,{...e})),c0.createElement("ol",{role:"group",style:D.treeNodeChildNodesContainer},o?i:void 0))}),as="$",JC="*";function kl(e,o){return!o(e).next().done}var SL=e=>Array.from({length:e},(o,a)=>[as].concat(Array.from({length:a},()=>"*")).join(".")),wL=(e,o,a,i,s)=>{const c=[].concat(SL(i)).concat(a).filter(p=>typeof p=="string"),A=[];return c.forEach(p=>{const D=p.split("."),C=(m,b,g)=>{if(g===D.length){A.push(b);return}const h=D[g];if(g===0)kl(m,o)&&(h===as||h===JC)&&C(m,as,g+1);else if(h===JC)for(const{name:v,data:B}of o(m))kl(B,o)&&C(B,`${b}.${v}`,g+1);else{const v=m[h];kl(v,o)&&C(v,`${b}.${h}`,g+1)}};C(e,"",0)}),A.reduce((p,D)=>(p[D]=!0,p),{...s})},nE=d.memo(e=>{const{data:o,dataIterator:a,path:i,depth:s,nodeRenderer:c}=e,[A,p]=d.useContext(eE),D=kl(o,a),C=!!A[i],m=d.useCallback(()=>D&&p(b=>({...b,[i]:!C})),[D,p,i,C]);return c0.createElement(xL,{expanded:C,onClick:m,shouldShowArrow:D,shouldShowPlaceholder:s>0,nodeRenderer:c,...e},C?[...a(o)].map(({name:b,data:g,...h})=>c0.createElement(nE,{name:b,data:g,depth:s+1,path:`${i}.${b}`,key:b,dataIterator:a,nodeRenderer:c,...h})):null)}),oE=d.memo(({name:e,data:o,dataIterator:a,nodeRenderer:i,expandPaths:s,expandLevel:c})=>{const A=me("TreeView"),p=d.useState({}),[,D]=p;return d.useLayoutEffect(()=>D(C=>wL(o,a,s,c,C)),[o,a,s,c]),c0.createElement(eE.Provider,{value:p},c0.createElement("ol",{role:"tree",style:A.treeViewOutline},c0.createElement(nE,{name:e,data:o,dataIterator:a,depth:0,path:as,nodeRenderer:i})))}),Qd=({name:e,dimmed:o=!1,styles:a={}})=>{const i=me("ObjectName"),s={...i.base,...o?i.dimmed:{},...a};return c0.createElement("span",{style:s},e)},ja=({object:e,styles:o})=>{const a=me("ObjectValue"),i=s=>({...a[s],...o});switch(typeof e){case"bigint":return c0.createElement("span",{style:i("objectValueNumber")},String(e),"n");case"number":return c0.createElement("span",{style:i("objectValueNumber")},String(e));case"string":return c0.createElement("span",{style:i("objectValueString")},'"',e,'"');case"boolean":return c0.createElement("span",{style:i("objectValueBoolean")},String(e));case"undefined":return c0.createElement("span",{style:i("objectValueUndefined")},"undefined");case"object":return e===null?c0.createElement("span",{style:i("objectValueNull")},"null"):e instanceof Date?c0.createElement("span",null,e.toString()):e instanceof RegExp?c0.createElement("span",{style:i("objectValueRegExp")},e.toString()):Array.isArray(e)?c0.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?c0.createElement("span",null,`Buffer[${e.length}]`):c0.createElement("span",null,e.constructor.name):c0.createElement("span",null,"Object");case"function":return c0.createElement("span",null,c0.createElement("span",{style:i("objectValueFunctionPrefix")},"ƒ "),c0.createElement("span",{style:i("objectValueFunctionName")},e.name,"()"));case"symbol":return c0.createElement("span",{style:i("objectValueSymbol")},e.toString());default:return c0.createElement("span",null)}},rE=Object.prototype.hasOwnProperty,TL=Object.prototype.propertyIsEnumerable;function sd(e,o){const a=Object.getOwnPropertyDescriptor(e,o);if(a.get)try{return a.get()}catch{return a.get}return e[o]}function em(e,o){return e.length===0?[]:e.slice(1).reduce((a,i)=>a.concat([o,i]),[e[0]])}var cd=({data:e})=>{const o=me("ObjectPreview"),a=e;if(typeof a!="object"||a===null||a instanceof Date||a instanceof RegExp)return c0.createElement(ja,{object:a});if(Array.isArray(a)){const i=o.arrayMaxProperties,s=a.slice(0,i).map((A,p)=>c0.createElement(ja,{key:p,object:A}));a.length>i&&s.push(c0.createElement("span",{key:"ellipsis"},"…"));const c=a.length;return c0.createElement(c0.Fragment,null,c0.createElement("span",{style:o.objectDescription},c===0?"":`(${c}) `),c0.createElement("span",{style:o.preview},"[",em(s,", "),"]"))}else{const i=o.objectMaxProperties,s=[];for(const A in a)if(rE.call(a,A)){let p;s.length===i-1&&Object.keys(a).length>i&&(p=c0.createElement("span",{key:"ellipsis"},"…"));const D=sd(a,A);if(s.push(c0.createElement("span",{key:A},c0.createElement(Qd,{name:A||'""'}),": ",c0.createElement(ja,{object:D}),p)),p)break}const c=a.constructor?a.constructor.name:"Object";return c0.createElement(c0.Fragment,null,c0.createElement("span",{style:o.objectDescription},c==="Object"?"":`${c} `),c0.createElement("span",{style:o.preview},"{",em(s,", "),"}"))}},FL=({name:e,data:o})=>typeof e=="string"?c0.createElement("span",null,c0.createElement(Qd,{name:e}),c0.createElement("span",null,": "),c0.createElement(cd,{data:o})):c0.createElement(cd,{data:o}),_L=({name:e,data:o,isNonenumerable:a=!1})=>{const i=o;return c0.createElement("span",null,typeof e=="string"?c0.createElement(Qd,{name:e,dimmed:a}):c0.createElement(cd,{data:e}),c0.createElement("span",null,": "),c0.createElement(ja,{object:i}))},kL=(e,o)=>function*(i){if(!(typeof i=="object"&&i!==null||typeof i=="function"))return;const c=Array.isArray(i);if(!c&&i[Symbol.iterator]){let A=0;for(const p of i){if(Array.isArray(p)&&p.length===2){const[D,C]=p;yield{name:D,data:C}}else yield{name:A.toString(),data:p};A++}}else{const A=Object.getOwnPropertyNames(i);o===!0&&!c?A.sort():typeof o=="function"&&A.sort(o);for(const p of A)if(TL.call(i,p)){const D=sd(i,p);yield{name:p||'""',data:D}}else if(e){let D;try{D=sd(i,p)}catch{}D!==void 0&&(yield{name:p,data:D,isNonenumerable:!0})}e&&i!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(i),isNonenumerable:!0})}},RL=({depth:e,name:o,data:a,isNonenumerable:i})=>e===0?c0.createElement(FL,{name:o,data:a}):c0.createElement(_L,{name:o,data:a,isNonenumerable:i}),IL=({showNonenumerable:e=!1,sortObjectKeys:o,nodeRenderer:a,...i})=>{const s=kL(e,o),c=a||RL;return c0.createElement(oE,{nodeRenderer:c,dataIterator:s,...i})},OL=Kd(IL);function LL(e){if(typeof e=="object"){let o=[];if(Array.isArray(e)){const i=e.length;o=[...Array(i).keys()]}else e!==null&&(o=Object.keys(e));const a=o.reduce((i,s)=>{const c=e[s];return typeof c=="object"&&c!==null&&Object.keys(c).reduce((p,D)=>(p.includes(D)||p.push(D),p),i),i},[]);return{rowHeaders:o,colHeaders:a}}}var NL=({rows:e,columns:o,rowsData:a})=>{const i=me("TableInspectorDataContainer"),s=me("TableInspectorLeftBorder");return c0.createElement("div",{style:i.div},c0.createElement("table",{style:i.table},c0.createElement("colgroup",null),c0.createElement("tbody",null,e.map((c,A)=>c0.createElement("tr",{key:c,style:i.tr},c0.createElement("td",{style:{...i.td,...s.none}},c),o.map(p=>{const D=a[A];return typeof D=="object"&&D!==null&&rE.call(D,p)?c0.createElement("td",{key:p,style:{...i.td,...s.solid}},c0.createElement(ja,{object:D[p]})):c0.createElement("td",{key:p,style:{...i.td,...s.solid}})}))))))},ML=e=>c0.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),PL=({sortAscending:e})=>{const o=me("TableInspectorSortIcon"),a=e?"▲":"▼";return c0.createElement("div",{style:o},a)},tm=({sortAscending:e=!1,sorted:o=!1,onClick:a=void 0,borderStyle:i={},children:s,...c})=>{const A=me("TableInspectorTH"),[p,D]=d.useState(!1),C=d.useCallback(()=>D(!0),[]),m=d.useCallback(()=>D(!1),[]);return c0.createElement("th",{...c,style:{...A.base,...i,...p?A.base[":hover"]:{}},onMouseEnter:C,onMouseLeave:m,onClick:a},c0.createElement("div",{style:A.div},s),o&&c0.createElement(ML,null,c0.createElement(PL,{sortAscending:e})))},zL=({indexColumnText:e="(index)",columns:o=[],sorted:a,sortIndexColumn:i,sortColumn:s,sortAscending:c,onTHClick:A,onIndexTHClick:p})=>{const D=me("TableInspectorHeaderContainer"),C=me("TableInspectorLeftBorder");return c0.createElement("div",{style:D.base},c0.createElement("table",{style:D.table},c0.createElement("tbody",null,c0.createElement("tr",null,c0.createElement(tm,{borderStyle:C.none,sorted:a&&i,sortAscending:c,onClick:p},e),o.map(m=>c0.createElement(tm,{borderStyle:C.solid,key:m,sorted:a&&s===m,sortAscending:c,onClick:A.bind(null,m)},m))))))},$L=({data:e,columns:o})=>{const a=me("TableInspector"),[{sorted:i,sortIndexColumn:s,sortColumn:c,sortAscending:A},p]=d.useState({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),D=d.useCallback(()=>{p(({sortIndexColumn:v,sortAscending:B})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:v?!B:!0}))},[]),C=d.useCallback(v=>{p(({sortColumn:B,sortAscending:y})=>({sorted:!0,sortIndexColumn:!1,sortColumn:v,sortAscending:v===B?!y:!0}))},[]);if(typeof e!="object"||e===null)return c0.createElement("div",null);let{rowHeaders:m,colHeaders:b}=LL(e);o!==void 0&&(b=o);let g=m.map(v=>e[v]),h;if(c!==void 0?h=g.map((v,B)=>typeof v=="object"&&v!==null?[v[c],B]:[void 0,B]):s&&(h=m.map((v,B)=>[m[B],B])),h!==void 0){const v=(y,R)=>(I,M)=>{const q=y(I),Y=y(M),Z=typeof q,n0=typeof Y,z=(G,e0)=>Ge0?1:0;let V;if(Z===n0)V=z(q,Y);else{const G={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};V=z(G[Z],G[n0])}return R||(V=-V),V},B=h.sort(v(y=>y[0],A)).map(y=>y[1]);m=B.map(y=>m[y]),g=B.map(y=>g[y])}return c0.createElement("div",{style:a.base},c0.createElement(zL,{columns:b,sorted:i,sortIndexColumn:s,sortColumn:c,sortAscending:A,onTHClick:C,onIndexTHClick:D}),c0.createElement(NL,{rows:m,columns:b,rowsData:g}))},jL=Kd($L),VL=80,aE=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.lengthc0.createElement("span",{style:a.base},"<",c0.createElement("span",{style:a.tagName},e),(()=>{if(o){const i=[];for(let s=0;s"),nm=({tagName:e,isChildNode:o=!1,styles:a})=>c0.createElement("span",{style:Object.assign({},a.base,o&&a.offsetLeft)},""),UL={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},GL=({isCloseTag:e,data:o,expanded:a})=>{const i=me("DOMNodePreview");if(e)return c0.createElement(nm,{styles:i.htmlCloseTag,isChildNode:!0,tagName:o.tagName});switch(o.nodeType){case Node.ELEMENT_NODE:return c0.createElement("span",null,c0.createElement(HL,{tagName:o.tagName,attributes:o.attributes,styles:i.htmlOpenTag}),aE(o)?o.textContent:!a&&"…",!a&&c0.createElement(nm,{tagName:o.tagName,styles:i.htmlCloseTag}));case Node.TEXT_NODE:return c0.createElement("span",null,o.textContent);case Node.CDATA_SECTION_NODE:return c0.createElement("span",null,"");case Node.COMMENT_NODE:return c0.createElement("span",{style:i.htmlComment},"");case Node.PROCESSING_INSTRUCTION_NODE:return c0.createElement("span",null,o.nodeName);case Node.DOCUMENT_TYPE_NODE:return c0.createElement("span",{style:i.htmlDoctype},"");case Node.DOCUMENT_NODE:return c0.createElement("span",null,o.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return c0.createElement("span",null,o.nodeName);default:return c0.createElement("span",null,UL[o.nodeType])}},qL=function*(e){if(e&&e.childNodes){if(aE(e))return;for(let a=0;ac0.createElement(oE,{nodeRenderer:GL,dataIterator:qL,...e}),YL=Kd(WL),XL=EL(yL()),ZL=({table:e=!1,data:o,...a})=>e?c0.createElement(jL,{data:o,...a}):(0,XL.default)(o)?c0.createElement(YL,{data:o,...a}):c0.createElement(OL,{data:o,...a});const KL=({dispatch:e,globalState:o})=>{const[a,i]=d.useState(!1),s="Log of events triggered by user.";return _.jsx("li",{children:_.jsxs("button",{"aria-label":s,title:s,onClick:()=>i(!0),className:a?"ladle-active":"","data-testid":"addon-action",type:"button",children:[_.jsx(ny,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:s}),_.jsx("label",{children:"Actions"}),o.action.length?_.jsx("div",{className:"ladle-badge",children:o.action.length}):null,_.jsxs(Sr,{maxWidth:"60em",isOpen:a,close:()=>i(!1),label:"Dialog with a log of events triggered by user.",children:[o.action.map((c,A)=>_.jsx(ZL,{table:!1,sortObjectKeys:!0,theme:{...o.theme===E2.Light?JB:QB,BASE_BACKGROUND_COLOR:"var(--ladle-bg-color-secondary)"},showNonenumerable:!1,name:c.name,data:c.event},A)),_.jsx("button",{onClick:()=>{e({type:$0.UpdateAction,clear:!0,value:void 0})},type:"button",children:"Clear actions"})]})]})})},QL=e=>{const o=ut.parse(e).rtl;return o==="true"?!0:o==="false"?!1:S0.addons.rtl.defaultState},JL=({dispatch:e,globalState:o})=>{const a="Switch text direction to right to left.",i="Switch text direction to left to right.";return Fe(S0.hotkeys.rtl,()=>e({type:$0.UpdateRtl,value:!o.rtl}),{enabled:o.hotkeys&&S0.addons.rtl.enabled}),_.jsx("li",{children:_.jsxs("button",{"aria-label":o.rtl?i:a,title:o.rtl?i:a,className:o.rtl?"ladle-active":"",onClick:()=>e({type:$0.UpdateRtl,value:!o.rtl}),type:"button",children:[_.jsx(qh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:o.rtl?i:a}),_.jsx("label",{children:"Right to left"})]})})},eN={fullscreen:"Toggle fullscreen mode",search:"Focus search input in the sidebar",nextStory:"Go to the next story",previousStory:"Go to the previous story",nextComponent:"Go to the next component",previousComponent:"Go to the previous component",control:"Toggle controls addon",darkMode:"Toggle dark mode",width:"Toggle width addon",rtl:"Toggle right-to-left mode",a11y:"Toggle accessibility addon",source:"Toggle story source addon"},tN=({children:e})=>(navigator.platform.toLowerCase().includes("mac")?e=e.replace(/alt/g,"⌥ opt").replace(/meta/g,"⌘ cmd"):navigator.platform.toLowerCase().includes("win")&&(e=e.replace(/meta/g,"⊞ win")),e=e.replace(/shift/g,"⇧ shift"),e=e.replace(/arrowright/g,"→").replace(/arrowleft/g,"←").replace(/arrowup/g,"↑").replace(/arrowdown/g,"↓").replace(/\+/g," ＋ "),_.jsx(lo,{children:e})),nN=({globalState:e})=>{const[o,a]=d.useState(!1),i="Get more information about Ladle.";return _.jsx("li",{children:_.jsxs("button",{"aria-label":i,title:i,onClick:()=>a(!0),className:o?"ladle-active":"",type:"button",children:[_.jsx(Gh,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:i}),_.jsx("label",{children:"About Ladle"}),_.jsxs(Sr,{isOpen:o,close:()=>a(!1),label:"Dialog with information about Ladle.",children:[_.jsx("h3",{children:"Hotkeys"}),e.hotkeys?_.jsxs(_.Fragment,{children:[_.jsx("ul",{style:{listStyle:"none",marginLeft:0,paddingLeft:0},children:Object.keys(S0.hotkeys).map(s=>S0.hotkeys[s].length?_.jsxs("li",{children:[_.jsx("span",{style:{display:"inline-block",width:"200px"},children:S0.hotkeys[s].map((c,A)=>_.jsxs("span",{children:[_.jsx(tN,{children:c}),S0.hotkeys[s].length>A+1?" or ":""]},c))}),_.jsx("span",{style:{display:"inline-block"},children:eN[s]})]},s):null)}),_.jsxs("p",{children:["Hotkeys can be disabled through"," ",_.jsx(lo,{children:"Story.meta = { hotkeys: false }"}),"."]})]}):_.jsxs("p",{children:["Hotkeys are disabled for this story by"," ",_.jsx(lo,{children:"meta.hotkeys = false"}),"."]}),_.jsxs("p",{children:["Ladle is a modern and fast playground for React components powered by Vite. For more information visit"," ",_.jsx("a",{href:"https://www.ladle.dev/",children:"ladle.dev"})," or our"," ",_.jsx("a",{href:"https://discord.gg/H6FSHjyW7e",children:"discord"}),"."]})]})]})})},oN=async(e,o,a)=>{const i=await x(()=>import("./empty-module-BIHI7g3E.js"),[],import.meta.url);try{const s=await i.default.run(document.getElementsByTagName("main"));e(s.violations),o(!0)}catch{}},rN=({violation:e})=>{const[o,a]=d.useState(!1);return _.jsxs("li",{children:[e.help," (",e.nodes.length,")."," ",o?_.jsxs(_.Fragment,{children:[_.jsxs("ul",{children:[_.jsxs("li",{children:["ID: ",e.id]}),_.jsxs("li",{children:["Impact: ",e.impact]}),_.jsxs("li",{children:["Description: ",e.description]}),_.jsx("li",{children:_.jsx("a",{href:e.helpUrl,children:"Documentation"})})]}),_.jsx("p",{children:"Violating nodes:"}),_.jsx("ul",{children:e.nodes.map(i=>_.jsx("li",{children:_.jsx(lo,{children:i.html})},i.html))}),_.jsx("p",{children:_.jsx("a",{href:"#",onClick:()=>a(!1),children:"Hide details"})})]}):_.jsx("a",{href:"#",onClick:()=>a(!0),children:"Show details"})]})},aN=({reportFinished:e,violations:o})=>e?o.length===0?_.jsxs("p",{children:["There are no ",_.jsx("a",{href:"https://github.com/dequelabs/axe-core",children:"axe"})," ","accessibility violations. Good job!"]}):_.jsxs(_.Fragment,{children:[_.jsxs("h3",{children:["There are ",o.length," ",_.jsx("a",{href:"https://github.com/dequelabs/axe-core",children:"axe"})," accessibility violations"]}),_.jsx("ul",{children:o.map(a=>_.jsx(rN,{violation:a},a.id))})]}):_.jsx("p",{children:"Report is loading..."}),iN=({globalState:e})=>{const[o,a]=d.useState(!1),[i,s]=d.useState(!1),[c,A]=d.useState([]);d.useEffect(()=>{},[]);const p="Show accessibility report.",D=()=>{oN(A,s,null).catch(console.error),setTimeout(()=>a(!o),100)};return Fe(S0.hotkeys.a11y,()=>o?a(!1):D(),{enabled:e.hotkeys&&S0.addons.a11y.enabled}),_.jsx("li",{children:_.jsxs("button",{"aria-label":p,"data-testid":"addon-a11y",title:p,onClick:D,className:o?"a11y-active":"",type:"button",children:[_.jsx(ey,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:p}),_.jsx("label",{children:"Accessibility report"}),c.length?_.jsx("div",{className:"ladle-badge",children:c.length}):null,_.jsx(Sr,{isOpen:o,close:()=>a(!1),label:"Dialog with the story accessibility report.",children:_.jsx(aN,{reportFinished:i,violations:c})})]})})},lN=e=>{const o=ut.parse(e).width;let a=0;return Object.keys(S0.addons.width.options).forEach(i=>{(i===o||parseInt(o,10)===S0.addons.width.options[i])&&(a=S0.addons.width.options[i])}),a!==0?a:S0.addons.width.defaultState},sN=({globalState:e,dispatch:o})=>{const a="Change the story viewport.",[i,s]=d.useState(!1);Fe(S0.hotkeys.width,()=>s(D=>!D),{enabled:e.hotkeys&&S0.addons.width.enabled});const c=vr[e.story];let A=c&&c.meta?c.meta.meta.width:0,p=S0.addons.width.options;return Object.keys(p).forEach(D=>{D===A&&(A=p[D])}),A&&!Object.values(p).includes(A)&&(p={custom:A,...p}),_.jsx("li",{children:_.jsxs("button",{"aria-label":a,"data-testid":"addon-width",title:a,onClick:()=>s(!0),className:i?"width-active":"",type:"button",children:[_.jsx(ty,{}),_.jsx("span",{className:"ladle-addon-tooltip",children:a}),_.jsx("label",{children:"Set story width"}),_.jsxs(Sr,{isOpen:i,close:()=>s(!1),label:"Dialog with the story width selector.",children:[_.jsx("p",{children:"Select story width"}),_.jsxs("div",{children:[_.jsx("input",{onChange:()=>o({type:$0.UpdateWidth,value:0}),type:"radio",id:"width-unset",name:"width",value:0,checked:e.width===0}),_.jsx("label",{htmlFor:"width-unset",style:{paddingLeft:"8px"},children:"unset"})]}),Object.keys(p).map(D=>_.jsxs("div",{children:[_.jsx("input",{onChange:()=>o({type:$0.UpdateWidth,value:p[D]}),type:"radio",id:`width-${D}`,name:"width",value:p[D],checked:e.width===p[D]}),_.jsxs("label",{htmlFor:`width-${D}`,style:{paddingLeft:"8px"},children:[p[D],"px - ",D]})]},D)),_.jsx("p",{})]})]})})},cN=({globalState:e,dispatch:o})=>Object.keys(S0.addons).every(a=>S0.addons[a].enabled===!1)?null:_.jsx("header",{role:"banner",className:"ladle-addons",children:_.jsxs("ul",{children:[S0.addons.control.enabled&&Object.keys(e.control).length>0&&_.jsx(Hv,{globalState:e,dispatch:o}),S0.addons.theme.enabled&&_.jsx(_4,{globalState:e,dispatch:o}),S0.addons.mode.enabled&&_.jsx(fL,{globalState:e,dispatch:o}),S0.addons.width.enabled&&_.jsx(sN,{globalState:e,dispatch:o}),S0.addons.rtl.enabled&&_.jsx(JL,{globalState:e,dispatch:o}),S0.addons.source.enabled&&_.jsx(XO,{globalState:e,dispatch:o}),S0.addons.a11y.enabled&&_.jsx(iN,{globalState:e,dispatch:o}),S0.addons.ladle.enabled&&_.jsx(nN,{globalState:e,dispatch:o}),S0.addons.control.enabled&&e.action.length>0&&_.jsx(KL,{globalState:e,dispatch:o})]})}),uN=(e,o)=>{switch(ot("Action dispatched",o),o.type){case $0.UpdateAll:return{...e,...o.value};case $0.UpdateMode:return{...e,mode:o.value};case $0.UpdateAction:{const a={...e};return o.clear&&(a.action=[]),o.value?{...e,action:[...a.action,o.value]}:a}case $0.UpdateRtl:return{...e,rtl:o.value};case $0.UpdateSource:return{...e,source:o.value};case $0.UpdateStory:return{...e,story:o.value,control:{},controlInitialized:!1,width:0,action:[]};case $0.UpdateTheme:return{...e,theme:o.value};case $0.UpdateWidth:return{...e,width:o.value};case $0.UpdateControl:return{...e,control:o.value,controlInitialized:!0};case $0.UpdateControlIntialized:return{...e,controlInitialized:o.value};case $0.UpdateHotkeys:return{...e,hotkeys:o.value};default:return e}},ud=mm(Object.keys(vr),S0.storyOrder);ot("Stories found",ud);const D3=(e,o)=>({theme:xB(e),mode:AL(e),story:pm(e,S0.defaultStory),rtl:QL(e),source:WO(e),width:lN(e),control:o7(e,o?o.control:{}),action:[],controlInitialized:!1,hotkeys:!0}),dN=()=>{const e=D3(location.search),[o,a]=d.useReducer(uN,e),i=d.useRef({}),[s,c]=d.useState("");let A="";o.control&&Object.keys(o.control).forEach(D=>{o.control[D].type==="background"&&(A=o.control[D].value||"")}),Fe(S0.hotkeys.fullscreen,()=>{a({type:$0.UpdateMode,value:o.mode===ee.Full?ee.Preview:ee.Full})},{preventDefault:!0,enabled:o.hotkeys&&S0.addons.mode.enabled}),d.useEffect(()=>{document.getElementsByClassName("ladle-background")[0].style.background=A},[A]),d.useEffect(()=>{i.current=o}),d.useEffect(()=>{window.ladleDispatch=a},[]);const p=i.current;return d.useEffect(()=>{var D,C;ot("Global state update",o),Bh(location.search)||u3(o),u3(o),o.story!==p.story&&(document.title=`${Cm(o.story)} | Ladle`),o.theme!==p.theme&&document.documentElement.setAttribute("data-theme",o.theme),o.rtl!==p.rtl&&(o.rtl?document.documentElement.setAttribute("dir","rtl"):document.documentElement.removeAttribute("dir")),o.mode!==p.mode&&(document.documentElement.setAttribute("data-mode",o.mode),o.mode===ee.Preview?(D=document.getElementById("ladle-root"))==null||D.removeAttribute("class"):(C=document.getElementById("ladle-root"))==null||C.setAttribute("class","ladle-wrapper"))},[o]),d.useEffect(()=>{const D=Yd.listen(({location:C,action:m})=>{if(m===oo.Pop){const b={};Object.keys(o.control).forEach(h=>{const v=D3(C.search,o).control[h];b[h]={...o.control[h],value:v?v.value:o.control[h].defaultValue}});const g=D3(C.search,o);a({type:$0.UpdateAll,value:{...g,control:b,controlInitialized:o.story===g.story}})}});return()=>D()},[o]),o.mode===ee.Preview?_.jsx(hD.Provider,{value:{globalState:o,dispatch:a},children:_.jsx(YC,{globalState:o,dispatch:a})}):_.jsxs(hD.Provider,{value:{globalState:o,dispatch:a},children:[_.jsx("main",{className:"ladle-main",children:ud.length>0?_.jsx(YC,{globalState:o,dispatch:a}):_.jsx(JO,{})}),_.jsx(dL,{search:s,setSearch:c,stories:ud,hotkeys:o.hotkeys,story:o.story,updateStory:D=>{aL(),u3({...o,story:D,control:{}}),a({type:$0.UpdateStory,value:D})}}),_.jsx(cN,{globalState:o,dispatch:a})]})},AN=document.getElementById("ladle-root"),fN=L4.createRoot(AN);fN.render(_.jsx(dN,{}));export{M1 as $,EN as A,De as B,j7 as C,G7 as D,$7 as E,BN as F,pT as G,iB as H,RT as I,bN as J,dB as K,xw as L,Zb as M,Ew as N,sB as O,yN as P,Bw as Q,c0 as R,QT as S,Yw as T,it as U,Xw as V,FT as W,DN as X,JD as Y,H1 as Z,_1 as _,KT as a,Id as a0,hN as a1,gN as b,V2 as c,Br as d,wr as e,H3 as f,V3 as g,AB as h,P1 as i,_ as j,CN as k,Hl as l,L1 as m,Vl as n,Qa as o,U7 as p,fd as q,d as r,Wa as s,V7 as t,Ds as u,Ao as v,mN as w,Fr as x,_T as y,Yb as z}; diff --git a/2452/react/assets/index-CW0uvEhL.css b/2452/react/assets/index-CW0uvEhL.css new file mode 100644 index 00000000000..009d06bd690 --- /dev/null +++ b/2452/react/assets/index-CW0uvEhL.css @@ -0,0 +1 @@ +:root{--ladle-bg-color-primary: #fff;--ladle-bg-color-secondary: #f4f4f4;--ladle-color-primary: #000;--ladle-color-secondary: #bbb;--ladle-color-hover: #545454;--ladle-color-accent: #276ef1;--ladle-ring-size: 64px;--ladle-ring-thickness: 6px;--ladle-mode-overflow: hidden;--ladle-mode-height: 100vh;--ladle-main-padding: 3em;--ladle-main-padding-mobile: 1em;--reach-dialog: 1;--ladle-blueprint: #aaa}[data-theme=dark]{--ladle-bg-color-primary: #141414;--ladle-bg-color-secondary: #1f1f1f;--ladle-color-primary: #f6f6f6;--ladle-color-secondary: #bbb;--ladle-color-hover: #e2e2e2;--ladle-color-accent: #276ef1;--ladle-blueprint: #1f1f1f}[data-mode=single-scroll],[data-mode=preview]{--ladle-mode-overflow: visible;--ladle-mode-height: 100%}[data-iframed]{--ladle-main-padding-mobile: 0;--ladle-main-padding: 0}.ladle-wrapper,html,body{margin:0}[data-iframed]:not([data-iframed="0"]) .ladle-main{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);overflow:auto;background-color:var(--ladle-blueprint);background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.ladle-iframe{height:100%;border:0;background-color:var(--ladle-bg-color-primary)}[data-iframed]:not([data-iframed="0"]) .ladle-iframe{grid-column:2;height:calc(100% - 128px);min-height:500px;margin-top:64px;margin-bottom:64px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.ladle-background{position:absolute;top:0;left:0;z-index:-1000;width:100%;height:100%;background-color:var(--ladle-bg-color-primary)}.ladle-wrapper{display:flex;flex-direction:column}.ladle-aside img,.ladle-aside svg{display:inline;vertical-align:baseline}.ladle-main{flex:1 1 auto;padding:var(--ladle-main-padding-mobile)}.ladle-error-content{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:var(--ladle-color-primary)}.ladle-link{color:var(--ladle-color-accent)}.ladle-aside{font-family:Arial,Helvetica,sans-serif;font-size:18px;background-color:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);padding:1.5em}.ladle-aside input{padding:.5em 0;width:100%;border-top:0;border-left:0;border-right:0;border-color:var(--ladle-color-hover);border-bottom-width:1px;border-bottom-style:solid;border-radius:0;background-color:var(--ladle-bg-color-primary);font-size:1em;color:var(--ladle-color-primary);margin-bottom:.5em}.ladle-aside input:focus{outline:none;color:var(--ladle-color-accent);border-color:var(--ladle-color-accent)}.ladle-aside ul{padding:0;margin:.8em .75em 0}.ladle-aside li{list-style-type:none;margin:.8em .35em}.ladle-aside li:focus{outline:none}.ladle-aside li:focus-visible>div{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ladle-color-primary)}.ladle-aside a:hover{color:var(--ladle-color-hover)}.ladle-aside a:focus{outline:none}.ladle-aside a:focus-visible{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside .ladle-active a{font-weight:700}.ladle-addons{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary);padding:0;margin:0 0 2em;position:relative;bottom:0;margin-inline-start:1em;margin-inline-end:1em}.ladle-addons ul{padding:0;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap}.ladle-addons li{background-color:var(--ladle-bg-color-secondary);box-shadow:0 1px 2px #00000029;border-bottom:none;border-radius:.25em;list-style-type:none;margin:.35em;width:auto;height:2.5em}.ladle-addons>ul>li>button{display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:.3em;width:100%;height:100%;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;border-radius:4px;outline:none}.ladle-addons>ul>li>button>label{display:block;cursor:pointer;line-height:24px;font-size:18px;margin-inline-start:.5em;padding-top:.1em}.ladle-addon-modal-body>button{border:0;font-size:14px;border-radius:4px;padding:.25em .5em;margin:1em 0;background:var(--ladle-color-accent);color:#fff;font:inherit;letter-spacing:inherit}.ladle-addons>ul>li>button>.ladle-badge{font-style:normal;min-width:1.6em;margin-left:1em;height:1.6em;border-radius:.8em;background-color:#fa3e3e;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}.ladle-addon-modal-body select,.ladle-addon-modal-body input,.ladle-addon-modal-body textarea{font-size:14px;border-radius:4px;border:1px solid var(--ladle-color-primary);padding:.5em .75em;margin:0;background:var(--ladle-bg-color-primary);color:var(--ladle-color-primary)}.ladle-addon-modal-body input[type=range]{padding:0;margin:0 .5em;vertical-align:middle}.ladle-addon-modal-body>button:hover{color:#ccc}.ladle-addon-tooltip{box-shadow:0 1px 2px #00000029;display:none;white-space:nowrap;background:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;margin-top:-96px;inset-inline-start:5px;padding:10px;position:absolute;z-index:1000}.ladle-addon-source-lineno{display:table-cell;text-align:right;padding-right:.25em;padding-left:.25em;-webkit-user-select:none;user-select:none;opacity:.5}.ladle-addons>ul>li>.ladle-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.source-active,.ladle-addons>ul>li>.width-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.a11y-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>button:focus-visible{border:2px solid var(--ladle-color-accent)}.ladle-addons>ul>li>button:hover{box-shadow:none;color:var(--ladle-color-accent)}.ladle-controls-table td{padding:.25em 1em .25em 0}.ladle-controls-table input{margin:0}.ladle-controls-table input[type=radio]{margin-right:.3em}.ladle-controls-table span{margin-right:1em}.ladle-controls-table select{min-width:177px}.ladle-controls-table textarea{min-width:172px;min-height:3em}.ladle-controls-table{margin-bottom:1em}.ladle-ring-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;visibility:hidden;animation:ladle-ring-fadein 1.5s;animation-fill-mode:forwards;animation-delay:.5s}@keyframes ladle-ring-fadein{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.ladle-ring{display:inline-block;position:relative;width:var(--ladle-ring-size);height:var(--ladle-ring-size)}.ladle-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:var(--ladle-ring-thickness) solid var(--ladle-color-secondary);border-radius:50%;animation:ladle-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ladle-color-secondary) transparent transparent transparent}.ladle-ring div:nth-child(1){animation-delay:-.45s}.ladle-ring div:nth-child(2){animation-delay:-.3s}.ladle-ring div:nth-child(3){animation-delay:-.15s}@keyframes ladle-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-reach-dialog-content][data-testid=ladle-dialog]{box-shadow:0 1px 2px #00000029;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;background-color:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;padding:1.2em 2em .8em;margin:21px;position:absolute;bottom:0;overflow:none}div[data-reach-dialog-content][data-testid=ladle-dialog] a{color:var(--ladle-color-accent)}div[data-reach-dialog-overlay][data-testid=ladle-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:2147483647}.ladle-button{box-sizing:border-box;box-shadow:0 1px 2px #00000029;border:1px solid var(--ladle-color-secondary);margin:1px 8px;padding:.5em;width:auto;cursor:pointer;overflow:visible;background:inherit;color:inherit;border-radius:4px;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ladle-button:hover{background:var(--ladle-bg-color-secondary);color:var(--ladle-color-accent)}.ladle-button:focus{outline:none}.ladle-button:focus-visible{border:2px solid var(--ladle-color-accent)!important;margin:0 7px}q.ladle-code,code.ladle-markdown{-moz-tab-size:2;tab-size:2;padding:.2em .4em;margin:0;line-height:2;font-size:85%;background-color:var(--ladle-bg-color-secondary);border:1px solid var(--ladle-color-hover);color:var(--ladle-color-primary);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}h1.ladle-markdown,h2.ladle-markdown,h3.ladle-markdown,h4.ladle-markdown,h5.ladle-markdown,h6.ladle-markdown{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary)}p.ladle-markdown,ul.ladle-markdown,ol.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-primary)}a.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-accent)}blockquote.ladle-markdown{border-left:6px solid var(--ladle-color-secondary);padding-left:24px;margin-left:0}.ladle-addon-modal-body{max-height:80vh;overflow:auto;-moz-tab-size:2;tab-size:2}.ladle-addon-modal-body ul{list-style:square;overflow:auto;margin:8px;padding-left:40px}.ladle-resize-handle{display:none}@media (min-width: 768px){html,body{height:100%}.ladle-wrapper{min-height:100%;margin:0;flex-direction:row;align-items:flex-start}[data-mode=full] html,[data-mode=full] body,[data-mode=full] .ladle-wrapper{height:100vh;overflow:hidden}.ladle-resize-handle{transition:box-shadow .15s ease-in;display:block;width:16px;height:100%;cursor:col-resize;background-color:var(--ladle-bg-color-secondary)}.ladle-resize-handle:hover{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-handle:hover{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-resize-active{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-active{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-aside{box-sizing:content-box}.ladle-main{padding:var(--ladle-main-padding);align-self:stretch}.ladle-aside{font-size:16px;flex:0 0 12em;padding:3em 2em;padding-left:calc(2em - 16px);min-width:15em;background-color:var(--ladle-bg-color-secondary);align-self:stretch}[data-reversed] .ladle-aside{padding-left:2em;padding-right:calc(2em - 16px)}[data-mode=full] .ladle-main,[data-mode=full] .ladle-aside{overflow:auto}.ladle-aside ul{margin:0;-webkit-user-select:none;user-select:none;margin-inline-start:.75em}.ladle-aside li{margin:.35em;line-height:18px}.ladle-aside input{line-height:1;background-color:var(--ladle-bg-color-secondary)}.ladle-aside input::placeholder{-webkit-user-select:none;user-select:none}.ladle-addons{position:fixed;margin-bottom:0;z-index:2147483647}.ladle-addons ul{flex-direction:row}.ladle-addons li{margin:0 .35em;border-bottom-left-radius:0;border-bottom-right-radius:0;width:2.5em}.ladle-addons>ul>li>button>label{display:none}div[data-reach-dialog-content][data-testid=ladle-dialog]{position:fixed;bottom:49px;inset-inline-start:21px;margin-inline-end:21px;max-width:40em;margin:0}.ladle-addons>ul>li>button:hover .ladle-addon-tooltip{display:block}.ladle-addons>ul>li>button>.ladle-badge{position:absolute;margin-left:3.1em;top:-.7em;font-size:.7em}}@layer reset,variables,itwinui;@layer variables{:where([data-iui-theme]){color-scheme:light dark;accent-color:var(--iui-color-border-accent);--iui-size-3xs: .125rem;--iui-size-2xs: .25rem;--iui-size-xs: .5rem;--iui-size-s: .75rem;--iui-size-m: 1rem;--iui-size-l: 1.5rem;--iui-size-xl: 2rem;--iui-size-2xl: 4rem;--iui-size-3xl: 6rem;--iui-component-height-small: calc(var(--iui-size-s) * 2);--iui-component-height: calc(var(--iui-size-s) * 3);--iui-component-height-large: calc(var(--iui-size-s) * 4);--iui-border-radius-1: 4px;--iui-border-radius-round: 9999px;--iui-font-sans: "Noto Sans", "Open Sans", system-ui, sans-serif;--iui-font-mono: "Noto Sans Mono", ui-monospace, "Segoe UI Mono", Consolas, "Roboto Mono", monospace;--iui-font-size-0: .75rem;--iui-font-size-1: .875rem;--iui-font-size-2: 1rem;--iui-font-size-3: 1.125rem;--iui-font-size-4: 1.5rem;--iui-font-size-5: 2rem;--iui-font-weight-light: 300;--iui-font-weight-normal: 400;--iui-font-weight-semibold: 600;--iui-font-weight-bold: 700;--iui-shadow-0: 0;--iui-shadow-1: 0 1px 5px var(--iui-shadow-color);--iui-shadow-2: 0 1px 10px var(--iui-shadow-color);--iui-shadow-3: 0 3px 14px var(--iui-shadow-color);--iui-shadow-4: 0 6px 30px var(--iui-shadow-color);--iui-shadow-5: 0 9px 46px var(--iui-shadow-color);--iui-duration-0: 0s;--iui-duration-1: .2s;--iui-duration-2: .4s;--iui-duration-3: .8s;--iui-color-background-skyblue: #b5e1f2;--iui-color-background-celery: #c3d57c;--iui-color-background-froly: #fbafad;--iui-color-background-steelblue: #9cbdd8;--iui-color-background-sunglow: #ffd166;--iui-color-background-seabuckthorn: #f9b371;--iui-color-background-montecarlo: #99d6d2;--iui-color-background-poloblue: #abc3de;--iui-color-background-bouquet: #cbb3c9;--iui-color-background-ash: #dedbd3;--iui-color-background-oak: #ceb5a1;--iui-color-white: white}:where([data-iui-theme=light]){color-scheme:light;--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fbfbfc;--iui-color-background-hover: #f7f8f8;--iui-color-background-backdrop: #eef0f1;--iui-color-background-backdrop-hover: #e6e9ea;--iui-color-background-disabled: #dde1e3;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #00568f;--iui-color-background-informational-muted: #e4f3fc;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #0d610a;--iui-color-background-positive-muted: #e7f4e6;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #6b4b00;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #9e0008;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .06);--iui-color-border-subtle: #c4cbcf;--iui-color-border: #b3bcc1;--iui-color-border-foreground: #8f8f8f;--iui-color-border-foreground-hover: #6b6b6b;--iui-color-border-disabled: #a1a1a1;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #0071b8;--iui-color-border-positive: #157e11;--iui-color-border-warning: #7a4606;--iui-color-border-negative: #db0a0a;--iui-color-icon: #363636;--iui-color-icon-hover: #242424;--iui-color-icon-muted: #7d7d7d;--iui-color-icon-muted-hover: #6b6b6b;--iui-color-icon-disabled: #a1a1a1;--iui-color-icon-disabled-hover: #747474;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #008ae0;--iui-color-icon-positive: #1c9b17;--iui-color-icon-warning: #a05c08;--iui-color-icon-negative: #fd3535;--iui-color-text: #242424;--iui-color-text-hover: #121212;--iui-color-text-muted: #595959;--iui-color-text-placeholder: #747474;--iui-color-text-disabled: #a1a1a1;--iui-color-text-disabled-hover: #626262;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #0071b8;--iui-color-text-informational-hover: #00568f;--iui-color-text-positive: #157e11;--iui-color-text-positive-hover: #0d610a;--iui-color-text-warning: #7a4606;--iui-color-text-warning-hover: #552f02;--iui-color-text-negative: #db0a0a;--iui-color-text-negative-hover: #a80505;--iui-color-background-hsl: 203deg 10% 100%;--iui-color-foreground-hsl: 0deg 0% 7%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 44%;--iui-color-positive-hsl: 118deg 74% 35%;--iui-color-warning-hsl: 33deg 90% 33%;--iui-color-negative-hsl: 0deg 98% 60%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-5))}:where([data-iui-theme=light]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fafafa;--iui-color-background-hover: #f4f5f5;--iui-color-background-backdrop: #eaebec;--iui-color-background-backdrop-hover: #dfe1e2;--iui-color-background-disabled: #d4d7d8;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #003c66;--iui-color-background-informational-muted: #e5eff5;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #074205;--iui-color-background-positive-muted: #e7f0e6;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #4d3400;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #700004;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .08);--iui-color-border-subtle: #b4b8bb;--iui-color-border: #9fa4a8;--iui-color-border-foreground: #7a7a7a;--iui-color-border-foreground-hover: #5c5c5c;--iui-color-border-disabled: #8a8a8a;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #004f80;--iui-color-border-positive: #0d560b;--iui-color-border-warning: #583304;--iui-color-border-negative: #9c0707;--iui-color-icon: #2e2e2e;--iui-color-icon-hover: #1f1f1f;--iui-color-icon-muted: #5c5c5c;--iui-color-icon-muted-hover: #4d4d4d;--iui-color-icon-disabled: #737373;--iui-color-icon-disabled-hover: #4d4d4d;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #00619e;--iui-color-icon-positive: #116c0e;--iui-color-icon-warning: #754306;--iui-color-icon-negative: #bf0808;--iui-color-text: #1f1f1f;--iui-color-text-hover: #0f0f0f;--iui-color-text-muted: #4d4d4d;--iui-color-text-disabled: #737373;--iui-color-text-disabled-hover: #3d3d3d;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #004f80;--iui-color-text-informational-hover: #002c47;--iui-color-text-positive: #0d560b;--iui-color-text-positive-hover: #083206;--iui-color-text-warning: #583304;--iui-color-text-warning-hover: #2c1902;--iui-color-text-negative: #9c0707;--iui-color-text-negative-hover: #580404;--iui-color-background-hsl: 203deg 5% 100%;--iui-color-foreground-hsl: 0deg 0% 6%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 31%;--iui-color-positive-hsl: 118deg 77% 24%;--iui-color-warning-hsl: 33deg 91% 24%;--iui-color-negative-hsl: 0deg 92% 39%}:where([data-iui-theme=dark]){color-scheme:dark;--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333c41;--iui-color-background-zebra: #374046;--iui-color-background-hover: #3a444a;--iui-color-background-backdrop: #242b2e;--iui-color-background-backdrop-hover: #2c3338;--iui-color-background-disabled: #1d2225;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #008ee0;--iui-color-background-informational-muted: #384652;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #1e991a;--iui-color-background-positive-muted: #3a4b46;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #b88400;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #e94f44;--iui-color-background-negative-muted: #464347;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .065);--iui-color-border-subtle: #49555d;--iui-color-border: #58666f;--iui-color-border-foreground: #707070;--iui-color-border-foreground-hover: #949494;--iui-color-border-disabled: #5e5e5e;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #94befa;--iui-color-border-positive: #94d293;--iui-color-border-warning: #faaa75;--iui-color-border-negative: #f9a9a9;--iui-color-icon: #c9c9c9;--iui-color-icon-hover: #dbdbdb;--iui-color-icon-muted: #949494;--iui-color-icon-muted-hover: #a6a6a6;--iui-color-icon-disabled: #707070;--iui-color-icon-disabled-hover: #949494;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #7bb4f9;--iui-color-icon-positive: #82d080;--iui-color-icon-warning: #f59e56;--iui-color-icon-negative: #f89696;--iui-color-text: #dbdbdb;--iui-color-text-hover: #ededed;--iui-color-text-muted: #b8b8b8;--iui-color-text-placeholder: #a6a6a6;--iui-color-text-disabled: #828282;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #94befa;--iui-color-text-informational-hover: #bcd4fb;--iui-color-text-positive: #94d293;--iui-color-text-positive-hover: #d2efd2;--iui-color-text-warning: #faaa75;--iui-color-text-warning-hover: #fbc9ac;--iui-color-text-negative: #f9a9a9;--iui-color-text-negative-hover: #fbc6c6;--iui-color-background-hsl: 203deg 12% 22.75%;--iui-color-foreground-hsl: 0deg 0% 93%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 213deg 91% 73%;--iui-color-positive-hsl: 119deg 46% 66%;--iui-color-warning-hsl: 27deg 89% 65%;--iui-color-negative-hsl: 0deg 87% 78%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-4))}:where([data-iui-theme=dark]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333739;--iui-color-background-zebra: #383c3f;--iui-color-background-hover: #3d4245;--iui-color-background-backdrop: #1f2122;--iui-color-background-backdrop-hover: #292c2e;--iui-color-background-disabled: #141617;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #0071b8;--iui-color-background-informational-muted: #3c4449;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #157e11;--iui-color-background-positive-muted: #3c4441;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #8f6400;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #c52b26;--iui-color-background-negative-muted: #484244;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .085);--iui-color-border-subtle: #5c6367;--iui-color-border: #666e73;--iui-color-border-foreground: #999999;--iui-color-border-foreground-hover: #b3b3b3;--iui-color-border-disabled: #8c8c8c;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #c3deee;--iui-color-border-positive: #c8e1c7;--iui-color-border-warning: #e8d8c4;--iui-color-border-negative: #f9d2d2;--iui-color-icon: #d9d9d9;--iui-color-icon-hover: #e6e6e6;--iui-color-icon-muted: #bfbfbf;--iui-color-icon-muted-hover: #cccccc;--iui-color-icon-disabled: #8c8c8c;--iui-color-icon-disabled-hover: #999999;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #90c1e0;--iui-color-icon-positive: #96c695;--iui-color-icon-warning: #d5b690;--iui-color-icon-negative: #f2a6a6;--iui-color-text: #e6e6e6;--iui-color-text-hover: #f2f2f2;--iui-color-text-muted: #cccccc;--iui-color-text-disabled: #8c8c8c;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #c3deee;--iui-color-text-informational-hover: #ebf4f9;--iui-color-text-positive: #c8e1c7;--iui-color-text-positive-hover: #ecf4ec;--iui-color-text-warning: #e8d8c4;--iui-color-text-warning-hover: #f7f0e9;--iui-color-text-negative: #f9d2d2;--iui-color-text-negative-hover: #fdeded;--iui-color-background-hsl: 203deg 6% 21.25%;--iui-color-foreground-hsl: 0deg 0% 95%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 56% 72%;--iui-color-positive-hsl: 119deg 30% 68%;--iui-color-warning-hsl: 33deg 45% 70%;--iui-color-negative-hsl: 0deg 75% 80%}}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-400-normal-XY9qUppk.woff2) format("woff2"),url(./noto-sans-cyrillic-400-normal--jh3sVvp.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-400-normal-BV8n3Zrw.woff2) format("woff2"),url(./noto-sans-devanagari-400-normal-Da_uNpmI.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-normal-D73iK5X1.woff2) format("woff2"),url(./noto-sans-greek-ext-400-normal-DWouWyWY.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-normal-CPTbu1sO.woff2) format("woff2"),url(./noto-sans-greek-400-normal-BroOW-sQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-normal-l431O8bE.woff2) format("woff2"),url(./noto-sans-vietnamese-400-normal-DziUSn_1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2) format("woff2"),url(./noto-sans-latin-ext-400-normal-vP3vnBxr.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-CF_EggQ_.woff2) format("woff2"),url(./noto-sans-latin-400-normal-DMz6UGTQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2) format("woff2"),url(./noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2) format("woff2"),url(./noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2) format("woff2"),url(./noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2) format("woff2"),url(./noto-sans-mono-greek-400-normal-Dj2MoONQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA7IABAAAAAAJwgAAA5mAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh0QcgXQGYD9TVEFURACBQBEICqhopA4LghoAATYCJAOEIAQgBYRuB4laDAcbfCKzETZsHBBgyi4RlZuvBP/H48YQwQ3Qqv0sGZEplHSs0Qo2dzIcRxgSPKksjHw8WzBdKMc0WVpwrzTl4ARflyaNdzxmkxCh27Whow1xPpNEUiXVfaHOk5QqNbf5t0r9XRqi7RdU5j/Z/dc5t6rrtfTh+up5A/VYK779a0bSUNHCioxoopWiiRYcnk79d22GsHAKKC50ga9OUhD7qIQJqAab4Gs/dN+F0SWKJDqgEqCusJkqQLadChtZYGE6nv/B/8d9ev65DzAbcCYajsIqvAtnIpi0gCu1ILVOH4i21W4kHO9wuDPaohxbPXOxJrWB1/DCk4tMKnJpcuBKk+m1adKkoJOt/wGigRswr1tqSxXwc4AGrtk6qGi02XXTIvL/V+n3WEQPktrCJ7zHid+JEpnjO2qA/0a0RG7bgSEkwVBcMflFRBlbKNSC7vw092rz/l0+pwQOUE+4DNmJNL3/0tv1yqQGQGkGyRDd1OTsHJECtIAK0AgGNSVm9IxU4+HhUquX5GEEOidgTQuSsX429gqWYbU5lcbiiVpwKTy5N7NvsJ1elkxnR2RKEWEJm1oonz2/2scaJOYDACAHAKQAnYAU0InEdjuQsdYGG22y2RbCaNOLBt0AstZaynrr0QZbqOz7oxDgqx0GNW+B6oK491l7EA+uRQfisWQfQaQB+P8vASSvpRPqx7vPS4AAEHScHVCedKm1jBT5F36UTIDMFSYnVKxuFi3FCPJakR+kgHfZUCOYtTbHPXeMNYGJTU3oF1J3EuF/kmoSJId4E+Pozl0DyMX0eCSSS9fDOS+10hHAQbASFsNcd62nTIoqrK+iGyhFaUPMXRQZKP4JxW+wH37l3+fwSTG3Ab5079PwBXwE7/DXvPyI4DqojhavYlsrW6/B59tj5TbS4raLtb7lidvC8g51Vjh/kHhSi4dlJVBltdJi7z13GEszKca8fmJMim9FzI66UKFU0iJvpG5yiS9NTDwWUdGFoJhCUrD4iJUOtyAshD2RxvokoouBb0U0kfh4FtkAhJpNArF2Kvm5eu/UjJOBIc6LDyHp9LpTwJ4BHHvb1dbPMoklsarkrLM1plaZIkQzlEuasthKXE6JTcsNVSWuoPzENYaGf30oeZmiaBAQFQpm2bt3mGEjbiMEsWt2iFMEk1PaGZxdQEdt2iyzLMHeRb6vmXN/sURHQaWNtuCAnAwJgIP1W+YOTrEckBrH044W0RYc2tSThTUrDQGHsU8X2/8mei4qAW9+y0hnfAAsjcglgJIARsiJg/VOELhi314TAkr9c5BIcFYPXMxe9gJ5C8CSk0oKdaL2uKhq3ToDiNhQzBzv+XGPmxNSWnlqOMfP93of9b4bzDf4TyFMbXpe3O2mBOogXHJH5ge9T38IQ/7soaj1//2fbUV5kb8r/pfDv9WOjuqwj0pfEBhMqnmDtT0m5L8AsPNKwU6AaSAvgDoFzC9AHeuY6WbixjAje6pG5QNqg1iGi+l/KbOw82ATtK+2tBIdhkW1b1H/1TX8MK+OiQt1qAO/99afKsPuvSl9Fa1r1u27Tg8n0mfUOeGOrmZnEObLbhy6s/vSwO3lpuBgbOA1rXAgPhUW2ugEES8AFYiouqVDUXPp8rK3fjHBVLJQWd9hjjeXLmHqtkpTScp0dprla9JLuRe89deWDcch/fJbAumJWImkPHjwcJT2qLl85EgMgXUlaxvHlWmmtfaVXwTIYTb4M+dPr4tA695a+AQlF7ZY/U4TOBcPpV4WcMHuhZA7ly6WeFcBAbRRBRGf1iO8bi/1fcHjHpTsbtu+FIOwxVh8l0RpCzfneG37zvY4vyN43PfUwMZwrPSWRd3g6vhdPVuxoU8vLCy3z1Gfr+T2rdOfCuFF9B87lgj0XL6c9kvsesmqWwBPybIppvT2Fj1zQKvmQt+tNEtzz/733MVr2dUbLfnWvvlTXz5yJQPM1FWrhy9b+Ee3Lxkl+Kwc8Jx+cGsh5bV3n9q/6amXjIMRquZ7rlIwhhhfbN9M5115aToPHaI+1L1RrXcQJZs/o92lNQ2uX4VdnTkXUhC+ax/1nf7DRBkXp9/6/Uv2z+zGvJX7grDCq92tU872n02oybFkoPr0/ODn8907/+LY3Arnufb5N/7CDd3DH2odDiLOTiC829QjqL95CEh3b8Yhx07uH/dWrbSeGlihZ04luUXqVPmlkyYzQ6Xmg+XsFqVb6e+vW+22K5LkKXZlwXolshp2t9SVA+uXyGT6JWwYWKLXnOVpk4+cl71L6wy8SJl3RK1FPin7hDcxPw4GkPrtbTFTidOJkfwPV8cLw3fVNZ4x8wdWy9/iwGe3cZpQzKAKUs2EULaoc9gkN2uhmrGej1+otltcqiwygYPm6pCVHzQ4tnwDW29nhwi598uJdoZ2PQBBB13j4V0slXj8k+UtYMW6UTLFlpWQOs03wIhmE6gxjlwLydgCPX3vcesZPwQDA3E9SLjfGHLoua0E5llht1jfUEQkigz1xcAGPSw19GaaJLLD3IvSXFmsDFfP4giWSYInLDEkc0g+joahHp6GMtiBJBKkRngYhcKOAIXeeUJ4eJws2JPk5UX7Qwx2V5VpcnBsx1blLqj+pBpwlfmMfEi//PmR5AH3dMb+Z1zUPLhN/m7/WzmPHnovbNhGxLIGQ2nqv/T0v6uro7v0cH+tF1h3EtuSDT7PHxi3TyZjtmjOZjEAQ2Qiukb/YENEvVjQl1MoGm0/MmmtcG1hc/2plMJ4BodrB5TQA4ghHdZLZEucCuPcBablZS8aXz8R/1n6Bw/N1k8nJjoWseGoAFWGlmyH8wJBXHI0K9pYx1vmDcoSjR/uPJH89idRRtjx4by5uWNaXFmEsUV8LUba6+JCv65+QdWag4H1XfytLwizJbzy1VSLpABFjYZUJymVaa+GmCkqaf6TOuCP+JnpS8LJStl7YL1d9ecrmzT6dY58ixtVvm613Y3vJPgzIkGA4Rj5gUanWAd/O4tUNlaMelnbm62Yr6R8Nx0cmPtPIBOAjb6R4KD3aSxLDxrQ0J/b3YRAMTOXQspR8hGTbIGsE9ahd9UEQLxkP78iadj/SRrZ25I+50tXEm1oEZ09kPvf9QHRbWvDpllGmyPwZI3TB0toKERxs9egpa8MqT3kfsxgbfbMaP38ntW3g004MHoLI1kO68yAZTKs5LhysUTptzoLXB/XX+r5CMQOYgexg9hB7CCIhZnphIFJmfNQI5QMTfDQU7g2nHi2cG04gBTLsLNmFTbHT0xyoaBhbFQiw8qIifcDjDW9g+F1AttzYPSWSbE0C2GKZZrCJMIjfV5z1tV1xMZrpkJGYySlt+HxxiYDS+tiE6f5oTFFoj43rAyWQpyCBQuIU0AYEjjSmxgw2FOGSYnAiOEcfVEHfFKpIw7gAPs0grvXFuuDZc0ilql315Z4sAl9oroG7la3auXgRNTKAUStHOuNbGH0FhB9pfdommnDv516T58yD1ZXU4BcV0rk56IlK67Z2X5xmOSiuJ9siwWZ+0oHtJGn5OOEWcDfvbWjcPv3cH2LFcMowunC6i/DVQMAkjXSAcOLtEIA6ui+KiM252vu4vTGkRxhC+vcA4WWm/D9hzuGRiuesBdkCm/4Y6oefVobFK26+sagF7RK0ILafNXRspletfoH/h2h27Qy07C6vJRVu5oMIsiS94Frhjq2ICCUb+WLFqKHqB6t69Ak6atWKPeUaV0tN3keA31qYNjB5gU9W+JrWpDOtvaH2mRoE+VLKKV8iYa04r5JOrVC2mujdbQIPmZTxu6LJfpUC5m2hrwLPOADL/EQVrayBr9trbNzRqsmS/gREz7HmVheYK62wgPgAU3wAGPzfLNzK+Ec06oLBTrq9HGfC3Sw6cz6oP81HJZ/elnDCAiezO3e7RST6XBLw8PdGStI+qwEASh/XZT0MaJcf4c1PwB4Kzn/GIAvty4jgsa6rgsCAkMAAOHHblWyyaUI9gBymHljkggHnFYMqhAB6WALLDCWByxwBQSoku+FCuhxfykFLAn8Mj1XZUE5tMJrWVhH2sYV1IDl/lINEQPEFftDsI+/FWD1Vz6O2YkpAPh/fw/ibxDg/2D/WpaVYsWrncDjO9W0MahzBC1l7wW2G8dKPQAvht1llnojnxVx6FllsXdmtUlunXV0WztrNI3NxGYbWkUi1D4r8IWR8FngMBmypYmSKliSWLkS30UckUArNy5sizPlYJha0IMY2ZISkXsJu3iUJJVduUjwjQ7HIigfuSH890j3TgplSB/YOkockZcbUVsEmZHtyyZ9ZKA2xTTTzSzUM7j0DC7bGJzN/msWWENMjM2llfPm1euf9pEhU5HsIZUaj2nxoGYdk0jizhRKj5CtR8nixOSky+TRShxZqfzDzSHHuXuSm+aJ/nz8TBnS2LukcCu+ndL4W/ZNR66k6WwlzRYXRYrVObPNSJWtSWJYEtjR/wPV8E/eCUxUUEY0TVKba6EVYBwCfiRCNQUKu/wSq2jYIOnSo88A+3zx1afAMWLMhKmZuYWlbbbbYadddttjr332O6B10CGHHXHU6pYUzQDIIo7HgijJiqrphmnZjuv5KDQGi8MTiCQyhUqjM5gsNofL4wuEIrGXt4+vn79EKpMrlCq1RqurZccMRpPZYrXZHUNf2ayFme7pzw6/abDroPaHxuWSSx5l+7AdnRzSm6+mZrsh5+WO+9H/MjiRfQ7ZjbM9bOzTkvUyxzHnceeguoAGgsAQKAyOQBJJZAo1p+UfAASBIVAYHIEkksgUak7LfwAIAkOgMDgCSSSRKdSc1tEGAAAAIEmSJEmS5HJXAAKFwREvkTbJ5tZfZ7v8nZPz/0ZiPzRPtU6/a1Kk9AcrpZwBAAOEeyIq147dSZ9PRmlmylTdHUTnlH2gNHlOv7ly5uNBiHxV5WbbAQAAAA==) format("woff2"),url(./noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2) format("woff2"),url(./noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2) format("woff2"),url(./noto-sans-mono-latin-400-normal-D5LfrJfJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-400-italic-V6PUkjg4.woff2) format("woff2"),url(./noto-sans-cyrillic-400-italic-BY-huaZy.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-400-italic-Lk_flmKd.woff2) format("woff2"),url(./noto-sans-devanagari-400-italic-KeY3OvDe.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-italic-9zOpfpOs.woff2) format("woff2"),url(./noto-sans-greek-ext-400-italic-D2WbBWVW.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-italic-DHwB0AdM.woff2) format("woff2"),url(./noto-sans-greek-400-italic-BXJxTOvj.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-italic-CDqW7NCu.woff2) format("woff2"),url(./noto-sans-vietnamese-400-italic-DJmGvf9Z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-italic-UXQeYjoB.woff2) format("woff2"),url(./noto-sans-latin-ext-400-italic-BOMiliBU.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-italic-NApRWGLz.woff2) format("woff2"),url(./noto-sans-latin-400-italic-BT87CHj2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-cyrillic-600-normal-CeOYaFct.woff2) format("woff2"),url(./noto-sans-cyrillic-600-normal-BNt5LZ4o.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-devanagari-600-normal-Cpj6AYZt.woff2) format("woff2"),url(./noto-sans-devanagari-600-normal-CThdI4Pq.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-ext-600-normal-aAZHWXou.woff2) format("woff2"),url(./noto-sans-greek-ext-600-normal-6z6L_Ls-.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-600-normal-DFYp5DZ7.woff2) format("woff2"),url(./noto-sans-greek-600-normal-BG_E7BwQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-vietnamese-600-normal-IoVlQxRs.woff2) format("woff2"),url(./noto-sans-vietnamese-600-normal-BglhudU-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-ext-600-normal-DKxhPDUN.woff2) format("woff2"),url(./noto-sans-latin-ext-600-normal-DnEL7_BT.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-600-normal-Dwv8M6YL.woff2) format("woff2"),url(./noto-sans-latin-600-normal-_fLBzkdm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2) format("woff2"),url(./noto-sans-cyrillic-300-normal-BYgsrhU-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-devanagari-300-normal-WFEeL3On.woff2) format("woff2"),url(./noto-sans-devanagari-300-normal-BaWX0JzM.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-greek-ext-300-normal-UvyWJuNP.woff2) format("woff2"),url(./noto-sans-greek-ext-300-normal-BWqMMWJi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-greek-300-normal-A6rreO0I.woff2) format("woff2"),url(./noto-sans-greek-300-normal-CwHD5Qyw.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-vietnamese-300-normal-1wTC_8CS.woff2) format("woff2"),url(./noto-sans-vietnamese-300-normal-CVricyyO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-latin-ext-300-normal-CtU4TSpU.woff2) format("woff2"),url(./noto-sans-latin-ext-300-normal-CrbuCorf.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-latin-300-normal-CpwMVblg.woff2) format("woff2"),url(./noto-sans-latin-300-normal-CC6arpue.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-cyrillic-800-normal-D31NpEJW.woff2) format("woff2"),url(./noto-sans-cyrillic-800-normal-1db8kz6K.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-devanagari-800-normal-22WkZdaY.woff2) format("woff2"),url(./noto-sans-devanagari-800-normal-BllHDumE.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-greek-ext-800-normal-hc62tMAb.woff2) format("woff2"),url(./noto-sans-greek-ext-800-normal-C8SARZFJ.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-greek-800-normal-8nz4eQsi.woff2) format("woff2"),url(./noto-sans-greek-800-normal-Cf7pEXmB.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-vietnamese-800-normal-_bOV57RI.woff2) format("woff2"),url(./noto-sans-vietnamese-800-normal-BEidzocq.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-latin-ext-800-normal-CNTVX52Z.woff2) format("woff2"),url(./noto-sans-latin-ext-800-normal-CKTGHE34.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-latin-800-normal-DQrEOsut.woff2) format("woff2"),url(./noto-sans-latin-800-normal-BcBQLCDP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ladle-addons{background-color:var(--iui-color-background-backdrop);padding-block:4px}#ladle-root{padding:1rem}a.ladle-markdown{color:var(--iui-color-text-accent)}main{position:relative;transform:translateZ(0)}@layer reset,itwinui.v1,itwinui.v2;@layer itwinui.foundations.v3{:where(._iui3172-root):where([data-iui-theme]){color-scheme:light dark;accent-color:var(--iui-color-border-accent);--iui-size-3xs: .125rem;--iui-size-2xs: .25rem;--iui-size-xs: .5rem;--iui-size-s: .75rem;--iui-size-m: 1rem;--iui-size-l: 1.5rem;--iui-size-xl: 2rem;--iui-size-2xl: 4rem;--iui-size-3xl: 6rem;--iui-component-height-small: calc(var(--iui-size-s) * 2);--iui-component-height: calc(var(--iui-size-s) * 3);--iui-component-height-large: calc(var(--iui-size-s) * 4);--iui-border-radius-1: 4px;--iui-border-radius-round: 9999px;--iui-font-sans: "Noto Sans", "Open Sans", system-ui, sans-serif;--iui-font-mono: "Noto Sans Mono", ui-monospace, "Segoe UI Mono", Consolas, "Roboto Mono", monospace;--iui-font-size-0: .75rem;--iui-font-size-1: .875rem;--iui-font-size-2: 1rem;--iui-font-size-3: 1.125rem;--iui-font-size-4: 1.5rem;--iui-font-size-5: 2rem;--iui-font-weight-light: 300;--iui-font-weight-normal: 400;--iui-font-weight-semibold: 600;--iui-font-weight-bold: 700;--iui-shadow-0: 0;--iui-shadow-1: 0 1px 5px var(--iui-shadow-color);--iui-shadow-2: 0 1px 10px var(--iui-shadow-color);--iui-shadow-3: 0 3px 14px var(--iui-shadow-color);--iui-shadow-4: 0 6px 30px var(--iui-shadow-color);--iui-shadow-5: 0 9px 46px var(--iui-shadow-color);--iui-duration-0: 0s;--iui-duration-1: .2s;--iui-duration-2: .4s;--iui-duration-3: .8s;--iui-color-background-skyblue: #b5e1f2;--iui-color-background-celery: #c3d57c;--iui-color-background-froly: #fbafad;--iui-color-background-steelblue: #9cbdd8;--iui-color-background-sunglow: #ffd166;--iui-color-background-seabuckthorn: #f9b371;--iui-color-background-montecarlo: #99d6d2;--iui-color-background-poloblue: #abc3de;--iui-color-background-bouquet: #cbb3c9;--iui-color-background-ash: #dedbd3;--iui-color-background-oak: #ceb5a1;--iui-color-white: white}:where(._iui3172-root):where([data-iui-theme=light]){color-scheme:light;--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fbfbfc;--iui-color-background-hover: #f7f8f8;--iui-color-background-backdrop: #eef0f1;--iui-color-background-backdrop-hover: #e6e9ea;--iui-color-background-disabled: #dde1e3;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #00568f;--iui-color-background-informational-muted: #e4f3fc;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #0d610a;--iui-color-background-positive-muted: #e7f4e6;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #6b4b00;--iui-color-background-warning-muted: #f9f1e6;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #9e0008;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .06);--iui-color-border-subtle: #c4cbcf;--iui-color-border: #b3bcc1;--iui-color-border-foreground: #8f8f8f;--iui-color-border-foreground-hover: #6b6b6b;--iui-color-border-disabled: #a1a1a1;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #0071b8;--iui-color-border-positive: #157e11;--iui-color-border-warning: #7a4606;--iui-color-border-negative: #db0a0a;--iui-color-icon: #363636;--iui-color-icon-hover: #242424;--iui-color-icon-muted: #7d7d7d;--iui-color-icon-muted-hover: #6b6b6b;--iui-color-icon-disabled: #a1a1a1;--iui-color-icon-disabled-hover: #747474;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #008ae0;--iui-color-icon-positive: #1c9b17;--iui-color-icon-warning: #a05c08;--iui-color-icon-negative: #fd3535;--iui-color-text: #242424;--iui-color-text-hover: #121212;--iui-color-text-muted: #595959;--iui-color-text-placeholder: #747474;--iui-color-text-disabled: #a1a1a1;--iui-color-text-disabled-hover: #626262;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #0071b8;--iui-color-text-informational-hover: #00568f;--iui-color-text-positive: #157e11;--iui-color-text-positive-hover: #0d610a;--iui-color-text-warning: #7a4606;--iui-color-text-warning-hover: #552f02;--iui-color-text-negative: #db0a0a;--iui-color-text-negative-hover: #a80505;--iui-color-background-hsl: 203deg 10% 100%;--iui-color-foreground-hsl: 0deg 0% 7%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 44%;--iui-color-positive-hsl: 118deg 74% 35%;--iui-color-warning-hsl: 33deg 90% 33%;--iui-color-negative-hsl: 0deg 98% 60%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-5))}:where(._iui3172-root):where([data-iui-theme=light]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .8;--iui-opacity-3: .6;--iui-opacity-4: .4;--iui-opacity-5: .2;--iui-opacity-6: .1;--iui-color-background: white;--iui-color-background-zebra: #fafafa;--iui-color-background-hover: #f4f5f5;--iui-color-background-backdrop: #eaebec;--iui-color-background-backdrop-hover: #dfe1e2;--iui-color-background-disabled: #d4d7d8;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #003c66;--iui-color-background-informational-muted: #e5eff5;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #074205;--iui-color-background-positive-muted: #e7f0e6;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #4d3400;--iui-color-background-warning-muted: #f3eee7;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #700004;--iui-color-background-negative-muted: #ffebeb;--iui-color-background-transparent-hover: hsla(0, 0%, 0%, .08);--iui-color-border-subtle: #b4b8bb;--iui-color-border: #9fa4a8;--iui-color-border-foreground: #7a7a7a;--iui-color-border-foreground-hover: #5c5c5c;--iui-color-border-disabled: #8a8a8a;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #004f80;--iui-color-border-positive: #0d560b;--iui-color-border-warning: #583304;--iui-color-border-negative: #9c0707;--iui-color-icon: #2e2e2e;--iui-color-icon-hover: #1f1f1f;--iui-color-icon-muted: #5c5c5c;--iui-color-icon-muted-hover: #4d4d4d;--iui-color-icon-disabled: #737373;--iui-color-icon-disabled-hover: #4d4d4d;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #00619e;--iui-color-icon-positive: #116c0e;--iui-color-icon-warning: #754306;--iui-color-icon-negative: #bf0808;--iui-color-text: #1f1f1f;--iui-color-text-hover: #0f0f0f;--iui-color-text-muted: #4d4d4d;--iui-color-text-disabled: #737373;--iui-color-text-disabled-hover: #3d3d3d;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #004f80;--iui-color-text-informational-hover: #002c47;--iui-color-text-positive: #0d560b;--iui-color-text-positive-hover: #083206;--iui-color-text-warning: #583304;--iui-color-text-warning-hover: #2c1902;--iui-color-text-negative: #9c0707;--iui-color-text-negative-hover: #580404;--iui-color-background-hsl: 203deg 5% 100%;--iui-color-foreground-hsl: 0deg 0% 6%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 100% 31%;--iui-color-positive-hsl: 118deg 77% 24%;--iui-color-warning-hsl: 33deg 91% 24%;--iui-color-negative-hsl: 0deg 92% 39%}:where(._iui3172-root):where([data-iui-theme=dark]){color-scheme:dark;--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333c41;--iui-color-background-zebra: #374046;--iui-color-background-hover: #3a444a;--iui-color-background-backdrop: #242b2e;--iui-color-background-backdrop-hover: #2c3338;--iui-color-background-disabled: #1d2225;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #0071b8;--iui-color-background-informational-hover: #008ee0;--iui-color-background-informational-muted: #384652;--iui-color-background-positive: #157e11;--iui-color-background-positive-hover: #1e991a;--iui-color-background-positive-muted: #3a4b46;--iui-color-background-warning: #8f6400;--iui-color-background-warning-hover: #b88400;--iui-color-background-warning-muted: #46453f;--iui-color-background-negative: #c52b26;--iui-color-background-negative-hover: #e94f44;--iui-color-background-negative-muted: #464347;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .065);--iui-color-border-subtle: #49555d;--iui-color-border: #58666f;--iui-color-border-foreground: #707070;--iui-color-border-foreground-hover: #949494;--iui-color-border-disabled: #5e5e5e;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #94befa;--iui-color-border-positive: #94d293;--iui-color-border-warning: #faaa75;--iui-color-border-negative: #f9a9a9;--iui-color-icon: #c9c9c9;--iui-color-icon-hover: #dbdbdb;--iui-color-icon-muted: #949494;--iui-color-icon-muted-hover: #a6a6a6;--iui-color-icon-disabled: #707070;--iui-color-icon-disabled-hover: #949494;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #7bb4f9;--iui-color-icon-positive: #82d080;--iui-color-icon-warning: #f59e56;--iui-color-icon-negative: #f89696;--iui-color-text: #dbdbdb;--iui-color-text-hover: #ededed;--iui-color-text-muted: #b8b8b8;--iui-color-text-placeholder: #a6a6a6;--iui-color-text-disabled: #828282;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #94befa;--iui-color-text-informational-hover: #bcd4fb;--iui-color-text-positive: #94d293;--iui-color-text-positive-hover: #d2efd2;--iui-color-text-warning: #faaa75;--iui-color-text-warning-hover: #fbc9ac;--iui-color-text-negative: #f9a9a9;--iui-color-text-negative-hover: #fbc6c6;--iui-color-background-hsl: 203deg 12% 22.75%;--iui-color-foreground-hsl: 0deg 0% 93%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 213deg 91% 73%;--iui-color-positive-hsl: 119deg 46% 66%;--iui-color-warning-hsl: 27deg 89% 65%;--iui-color-negative-hsl: 0deg 87% 78%;--iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-4))}:where(._iui3172-root):where([data-iui-theme=dark]):where([data-iui-contrast=high]){--iui-opacity-1: 1;--iui-opacity-2: .85;--iui-opacity-3: .65;--iui-opacity-4: .45;--iui-opacity-5: .25;--iui-opacity-6: .1;--iui-color-background: #333739;--iui-color-background-zebra: #383c3f;--iui-color-background-hover: #3d4245;--iui-color-background-backdrop: #1f2122;--iui-color-background-backdrop-hover: #292c2e;--iui-color-background-disabled: #141617;--iui-color-background-accent: var(--iui-color-background-informational);--iui-color-background-accent-hover: var( --iui-color-background-informational-hover );--iui-color-background-accent-muted: var( --iui-color-background-informational-muted );--iui-color-background-informational: #00568f;--iui-color-background-informational-hover: #0071b8;--iui-color-background-informational-muted: #3c4449;--iui-color-background-positive: #0d610a;--iui-color-background-positive-hover: #157e11;--iui-color-background-positive-muted: #3c4441;--iui-color-background-warning: #6b4b00;--iui-color-background-warning-hover: #8f6400;--iui-color-background-warning-muted: #434342;--iui-color-background-negative: #9e0008;--iui-color-background-negative-hover: #c52b26;--iui-color-background-negative-muted: #484244;--iui-color-background-transparent-hover: hsla(0, 0%, 100%, .085);--iui-color-border-subtle: #5c6367;--iui-color-border: #666e73;--iui-color-border-foreground: #999999;--iui-color-border-foreground-hover: #b3b3b3;--iui-color-border-disabled: #8c8c8c;--iui-color-border-accent: var(--iui-color-border-informational);--iui-color-border-informational: #c3deee;--iui-color-border-positive: #c8e1c7;--iui-color-border-warning: #e8d8c4;--iui-color-border-negative: #f9d2d2;--iui-color-icon: #d9d9d9;--iui-color-icon-hover: #e6e6e6;--iui-color-icon-muted: #bfbfbf;--iui-color-icon-muted-hover: #cccccc;--iui-color-icon-disabled: #8c8c8c;--iui-color-icon-disabled-hover: #999999;--iui-color-icon-accent: var(--iui-color-icon-informational);--iui-color-icon-informational: #90c1e0;--iui-color-icon-positive: #96c695;--iui-color-icon-warning: #d5b690;--iui-color-icon-negative: #f2a6a6;--iui-color-text: #e6e6e6;--iui-color-text-hover: #f2f2f2;--iui-color-text-muted: #cccccc;--iui-color-text-disabled: #8c8c8c;--iui-color-text-disabled-hover: #a6a6a6;--iui-color-text-accent: var(--iui-color-text-informational);--iui-color-text-accent-hover: var(--iui-color-text-informational-hover);--iui-color-text-informational: #c3deee;--iui-color-text-informational-hover: #ebf4f9;--iui-color-text-positive: #c8e1c7;--iui-color-text-positive-hover: #ecf4ec;--iui-color-text-warning: #e8d8c4;--iui-color-text-warning-hover: #f7f0e9;--iui-color-text-negative: #f9d2d2;--iui-color-text-negative-hover: #fdeded;--iui-color-background-hsl: 203deg 6% 21.25%;--iui-color-foreground-hsl: 0deg 0% 95%;--iui-color-accent-hsl: var(--iui-color-informational-hsl);--iui-color-informational-hsl: 203deg 56% 72%;--iui-color-positive-hsl: 119deg 30% 68%;--iui-color-warning-hsl: 33deg 45% 70%;--iui-color-negative-hsl: 0deg 75% 80%}}@layer itwinui.foundations.v3{:where(._iui3172-root){color:var(--iui-color-text);font-size:var(--iui-font-size-1);line-height:1.5;font-family:var(--iui-font-sans)}:where(body._iui3172-root){margin:0}:where(body._iui3172-root,._iui3172-root._iui3172-root-background){background-color:var(--iui-color-background-backdrop)}:where(._iui3172-root,._iui3172-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(._iui3172-root,._iui3172-root *)::selection,:where(._iui3172-root,._iui3172-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where(._iui3172-root,._iui3172-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(._iui3172-root,._iui3172-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(._iui3172-root,._iui3172-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(._iui3172-root,._iui3172-root *)::-webkit-scrollbar-track{background-color:#0000}:where(._iui3172-root,._iui3172-root *)::-webkit-scrollbar-corner{background-color:#0000}:where(._iui3172-root,._iui3172-root *),:where(._iui3172-root,._iui3172-root *):before,:where(._iui3172-root,._iui3172-root *):after{box-sizing:border-box}:where(._iui3172-root,._iui3172-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes _iui3172-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}}@layer itwinui.v3.components{._iui3172-field{--_iui-field-color-text:var(--iui-color-text);--_iui-field-color-text-hover:var(--iui-color-text-hover);--_iui-field-color-text-disabled:var(--iui-color-text-disabled);--_iui-field-color-text-disabled-hover:var(--iui-color-text-disabled-hover);--_iui-field-color-icon:var(--iui-color-icon);--_iui-field-color-icon-hover:var(--iui-color-icon-hover);--_iui-field-color-icon-disabled:var(--iui-color-icon-disabled);--_iui-field-color-icon-disabled-hover:var(--iui-color-icon-disabled-hover);--_iui-field-color-background:var(--iui-color-background);--_iui-field-color-background-hover:var(--iui-color-background-hover);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-border:var(--iui-color-border-foreground);--_iui-field-color-border-hover:var(--iui-color-border-foreground-hover);--_iui-field-color-border-disabled:var(--iui-color-border-disabled);--_iui-field-color-focus-outline:var(--iui-color-border-accent);--_iui-field-height:var(--iui-component-height);--_iui-field-focus-outline-offset:-2px;--_iui-field-focus-outline-width:2px;--_iui-field-font-size:var(--iui-font-size-1);--_iui-field-state:var(--_iui-field-state--default);--_iui-field-state--default:var(--_iui-field-state,);--_iui-field-state--hover:var(--_iui-field-state,);--_iui-field-state--disabled:var(--_iui-field-state,);--_iui-field-state--disabled-hover:var(--_iui-field-state,);background-color:var(--_iui-field-state--default,var(--_iui-field-color-background))var(--_iui-field-state--hover,var(--_iui-field-color-background-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-background-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-background-disabled));border:1px solid;border-color:var(--_iui-field-state--default,var(--_iui-field-color-border))var(--_iui-field-state--hover,var(--_iui-field-color-border-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-border-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-border-disabled));border-radius:var(--iui-border-radius-1);color:var(--_iui-field-state--default,var(--_iui-field-color-text))var(--_iui-field-state--hover,var(--_iui-field-color-text-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-text-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-text-disabled-hover));fill:var(--_iui-field-state--default,var(--_iui-field-color-icon))var(--_iui-field-state--hover,var(--_iui-field-color-icon-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-icon-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-icon-disabled-hover));font:inherit;font-size:var(--_iui-field-font-size);font-weight:var(--iui-font-weight-normal);min-block-size:var(--_iui-field-height);min-inline-size:var(--_iui-field-height);-webkit-tap-highlight-color:var(--_iui-field-color-background-hover);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out,color var(--iui-duration-1)ease-out}._iui3172-field:where(:hover,:active){--_iui-field-state:var(--_iui-field-state--hover)}._iui3172-field:where(:focus-visible){outline:var(--_iui-field-focus-outline-width)solid var(--_iui-field-color-focus-outline);outline-offset:var(--_iui-field-focus-outline-offset)}._iui3172-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-field-state:var(--_iui-field-state--disabled);cursor:not-allowed}._iui3172-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):where(:hover,:focus-visible){--_iui-field-state:var(--_iui-field-state--disabled-hover)}._iui3172-field:where([data-iui-variant=borderless]){--_iui-field-color-background:transparent;--_iui-field-color-background-hover:var(--iui-color-background-transparent-hover);--_iui-field-color-background-disabled:transparent;--_iui-field-color-border:transparent;--_iui-field-color-border-hover:transparent;--_iui-field-color-border-disabled:transparent;--_iui-field-focus-outline-offset:-1px;--_iui-field-focus-outline-width:1px}._iui3172-field:where([data-iui-size=small]){--_iui-field-height:var(--iui-component-height-small)}._iui3172-field:where([data-iui-size=large]){--_iui-field-height:var(--iui-component-height-large);--_iui-field-font-size:var(--iui-font-size-2)}._iui3172-alert{vertical-align:baseline;--_iui-alert-border-color:var(--iui-color-border);border-radius:var(--iui-border-radius-1);color:var(--iui-color-text);background-color:var(--iui-color-background);border:none;border:1px solid var(--_iui-alert-border-color);box-shadow:inset var(--iui-size-2xs) 0 0 var(--_iui-alert-border-color);padding:0;align-items:center;margin:0;padding-inline-start:var(--iui-size-m);padding-inline-end:var(--iui-size-xs);display:flex}._iui3172-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}._iui3172-alert:where([data-iui-status=informational])::selection,._iui3172-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3172-alert:where([data-iui-status=informational]) ._iui3172-button:focus{outline-color:var(--iui-color-text-informational)}._iui3172-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}._iui3172-alert:where([data-iui-status=positive])::selection,._iui3172-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-alert:where([data-iui-status=positive]) ._iui3172-button:focus{outline-color:var(--iui-color-text-positive)}._iui3172-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}._iui3172-alert:where([data-iui-status=warning])::selection,._iui3172-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-alert:where([data-iui-status=warning]) ._iui3172-button:focus{outline-color:var(--iui-color-text-warning)}._iui3172-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}._iui3172-alert:where([data-iui-status=negative])::selection,._iui3172-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-alert:where([data-iui-status=negative]) ._iui3172-button:focus{outline-color:var(--iui-color-text-negative)}._iui3172-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;inset-block-start:0;inset-inline-start:0}._iui3172-alert-message{margin-block:var(--iui-size-s);margin-inline:var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}._iui3172-alert-link{border-radius:var(--iui-border-radius-1);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-inline-start:var(--iui-size-xs)}._iui3172-anchor{color:var(--iui-color-text-accent);-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));border-radius:var(--iui-border-radius-1);cursor:pointer;text-decoration:none}._iui3172-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}._iui3172-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}._iui3172-anchor:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}@media (prefers-contrast:more){._iui3172-anchor{text-decoration:underline}._iui3172-anchor:hover{text-decoration:none}}._iui3172-anchor[data-iui-underline=true],:is([data-iui-contrast=high] ._iui3172-anchor){text-decoration:underline}._iui3172-anchor[data-iui-underline=true]:hover,:is([data-iui-contrast=high] ._iui3172-anchor):hover{text-decoration:none}._iui3172-anchor-external{--_iui-anchor-external-svg:url("data:image/svg+xml,")}._iui3172-anchor-external:after{content:"";vertical-align:-.1ch;block-size:1.5ch;inline-size:1.5ch;-webkit-mask:var(--_iui-anchor-external-svg);mask:var(--_iui-anchor-external-svg);background-color:currentColor;margin-inline-start:.5ch;display:inline-block}@media (forced-colors:active){._iui3172-anchor-external:after{background-color:linktext}}._iui3172-anchor:where([data-iui-status=informational]){color:var(--iui-color-text-informational);-webkit-tap-highlight-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-6))}._iui3172-anchor:where([data-iui-status=informational]):focus-visible{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}._iui3172-anchor:where([data-iui-status=informational])::selection,._iui3172-anchor:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3172-anchor:where([data-iui-status=informational]):hover{color:var(--iui-color-text-informational-hover)}._iui3172-anchor:where([data-iui-status=positive]){color:var(--iui-color-text-positive);-webkit-tap-highlight-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6))}._iui3172-anchor:where([data-iui-status=positive]):focus-visible{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}._iui3172-anchor:where([data-iui-status=positive])::selection,._iui3172-anchor:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-anchor:where([data-iui-status=positive]):hover{color:var(--iui-color-text-positive-hover)}._iui3172-anchor:where([data-iui-status=warning]){color:var(--iui-color-text-warning);-webkit-tap-highlight-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6))}._iui3172-anchor:where([data-iui-status=warning]):focus-visible{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}._iui3172-anchor:where([data-iui-status=warning])::selection,._iui3172-anchor:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-anchor:where([data-iui-status=warning]):hover{color:var(--iui-color-text-warning-hover)}._iui3172-anchor:where([data-iui-status=negative]){color:var(--iui-color-text-negative);-webkit-tap-highlight-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6))}._iui3172-anchor:where([data-iui-status=negative]):focus-visible{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}._iui3172-anchor:where([data-iui-status=negative])::selection,._iui3172-anchor:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-anchor:where([data-iui-status=negative]):hover{color:var(--iui-color-text-negative-hover)}._iui3172-avatar{vertical-align:baseline;inline-size:var(--_iui-avatar-size);block-size:var(--_iui-avatar-size);background-color:var(--iui-color-background-skyblue);font-weight:var(--iui-font-weight-semibold);text-align:center;text-transform:uppercase;color:#000000c4;line-height:var(--_iui-avatar-size);font-size:var(--_iui-avatar-font-size);isolation:isolate;--_iui-avatar-size:var(--iui-size-xl);--_iui-avatar-font-size:var(--iui-font-size-2);--_iui-avatar-status-size:calc(var(--iui-size-2xs)*1.5);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}._iui3172-avatar:before{content:"";box-shadow:inset 0 0 0 var(--iui-size-3xs) hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-5));z-index:1;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-avatar svg{fill:#000000c4;block-size:50%;inline-size:50%;display:inline-flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-avatar>img{object-fit:cover;background-color:var(--iui-color-background);border-width:0;border-radius:50%;max-inline-size:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-avatar[data-iui-status]:after{content:"";border:var(--iui-size-3xs)solid var(--iui-color-background);background:var(--_iui-avatar-status-img)no-repeat center/var(--_iui-avatar-status-size,var(--iui-size-xs));background-color:var(--iui-color-border);z-index:2;border-radius:50%;justify-content:center;align-items:center;block-size:25%;inline-size:25%;display:flex;position:absolute;inset-block-end:calc(0px - var(--iui-size-3xs));inset-inline-end:calc(0px - var(--iui-size-3xs));box-sizing:content-box!important}._iui3172-avatar[data-iui-status=online]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-positive)}._iui3172-avatar[data-iui-status=away]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-warning)}._iui3172-avatar[data-iui-status=busy]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-background-negative)}._iui3172-avatar[data-iui-status=offline]:after{--_iui-avatar-status-img:url("data:image/svg+xml,");background-color:var(--iui-color-icon-muted)}._iui3172-avatar._iui3172-avatar-count{background-color:var(--iui-color-background);color:var(--iui-color-text-muted)}._iui3172-avatar._iui3172-avatar-count:before{box-shadow:inset 0 0 0 var(--iui-size-3xs) var(--iui-color-border)}._iui3172-avatar[data-iui-size=small]{--_iui-avatar-size:calc(1.5*var(--iui-size-m));--_iui-avatar-font-size:var(--iui-font-size-0);--_iui-avatar-status-size:var(--iui-size-2xs)}._iui3172-avatar[data-iui-size=large]{--_iui-avatar-size:calc(3*var(--iui-size-m));--_iui-avatar-font-size:var(--iui-font-size-3);--_iui-avatar-status-size:var(--iui-size-xs)}._iui3172-avatar[data-iui-size=x-large]{--_iui-avatar-size:var(--iui-size-2xl);--_iui-avatar-font-size:var(--iui-font-size-4);--_iui-avatar-status-size:var(--iui-size-s)}._iui3172-avatar-list{flex-wrap:wrap;display:inline-flex}._iui3172-avatar-list ._iui3172-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3172-avatar-list ._iui3172-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3172-avatar-list ._iui3172-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3172-avatar-list ._iui3172-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3172-avatar-list._iui3172-stacked ._iui3172-avatar:not(:first-child){box-shadow:0 0 0 var(--iui-size-2xs) var(--iui-color-background);margin-inline-start:calc(0px - var(--iui-size-2xs))}._iui3172-avatar-list._iui3172-stacked ._iui3172-avatar:not(:first-child)[data-iui-size=small]{box-shadow:0 0 0 var(--iui-size-3xs) var(--iui-color-background);margin-inline-start:calc(0px - var(--iui-size-3xs))}._iui3172-avatar-list._iui3172-stacked ._iui3172-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3172-avatar-list._iui3172-stacked ._iui3172-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:calc(0px - var(--iui-size-s))}@media (prefers-reduced-motion:no-preference){._iui3172-avatar-list._iui3172-stacked._iui3172-animated ._iui3172-avatar{transition:margin-left var(--iui-duration-2)ease-out}}._iui3172-avatar-list._iui3172-stacked._iui3172-animated:hover ._iui3172-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3172-avatar-list._iui3172-stacked._iui3172-animated:hover ._iui3172-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3172-avatar-list._iui3172-stacked._iui3172-animated:hover ._iui3172-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3172-avatar-list._iui3172-stacked._iui3172-animated:hover ._iui3172-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3172-badge{--iui-badge-background-color:#c7ccd1;--_iui-badge-border-color:var(--iui-badge-background-color);--_iui-badge-text-color:#0009;vertical-align:baseline;font-size:var(--iui-font-size-0);padding:0;padding-inline:calc(var(--iui-size-2xs)*1.5);border:none;border:1px solid var(--_iui-badge-border-color);border-radius:var(--iui-border-radius-1);background-color:var(--iui-badge-background-color);color:var(--_iui-badge-text-color);text-transform:uppercase;-webkit-user-select:none;user-select:none;max-inline-size:calc(20ch + var(--iui-size-2xs)*1.5*2);white-space:nowrap;text-overflow:ellipsis;font-weight:var(--iui-font-weight-semibold);margin:0;display:inline-block;overflow:hidden}._iui3172-badge:where([data-iui-status=informational]){--iui-badge-background-color:var(--iui-color-background-informational-muted);--_iui-badge-border-color:var(--iui-color-border-informational);--_iui-badge-text-color:var(--iui-color-text-informational)}._iui3172-badge:where([data-iui-status=positive]){--iui-badge-background-color:var(--iui-color-background-positive-muted);--_iui-badge-border-color:var(--iui-color-border-positive);--_iui-badge-text-color:var(--iui-color-text-positive)}._iui3172-badge:where([data-iui-status=warning]){--iui-badge-background-color:var(--iui-color-background-warning-muted);--_iui-badge-border-color:var(--iui-color-border-warning);--_iui-badge-text-color:var(--iui-color-text-warning)}._iui3172-badge:where([data-iui-status=negative]){--iui-badge-background-color:var(--iui-color-background-negative-muted);--_iui-badge-border-color:var(--iui-color-border-negative);--_iui-badge-text-color:var(--iui-color-text-negative)}._iui3172-backdrop{z-index:998;isolation:isolate;background-color:rgba(0,0,0,var(--iui-opacity-4));block-size:100%;inline-size:100%;transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:absolute;inset-block-start:0;inset-inline-start:0}._iui3172-backdrop:not(._iui3172-backdrop-visible){visibility:hidden;opacity:0}._iui3172-backdrop._iui3172-backdrop-visible{transition-delay:var(--iui-duration-0);animation:_iui3172-fade-in var(--iui-duration-1)ease-out}._iui3172-backdrop._iui3172-backdrop-fixed{position:fixed}._iui3172-blockquote{vertical-align:baseline;--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-color-background);border:none;border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);padding:0;padding-block:var(--iui-size-s);padding-inline:var(--iui-size-m);margin:0;margin-block:var(--iui-size-s);text-align:justify;border-inline-start:var(--iui-size-xs)solid var(--iui-color-border);display:block;position:relative}._iui3172-blockquote>footer{text-align:end;color:var(--iui-color-text-muted)}._iui3172-blockquote>footer>cite{font-style:normal}._iui3172-breadcrumbs{--_iui-breadcrumbs-height:var(--iui-component-height);vertical-align:baseline;block-size:var(--_iui-breadcrumbs-height);border:none;align-items:center;margin:0;padding:0;display:flex}._iui3172-breadcrumbs-list{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;align-items:center;block-size:100%;inline-size:100%;margin:0;padding:0;list-style-type:none;display:flex}._iui3172-breadcrumbs-item{align-items:center;block-size:100%;display:flex}._iui3172-breadcrumbs-item>*{max-inline-size:26ch}._iui3172-breadcrumbs-content{padding-inline:var(--iui-size-xs);line-height:var(--iui-component-height)}._iui3172-breadcrumbs-content,._iui3172-breadcrumbs-content>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-breadcrumbs-content:any-link{outline-offset:-1px}._iui3172-breadcrumbs-content:any-link:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}._iui3172-breadcrumbs-content:where(button,:any-link){vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);color:var(--iui-color-text-accent);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3172-breadcrumbs-content:where(button,:any-link):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3172-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(:not(._iui3172-button-spinner)){opacity:0}._iui3172-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(._iui3172-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-breadcrumbs-content:where(button,:any-link)[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3172-breadcrumbs-content:where(button,:any-link)[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3172-breadcrumbs-content:where(button,:any-link)[aria-current]{color:var(--iui-color-text)}._iui3172-breadcrumbs-separator{margin-inline:var(--iui-size-3xs);display:flex}._iui3172-breadcrumbs-separator svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-breadcrumbs-separator svg{fill:canvastext}}._iui3172-button{vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3172-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3172-button[data-iui-loading=true]>:where(:not(._iui3172-button-spinner)){opacity:0}._iui3172-button[data-iui-loading=true]>:where(._iui3172-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-button:is([data-iui-has-popover=open],:has(+:popover-open)){--_iui-field-state:var(--_iui-field-state--hover)}._iui3172-button[data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs)}._iui3172-button[data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l)}._iui3172-button[data-iui-variant=borderless]{--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs)}._iui3172-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3172-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3172-button[data-iui-variant=borderless][data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-2xs)}._iui3172-button[data-iui-variant=borderless][data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-s)}._iui3172-button[data-iui-active=true]{--_iui-field-color-icon:var(--iui-color-icon-accent);--_iui-field-color-icon-hover:var(--iui-color-icon-accent);--_iui-field-color-background:var(--iui-color-background-accent-muted);--_iui-field-color-background-hover:var(--iui-color-background-accent-muted);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-text:var(--iui-color-text-accent)}._iui3172-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block,initial);inset-inline:var(--_iui-button-active-stripe-inset-inline,initial);background:var(--_iui-button-active-stripe-background,var(--iui-color-border-accent));position:absolute}._iui3172-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-active-stripe-background:var(--iui-color-icon-disabled)}._iui3172-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-field-color-background:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));--_iui-field-color-background-hover:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3172-button:where([data-iui-variant=high-visibility],[data-iui-variant=cta]){--_iui-field-color-text:var(--iui-color-white);--_iui-field-color-text-hover:var(--iui-color-white);--_iui-field-color-focus-outline:var(--iui-color-white);--_iui-field-focus-outline-offset:-3px;--_iui-field-focus-outline-width:1px;--_iui-field-color-icon:var(--iui-color-white);--_iui-field-color-icon-hover:var(--iui-color-white)}._iui3172-button:where([data-iui-variant=high-visibility]){--_iui-field-color-background:var(--iui-color-background-accent);--_iui-field-color-background-hover:var(--iui-color-background-accent-hover);--_iui-field-color-border:var(--iui-color-background-accent);--_iui-field-color-border-hover:var(--iui-color-background-accent-hover)}._iui3172-button:where([data-iui-variant=cta]){--_iui-field-color-background:var(--iui-color-background-positive);--_iui-field-color-background-hover:var(--iui-color-background-positive-hover);--_iui-field-color-border:var(--iui-color-background-positive);--_iui-field-color-border-hover:var(--iui-color-background-positive-hover)}._iui3172-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3172-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3172-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3172-button-idea{border-radius:var(--iui-border-radius-round);box-shadow:var(--iui-shadow-5);position:fixed;inset-block-end:var(--iui-size-s);inset-inline-end:var(--iui-size-m)}._iui3172-button-icon{flex-shrink:0;display:inline-flex}._iui3172-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:inherit;flex-shrink:0;display:flex}._iui3172-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3172-button-split :where(._iui3172-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3172-button-split :where(._iui3172-button:first-child)[data-iui-variant=high-visibility],._iui3172-button-split :where(._iui3172-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3172-button-split :where(._iui3172-button:first-child):hover{z-index:1}._iui3172-button-split :where(._iui3172-button:first-child):is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-end-color:var(--iui-color-border-subtle);z-index:-1}._iui3172-button-split :where(._iui3172-button:last-child){--_iui-button-padding-inline:var(--iui-size-2xs);min-inline-size:unset;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._iui3172-button-split :where(._iui3172-button:last-child)[data-iui-variant=high-visibility],._iui3172-button-split :where(._iui3172-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3172-button-split :where(._iui3172-button:last-child):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle);z-index:-1}._iui3172-button-split :where(._iui3172-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3172-button-split :where(._iui3172-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3172-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs));--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):hover{z-index:1}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus,._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus:where([aria-disabled=true]),._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus-within,._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container){border-radius:0;transition-duration:0s}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container):hover,._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-child(1 of:where(._iui3172-field,._iui3172-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-last-child(1 of:where(._iui3172-field,._iui3172-input-flex-container))){border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3172-field,._iui3172-input-flex-container){margin-inline-start:-1px}._iui3172-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3172-field,._iui3172-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-inline-start-color:var(--iui-color-border-subtle)}._iui3172-button-group:where([data-iui-orientation=vertical]){isolation:isolate;pointer-events:none;flex-direction:column;align-items:center;max-block-size:100%;display:inline-flex}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs);--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs))}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):hover{z-index:1}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus,._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus:where([aria-disabled=true]),._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus-within,._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field,._iui3172-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container){border-radius:0;transition-duration:0s}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container):hover,._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3172-field:not([data-iui-variant=borderless]),._iui3172-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-child(1 of:where(._iui3172-field,._iui3172-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-last-child(1 of:where(._iui3172-field,._iui3172-input-flex-container))){border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3172-field,._iui3172-input-flex-container){margin-block-start:-1px}._iui3172-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3172-field,._iui3172-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-block-start-color:var(--iui-color-border-subtle)}._iui3172-button-group-overflow-x{inline-size:100%}._iui3172-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3172-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3172-carousel-slider{gap:var(--iui-size-xs);scroll-snap-type:x mandatory;scrollbar-width:none;order:-1;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}._iui3172-carousel-slider::-webkit-scrollbar{display:none}._iui3172-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3172-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3172-carousel-navigation{block-size:calc(var(--iui-size-s)*3);border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);align-items:center;display:flex}._iui3172-carousel-navigation-left,._iui3172-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3172-carousel-navigation-dots{vertical-align:baseline;max-inline-size:calc(var(--iui-size-2xl)*4);border-radius:var(--iui-border-radius-1);white-space:nowrap;scrollbar-width:none;border:none;margin:0;padding:0;overflow-x:auto}._iui3172-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3172-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3172-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3172-carousel-navigation-dot{cursor:pointer;block-size:var(--iui-component-height-small);padding-inline:var(--iui-size-xs);background-color:#0000;border:none}._iui3172-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3172-carousel-navigation-dot:after{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);content:"";background-color:var(--iui-color-icon-muted);box-shadow:inset 0 0 0 0 var(--iui-color-background);border:1px solid #0000;border-radius:50%;flex-shrink:0;display:flex}._iui3172-carousel-navigation-dot._iui3172-first:after{transform:scale(.5)}._iui3172-carousel-navigation-dot._iui3172-second:after{transform:scale(.75)}._iui3172-carousel-navigation-dot._iui3172-active:after{background-color:var(--iui-color-icon-accent);border-color:var(--iui-color-icon-accent);box-shadow:inset 0 0 0 1px var(--iui-color-background)}@media (forced-colors:active){._iui3172-carousel-navigation-dot._iui3172-active:after{border-width:var(--iui-size-xs)}}._iui3172-carousel-navigation-dot:focus{outline-color:#0000}._iui3172-carousel-navigation-right{justify-content:flex-end}._iui3172-checkbox-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;inline-size:fit-content;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;margin:0;padding:0;display:flex;position:relative}._iui3172-checkbox-wrapper[data-iui-loading=true]{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3172-checkbox-wrapper>._iui3172-checkbox-label,._iui3172-checkbox-wrapper>._iui3172-radio-label{line-height:var(--iui-size-l)}._iui3172-checkbox-wrapper>._iui3172-checkbox-label svg,._iui3172-checkbox-wrapper>._iui3172-radio-label svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);vertical-align:middle;fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3172-checkbox-wrapper[data-iui-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3172-checkbox-wrapper[data-iui-disabled=true] svg{fill:var(--iui-color-icon-disabled)}._iui3172-checkbox-wrapper[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3172-checkbox-wrapper[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3172-checkbox-wrapper[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3172-checkbox{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;flex-shrink:0;margin:0;display:flex;position:relative}._iui3172-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3172-checkbox:after{content:"";background-color:var(--_iui-checkbox-svg-color);-webkit-mask:var(--_iui-checkbox-mask-image)no-repeat center;mask:var(--_iui-checkbox-mask-image)no-repeat center;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3172-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3172-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3172-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3172-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-checkbox:disabled{--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-border-color:var(--iui-color-border-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled);cursor:not-allowed}._iui3172-checkbox._iui3172-checkbox-visibility{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3172-checkbox._iui3172-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3172-checkbox._iui3172-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3172-checkbox._iui3172-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3172-checkbox[data-iui-loading=true]{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3172-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);display:inline}._iui3172-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3172-codeblock>._iui3172-title-bar{border-radius:var(--iui-border-radius-1)var(--iui-border-radius-1)0 0;background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);border-block-end:none;align-items:center;display:flex}._iui3172-codeblock>._iui3172-title-bar>._iui3172-title{margin-inline-start:var(--iui-size-s)}._iui3172-codeblock>._iui3172-title-bar>._iui3172-button{margin-inline-start:auto}._iui3172-codeblock>._iui3172-codeblock-content{border-radius:0 0 var(--iui-border-radius-1)var(--iui-border-radius-1);white-space:normal;border:1px solid var(--iui-color-border);color:var(--iui-color-text);margin:0;display:grid;overflow:auto}._iui3172-codeblock>._iui3172-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-codeblock>._iui3172-codeblock-content>code{white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;inline-size:100%;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);display:block}._iui3172-codeblock>._iui3172-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3172-codeblock>._iui3172-codeblock-content>code:before{content:counter(section);text-align:end;padding-inline:var(--iui-size-xs);inline-size:calc(var(--iui-size-l) + 2*var(--iui-size-xs));background-color:var(--iui-color-background-backdrop);color:var(--iui-color-text-muted);display:inline-block}._iui3172-color-picker{--iui-color-picker-selected-color:initial;border-radius:var(--iui-border-radius-1);padding:var(--iui-size-s);-webkit-user-select:none;user-select:none;max-block-size:calc(var(--iui-size-s)*42);row-gap:var(--iui-size-s);flex-direction:column;display:inline-flex;overflow-y:auto}._iui3172-color-swatch{--iui-color-swatch-background:initial;block-size:var(--iui-size-l);inline-size:var(--iui-size-l);cursor:pointer;background-color:var(--iui-color-swatch-background);forced-color-adjust:none;background-position:0 0,calc(var(--iui-size-m)*.5)calc(var(--iui-size-m)*.5);background-size:var(--iui-size-m)var(--iui-size-m);background-image:repeating-linear-gradient(45deg,#c7ccd1 25%,#0000 25%,#0000 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25%,#edeff2 75%,#c7ccd1 75%,#c7ccd1);border-radius:5px;position:relative}._iui3172-color-swatch:after{content:"";inline-size:inherit;block-size:inherit;border-radius:inherit;background-color:inherit;box-shadow:inset 0 0 0 1px var(--iui-color-border-foreground);position:absolute;inset-block-start:0;inset-inline-start:0}._iui3172-color-swatch:hover{box-shadow:0 0 0 var(--iui-size-3xs) var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3172-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}._iui3172-color-swatch._iui3172-active{box-shadow:0 0 0 var(--iui-size-3xs) var(--iui-color-border-accent),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3172-color-swatch._iui3172-active:hover{box-shadow:0 0 0 var(--iui-size-3xs) var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground),0 0 0 var(--iui-size-3xs) var(--iui-color-border-accent)}._iui3172-color-palette{min-block-size:var(--iui-size-l);min-inline-size:var(--iui-size-l);align-content:flex-start;align-items:center;gap:var(--iui-size-xs);flex-wrap:wrap;display:flex}._iui3172-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3172-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3172-color-input{align-items:center;display:flex}._iui3172-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3172-color-input ._iui3172-button{margin-inline-end:var(--iui-size-2xs)}._iui3172-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3172-color-input-fields>*{flex-grow:1}._iui3172-color-input-fields input{text-transform:uppercase}._iui3172-color-input-fields input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:end}._iui3172-color-input-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3172-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3172-color-selection-wrapper{min-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8);gap:var(--iui-size-xs);flex-direction:column;display:flex}._iui3172-color-field{--iui-color-field-hue:initial;cursor:crosshair;inline-size:100%;block-size:calc(var(--iui-size-s)*17);forced-color-adjust:none;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,var(--iui-color-field-hue));position:relative}._iui3172-hue-slider ._iui3172-slider,._iui3172-opacity-slider ._iui3172-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3172-hue-slider ._iui3172-slider:before,._iui3172-opacity-slider ._iui3172-slider:before{forced-color-adjust:none}._iui3172-hue-slider ._iui3172-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3172-opacity-slider ._iui3172-slider:before{forced-color-adjust:none;background-position:0,0,calc(var(--iui-size-xs)*.5)calc(var(--iui-size-xs)*.5);background-size:auto,var(--iui-size-xs),var(--iui-size-xs);background-image:linear-gradient(to right,transparent 0%,var(--iui-color-picker-selected-color)100%),repeating-linear-gradient(45deg,#c7ccd1 25%,transparent 25%,transparent 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25%,#edeff2 75%,#c7ccd1 75%,#c7ccd1)}._iui3172-color-dot{--iui-color-dot-inset-block:initial;--iui-color-dot-inset-inline:initial;inset-block:var(--iui-color-dot-inset-block);inset-inline:var(--iui-color-dot-inset-inline);inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transform:translate(calc(0px - var(--iui-size-xs)),calc(0px - var(--iui-size-xs)));cursor:crosshair;background-color:var(--iui-color-picker-selected-color);border-radius:50%;position:absolute}._iui3172-color-dot:before{content:"";border-radius:inherit;outline:var(--iui-size-3xs)solid var(--iui-color-picker-selected-color);filter:invert()grayscale()contrast(999);position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-color-dot:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:3px;box-shadow:0 0 0 3px var(--iui-color-border)}._iui3172-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3172-date-picker ._iui3172-time-picker{block-size:0;min-block-size:100%}._iui3172-calendar-month-year{inline-size:100%;padding-inline:var(--iui-size-2xs);font-weight:var(--iui-font-weight-bold);justify-content:space-between;align-items:center;gap:var(--iui-size-2xs);display:inline-flex}._iui3172-calendar-month-year>span{white-space:nowrap;inline-size:156px;line-height:calc(var(--iui-size-s)*4);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._iui3172-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3172-calendar-weekdays{padding-inline:var(--iui-size-xs);line-height:36px;font-weight:var(--iui-font-weight-bold);background-color:var(--iui-color-background-backdrop);display:flex}._iui3172-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3172-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3172-calendar-day,._iui3172-calendar-day-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px}._iui3172-calendar-day:focus-visible,._iui3172-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-calendar-day:empty,._iui3172-calendar-day-today:empty{pointer-events:none}._iui3172-calendar-day:hover,._iui3172-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3172-calendar-day[aria-disabled=true],._iui3172-calendar-day-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}@media (forced-colors:active){._iui3172-calendar-day[aria-disabled=true],._iui3172-calendar-day-today[aria-disabled=true]{color:graytext}}._iui3172-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3172-calendar-day-selected,._iui3172-calendar-day-selected-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:default}._iui3172-calendar-day-selected:empty,._iui3172-calendar-day-selected-today:empty{pointer-events:none}._iui3172-calendar-day-selected:focus-visible,._iui3172-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3172-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-selected-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3172-calendar-day-selected-today:hover:before{background-color:initial}._iui3172-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3172-calendar-day-outside-month,._iui3172-calendar-day-outside-month-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px;color:var(--iui-color-text-muted)}._iui3172-calendar-day-outside-month:focus-visible,._iui3172-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-calendar-day-outside-month:empty,._iui3172-calendar-day-outside-month-today:empty{pointer-events:none}._iui3172-calendar-day-outside-month:hover,._iui3172-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3172-calendar-day-outside-month[aria-disabled=true],._iui3172-calendar-day-outside-month-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}@media (forced-colors:active){._iui3172-calendar-day-outside-month[aria-disabled=true],._iui3172-calendar-day-outside-month-today[aria-disabled=true]{color:graytext}}._iui3172-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-outside-month-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3172-calendar-day-range-start,._iui3172-calendar-day-range-start-today{text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:pointer;border-start-end-radius:0;border-end-end-radius:0}._iui3172-calendar-day-range-start:empty,._iui3172-calendar-day-range-start-today:empty{pointer-events:none}._iui3172-calendar-day-range-start:focus-visible,._iui3172-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3172-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-range-start-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-range-start-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3172-calendar-day-range-start-today:hover:before{background-color:initial}._iui3172-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3172-calendar-day-range-end,._iui3172-calendar-day-range-end-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);border-start-start-radius:0;border-end-start-radius:0}._iui3172-calendar-day-range-end:empty,._iui3172-calendar-day-range-end-today:empty{pointer-events:none}._iui3172-calendar-day-range-end:focus-visible,._iui3172-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3172-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-range-end-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-range-end-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3172-calendar-day-range-end-today:hover:before{background-color:initial}._iui3172-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3172-calendar-day-range,._iui3172-calendar-day-range-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;background-color:var(--iui-color-background-accent-muted);border-radius:0;block-size:36px;inline-size:40px}._iui3172-calendar-day-range:focus-visible,._iui3172-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-calendar-day-range:empty,._iui3172-calendar-day-range-today:empty{pointer-events:none}._iui3172-calendar-day-range:hover,._iui3172-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3172-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3172-calendar-day-range-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3172-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3172-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3172-dialog-wrapper{pointer-events:none;z-index:999;isolation:isolate;block-size:100%;inline-size:100%;position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden;transform:translate(0)}._iui3172-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3172-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding-block:var(--iui-size-s);padding-inline:var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear var(--iui-duration-1),opacity var(--iui-duration-1)ease-out;flex-direction:column;display:flex;position:fixed}@media (forced-colors:active){._iui3172-dialog{border:1px solid}}._iui3172-dialog:not(._iui3172-dialog-visible){visibility:hidden;opacity:0}._iui3172-dialog._iui3172-dialog-visible{animation:_iui3172-fade-in var(--iui-duration-1)ease-out}@keyframes _iui3172-slide-up{0%{transform:translateY(100%)}}._iui3172-dialog-default{min-block-size:7.75rem;max-block-size:100vh;min-inline-size:min(100%,380px);max-inline-size:max(50%,380px);max-block-size:100dvh}._iui3172-dialog-default:not([data-iui-placement]){inset-block-start:round(33%,1px);inset-inline-start:round(50%,1px);transform:translate(round(-50%,1px),round(-33%,1px))}@supports not (top:Round(1px,1px)){._iui3172-dialog-default:not([data-iui-placement]){inset-block-start:33%;inset-inline-start:50%;transform:translate(-50%,-33%)}}._iui3172-dialog-default[data-iui-placement=top-left]{margin-block-start:var(--iui-size-m);margin-inline-start:var(--iui-size-s);inset-block-start:0;inset-inline-start:0}._iui3172-dialog-default[data-iui-placement=top-right]{margin-block-start:var(--iui-size-m);margin-inline-end:var(--iui-size-s);inset-block-start:0;inset-inline-end:0}._iui3172-dialog-default[data-iui-placement=bottom-left]{margin-block-end:var(--iui-size-m);margin-inline-start:var(--iui-size-s);inset-block-end:0;inset-inline-start:0}._iui3172-dialog-default[data-iui-placement=bottom-right]{margin-block-end:var(--iui-size-m);margin-inline-end:var(--iui-size-s);inset-block-end:0;inset-inline-end:0}._iui3172-dialog-full-page{block-size:100vh;block-size:100dvb;inline-size:100vw;will-change:transform;border-radius:0;inline-size:100vi;inset-block-start:0;inset-inline-start:0}._iui3172-dialog-full-page:not(._iui3172-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){._iui3172-dialog-full-page{transition:visibility var(--iui-duration-0)linear var(--iui-duration-2),opacity var(--iui-duration-0)linear var(--iui-duration-2),transform var(--iui-duration-1)ease-in}._iui3172-dialog-full-page._iui3172-dialog-visible{animation:_iui3172-slide-up var(--iui-duration-2)ease-out,_iui3172-fade-in var(--iui-duration-2)ease-out}}._iui3172-dialog-draggable{border:1px solid var(--iui-color-border)}._iui3172-dialog-title{overflow-wrap:break-word;margin-inline-end:auto;overflow:hidden}._iui3172-dialog-title-bar{font-size:var(--iui-font-size-3);align-items:center;margin-block-end:var(--iui-size-s);display:flex}._iui3172-dialog-title-bar-filled{font-size:var(--iui-font-size-2);padding-block:calc(var(--iui-size-s)*.5);padding-inline:var(--iui-size-m);margin-inline:calc(0px - var(--iui-size-m));margin-block:calc(0px - var(--iui-size-s))var(--iui-size-s);cursor:grab;background-color:var(--iui-color-background-backdrop);border-block-end:1px solid var(--iui-color-border);border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3172-dialog-title-bar-filled:active{cursor:grabbing}._iui3172-dialog-content{margin-inline:calc(0px - var(--iui-size-m));padding-inline:var(--iui-size-m);flex-grow:2;overflow-y:auto}._iui3172-dialog-button-bar{justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);margin-block-start:var(--iui-size-s);display:flex}._iui3172-expandable-block{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon);--_iui-expandable-block-expander-icon-transform:none;--_iui-expandable-block-border:1px solid var(--_iui-expandable-block-border-color);--_iui-expandable-block-border-color:var(--iui-color-border);--_iui-expandable-block-background-color:var(--iui-color-background);--_iui-expandable-block-content-padding:var(--iui-size-s);--_iui-expandable-block-header-background-color-disabled:var(--iui-color-background-disabled);--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-hover);--_iui-expandable-block-header-focus-offset:-2px;--_iui-expandable-block-header-focus-thickness:2px;--_iui-expandable-block-header-caption-color-hover:var(--iui-color-text-hover);--_iui-expandable-block-expander-icon-size:var(--iui-size-m);--_iui-expandable-block-header-gap:var(--iui-size-s);--_iui-expandable-block-header-padding:var(--iui-size-s);isolation:isolate;border-radius:var(--iui-border-radius-1);flex-direction:column;inline-size:100%;display:flex}._iui3172-expandable-block[data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:0;--_iui-expandable-block-expander-icon-transform:rotate(90deg)}._iui3172-expandable-block[data-iui-size=small]{--_iui-expandable-block-expander-icon-size:var(--iui-size-s);--_iui-expandable-block-header-gap:var(--iui-size-xs);--_iui-expandable-block-header-padding:calc(var(--iui-size-s)*.5)var(--iui-size-xs)}._iui3172-expandable-block[data-iui-variant=borderless]{--_iui-expandable-block-border:none;--_iui-expandable-block-background-color:transparent;--_iui-expandable-block-content-padding:none;--_iui-expandable-block-header-background-color-disabled:transparent;--_iui-expandable-block-header-focus-offset:-1px;--_iui-expandable-block-header-focus-thickness:1px}._iui3172-expandable-block[data-iui-variant=borderless][data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:inherit}._iui3172-expandable-header{vertical-align:baseline;gap:var(--_iui-expandable-block-header-gap);padding:0;padding:var(--_iui-expandable-block-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);font:inherit;z-index:1;text-align:start;background-color:var(--_iui-expandable-block-background-color);border:none;border:var(--_iui-expandable-block-border);border-radius:inherit;transition:background-color var(--iui-duration-1)ease-out;border-end-end-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);border-end-start-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);align-items:center;margin:0;display:flex}._iui3172-expandable-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@media (forced-colors:active){._iui3172-expandable-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}._iui3172-expandable-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--_iui-expandable-block-header-caption-color-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){._iui3172-expandable-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color-hover:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:highlight}}._iui3172-expandable-header:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){._iui3172-expandable-header:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-expandable-block-expander-icon-fill:GrayText;--_iui-expandable-block-header-caption-color:GrayText;--_iui-expandable-block-header-label-color:GrayText;border-color:graytext}}._iui3172-expandable-block-icon{--iui-svg-size:var(--_iui-expandable-block-expander-icon-size);--iui-svg-fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform);transition:fill var(--iui-duration-1)ease-out}@media (prefers-reduced-motion:no-preference){._iui3172-expandable-block-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3172-expandable-block-label{min-inline-size:0;font-size:var(--iui-font-size-2);color:var(--_iui-expandable-block-header-label-color,inherit);flex-direction:column;flex:auto;display:flex}:is(._iui3172-expandable-block-title,._iui3172-expandable-block-caption){white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}@media (forced-colors:active){:is(._iui3172-expandable-block-title,._iui3172-expandable-block-caption){transition:none}}._iui3172-expandable-block-caption{font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted))}._iui3172-expandable-content{background-color:var(--_iui-expandable-block-background-color);border-inline-end:var(--_iui-expandable-block-border);border-inline-start:var(--_iui-expandable-block-border);transition:all var(--iui-duration-1)ease-out;border-end-end-radius:inherit;border-end-start-radius:inherit;grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);transition-property:opacity;display:grid;overflow:hidden}@media (prefers-reduced-motion:no-preference){._iui3172-expandable-content{transition-property:grid-template-rows,visibility,opacity,transform}}._iui3172-expandable-content>div{visibility:hidden;min-block-size:0;padding-inline:var(--_iui-expandable-block-content-padding);align-self:end}@media (prefers-reduced-motion:no-preference){._iui3172-expandable-content>div{transition:visibility var(--iui-duration-1)ease-out}}:where(._iui3172-expandable-block[data-iui-expanded=true]) ._iui3172-expandable-content{grid-template-rows:1fr}:where(._iui3172-expandable-block[data-iui-expanded=true]) ._iui3172-expandable-content>div{padding-block:var(--_iui-expandable-block-content-padding);border-block-end:var(--_iui-expandable-block-border);visibility:visible}:where(._iui3172-expandable-block:not([data-iui-expanded=true])) ._iui3172-expandable-content{opacity:0;transform:translateY(round(-1rem,1px))}@supports not (top:Round(1px,1px)){:where(._iui3172-expandable-block:not([data-iui-expanded=true])) ._iui3172-expandable-content{transform:translateY(-1rem)}}:where(._iui3172-fieldset-base){border:none;margin:0;padding:0}._iui3172-fieldset{padding:var(--iui-size-s);border-radius:var(--iui-border-radius-1);border:1px solid var(--iui-color-border);background-color:var(--iui-color-background)}._iui3172-fieldset legend{font-size:var(--iui-font-size-2);padding-inline:var(--iui-size-xs);border-radius:var(--iui-border-radius-1);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border:2px solid var(--iui-color-border);color:var(--iui-color-text)}._iui3172-fieldset[disabled]{cursor:not-allowed}._iui3172-fieldset[disabled] legend{color:var(--iui-color-text-disabled)}._iui3172-file-upload{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);border:none;margin:0;padding:0;line-height:1;display:flex;position:relative}._iui3172-file-upload>._iui3172-content{visibility:hidden;align-content:center;place-items:center;gap:var(--iui-size-xs);background-color:var(--iui-color-background-backdrop);border:1px solid var(--iui-color-background-backdrop);border-radius:var(--iui-border-radius-1);block-size:100%;inline-size:100%;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}._iui3172-file-upload>._iui3172-content ._iui3172-browse-input{clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}._iui3172-file-upload>._iui3172-content>svg,._iui3172-file-upload>._iui3172-content :is(._iui3172-template-icon,._iui3172-template-icon>svg){inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-file-upload>._iui3172-content>svg,._iui3172-file-upload>._iui3172-content :is(._iui3172-template-icon,._iui3172-template-icon>svg){fill:canvastext}}._iui3172-file-upload>._iui3172-content:only-child{visibility:visible;position:relative}._iui3172-file-upload>._iui3172-content:only-child:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3172-file-upload>._iui3172-content ._iui3172-template-text{gap:var(--iui-size-2xs);margin-inline-start:var(--iui-size-l);display:grid}._iui3172-file-upload>._iui3172-content ._iui3172-template-text>label{font-weight:var(--iui-font-weight-bold)}._iui3172-file-upload._iui3172-drag>._iui3172-content{visibility:visible;background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3172-file-upload._iui3172-drag>._iui3172-content svg,._iui3172-file-upload._iui3172-drag>._iui3172-content ._iui3172-template-icon{fill:var(--iui-color-icon-accent)}._iui3172-file-upload-template{padding:var(--iui-size-m);justify-content:center;align-items:center;display:flex}._iui3172-file-card{vertical-align:baseline;align-items:center;gap:var(--iui-size-s);padding:0;padding:var(--iui-size-m);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;border:1px solid var(--iui-color-border-subtle);color:var(--iui-color-text);inline-size:100%;margin:0;line-height:1;display:flex}._iui3172-file-card:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3172-file-card-icon,._iui3172-file-card-icon svg{inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-file-card-icon,._iui3172-file-card-icon svg{fill:canvastext}}._iui3172-file-card-text{gap:var(--iui-size-2xs);display:grid}._iui3172-file-card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-file-card-description{white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);overflow:hidden}._iui3172-file-card-action{font-weight:var(--iui-font-weight-bold);margin-inline-start:auto}._iui3172-file-card-empty{vertical-align:baseline;justify-content:center;align-items:center;gap:var(--iui-size-l);padding:0;padding:var(--iui-size-m);border-radius:var(--iui-border-radius-1);border:none;border:1px solid var(--iui-color-border);inline-size:100%;margin:0;line-height:1;display:flex}._iui3172-file-card-empty:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3172-file-card-empty-icon,._iui3172-file-card-empty-icon svg{fill:var(--iui-color-icon-muted);inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-file-card-empty-icon,._iui3172-file-card-empty-icon svg{fill:canvastext}}._iui3172-file-card-empty-action{gap:var(--iui-size-2xs);display:grid}._iui3172-file-card-empty-action label{font-weight:var(--iui-font-weight-bold)}._iui3172-legal-footer{vertical-align:baseline;text-align:center;inline-size:100%;padding:0;padding-block:var(--iui-size-s);font-size:var(--iui-font-size-0);border:none;margin:0}._iui3172-legal-footer-list{flex-wrap:wrap;justify-content:center;align-items:center;margin-block:0;margin-inline:auto;padding:0;list-style-type:none;display:flex}._iui3172-legal-footer-item{-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;color:var(--iui-color-text-muted);align-items:center;display:flex}._iui3172-legal-footer-item>a,._iui3172-legal-footer-item>a:hover{color:var(--iui-color-text-muted)}._iui3172-legal-footer-item>a:not(:hover){text-decoration:none}@media (prefers-contrast:more){._iui3172-legal-footer-item>a:not(:hover){text-decoration:underline}}._iui3172-legal-footer-item>a[data-iui-underline=true]:not(:hover),:is([data-iui-contrast=high] ._iui3172-legal-footer-item>a):not(:hover){text-decoration:underline}._iui3172-legal-footer-separator{margin-inline:var(--iui-size-xs);inline-size:1px;block-size:var(--iui-size-s);background-color:var(--iui-color-border)}._iui3172-legal-footer-developer{color:var(--iui-color-text-muted)}._iui3172-page-header{--_iui-header-brand-label-font-size:var(--iui-font-size-2);--_iui-header-height:calc(var(--iui-size-s)*5);--_iui-header-icon-scale:none;vertical-align:baseline;inline-size:100%;block-size:var(--_iui-header-height);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border:none;border-block-end:2px solid var(--iui-color-border);color:var(--iui-color-text);justify-content:space-between;margin:0;padding:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3172-page-header{transition:height var(--iui-duration-1)ease-out}}._iui3172-page-header[data-iui-size=slim]{--_iui-header-brand-label-font-size:var(--iui-font-size-1);--_iui-header-height:calc(var(--iui-size-s)*3);--_iui-header-icon-scale:scale(.66666)}._iui3172-page-header-left,._iui3172-page-header-center,._iui3172-page-header-right{align-items:center;display:flex}._iui3172-page-header-right ._iui3172-button{border-radius:0;flex-shrink:0;block-size:100%}@media (forced-colors:active){._iui3172-page-header-right ._iui3172-button{border-block-width:0}}._iui3172-page-header-right ._iui3172-button:hover{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3172-page-header-right ._iui3172-avatar,._iui3172-page-header-right ._iui3172-avatar *{transition:width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out,font-size var(--iui-duration-1)ease-out}}._iui3172-page-header-divider{block-size:calc(var(--iui-size-s)*2);border-inline-start:2px solid var(--iui-color-border)}@media (forced-colors:active){._iui3172-page-header-divider{display:none}}._iui3172-header-breadcrumbs{--_iui-breadcrumbs-height:100%}._iui3172-header-brand{white-space:nowrap;box-sizing:border-box;background-color:#0000;flex-shrink:0;align-items:center;block-size:100%;display:inline-flex}._iui3172-header-brand:is(a,button,[role=button]){cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--iui-duration-1)ease-out;vertical-align:baseline;background-color:unset;color:unset;border:none;margin:0;padding:0;font-family:inherit}._iui3172-header-brand:is(a,button,[role=button]):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3172-header-brand:is(a,button,[role=button]){border:1px solid canvastext;border-block-width:0}}._iui3172-header-brand:is(a,button,[role=button]):hover{background-color:var(--iui-color-background-hover)}._iui3172-header-brand:is(a){text-decoration:none}._iui3172-header-brand-icon{margin-inline:calc(1.5*var(--iui-size-m));will-change:transform;transform:var(--_iui-header-icon-scale)}._iui3172-header-brand-icon,._iui3172-header-brand-icon>*{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));fill:var(--iui-color-icon);flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3172-header-brand-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3172-header-brand-label{font-size:var(--_iui-header-brand-label-font-size);margin-inline-end:var(--iui-size-s)}@media (prefers-reduced-motion:no-preference){._iui3172-header-brand-label{transition:font-size var(--iui-duration-1)ease-out}}@media (max-width:991px){._iui3172-header-brand-label{display:none}}._iui3172-page-header-left,._iui3172-header-breadcrumbs,._iui3172-header-breadcrumbs-list{margin-block-end:calc(0px - var(--iui-size-2xs));padding-block-end:var(--iui-size-2xs);overflow:hidden;box-sizing:content-box!important}._iui3172-header-breadcrumb-button{vertical-align:baseline;vertical-align:middle;block-size:100%;max-inline-size:25vw;padding:0;padding-inline:var(--iui-size-s);box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color var(--iui-duration-1)ease-out;color:inherit;justify-content:center;align-items:center;gap:var(--iui-size-s);cursor:pointer;border:none;border-radius:0;margin:0;font-family:inherit;display:inline-flex;overflow:hidden}._iui3172-header-breadcrumb-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3172-header-breadcrumb-button{border:1px solid;border-block-width:0}._iui3172-header-breadcrumb-button:not(:last-child){border-inline-end-width:0}}._iui3172-header-breadcrumb-button,._iui3172-header-breadcrumb-button:hover{background-color:#0000}._iui3172-header-breadcrumb-button:disabled,._iui3172-header-breadcrumb-button[aria-disabled=true]{cursor:not-allowed}._iui3172-header-breadcrumb-button svg{fill:currentColor}@media (forced-colors:active){:disabled ._iui3172-header-breadcrumb-button svg,[aria-disabled=true] ._iui3172-header-breadcrumb-button svg{fill:graytext}}._iui3172-header-breadcrumb-button-split{padding-inline:var(--iui-size-xs);flex-shrink:0;margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3172-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6))}[aria-current] ._iui3172-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3172-header-breadcrumb-button-split:disabled,._iui3172-header-breadcrumb-button-split[aria-disabled=true]{cursor:not-allowed}._iui3172-header-breadcrumb-button-split:disabled:hover,._iui3172-header-breadcrumb-button-split[aria-disabled=true]:hover{background-color:#0000}._iui3172-header-breadcrumb-item{max-inline-size:25vw;transition:background-color var(--iui-duration-1)ease-out;block-size:100%;color:var(--iui-color-text);box-sizing:border-box;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){._iui3172-header-breadcrumb-item{color:linktext;border:none}}._iui3172-header-breadcrumb-item:hover{background-color:var(--iui-color-background-hover)}._iui3172-header-breadcrumb-item[aria-current]{background-color:var(--iui-color-background-accent-muted);box-shadow:0 2px 0 0 var(--iui-color-border-accent);color:var(--iui-color-text-accent)}@media (forced-colors:active){._iui3172-header-breadcrumb-item[aria-current]{color:linktext;border-block-end:3px solid linktext}}._iui3172-header-breadcrumb-item[aria-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);background-color:#0000}._iui3172-header-breadcrumb-item[aria-disabled=true][aria-current]{box-shadow:none;background-color:var(--iui-color-background-backdrop)}@media (forced-colors:active){._iui3172-header-breadcrumb-item[aria-disabled=true][aria-current]{border-block-end:3px solid graytext}}._iui3172-header-breadcrumb-button-wrapper{inline-size:100%;display:flex;overflow:hidden}._iui3172-header-breadcrumb-button-icon{transform:var(--_iui-header-icon-scale);will-change:transform}._iui3172-header-breadcrumb-button-icon,._iui3172-header-breadcrumb-button-icon>*{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));border-radius:var(--iui-border-radius-1);flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3172-header-breadcrumb-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3172-header-breadcrumb-button-icon>svg{padding:var(--iui-size-2xs);background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-muted)}@media (forced-colors:active){._iui3172-header-breadcrumb-button-icon>svg{fill:linktext}}:is(._iui3172-active,[aria-current]) ._iui3172-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background);fill:currentColor}:is(:disabled,[aria-disabled=true]) ._iui3172-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background-backdrop);fill:currentColor}@media (forced-colors:active){:is(:disabled,[aria-disabled=true]) ._iui3172-header-breadcrumb-button-icon>svg{fill:graytext}}._iui3172-header-breadcrumb-button-icon :is(img,span){outline:2px solid hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6));outline-offset:-2px;transition:filter var(--iui-duration-1)ease-out}@media (prefers-reduced-motion:no-preference){._iui3172-header-breadcrumb-button-icon :is(img,span){transition:filter var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3172-header-breadcrumb-button-icon :is(img){object-fit:cover}._iui3172-header-breadcrumb-button-icon :is(span){background-position:50%;background-repeat:no-repeat;background-size:cover}:disabled ._iui3172-header-breadcrumb-button-icon :is(img,span),[aria-disabled=true] ._iui3172-header-breadcrumb-button-icon :is(img,span){filter:grayscale()opacity(.7)}@media (max-width:768px){._iui3172-header-breadcrumb-button-icon{display:none}}._iui3172-header-breadcrumb-button-dropdown-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;margin-inline-end:calc(0px - var(--iui-size-2xs));display:flex}._iui3172-header-breadcrumb-button-split ._iui3172-header-breadcrumb-button-dropdown-icon{margin-inline-end:0}._iui3172-header-breadcrumb-button-text{font-size:var(--iui-font-size-1);text-align:start;transition:color var(--iui-duration-1)ease-out;flex-direction:column;justify-content:center;display:flex;overflow:hidden}._iui3172-header-breadcrumb-button-text-label,._iui3172-header-breadcrumb-button-text-sublabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-header-breadcrumb-button-text-sublabel{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}@media (prefers-reduced-motion:no-preference){._iui3172-header-breadcrumb-button-text-sublabel{transition:visibility 0s linear 0s,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease-out}}._iui3172-active ._iui3172-header-breadcrumb-button-text-sublabel,[aria-current] ._iui3172-header-breadcrumb-button-text-sublabel,[aria-disabled=true] ._iui3172-header-breadcrumb-button-text-sublabel{color:inherit}[data-iui-size=slim] ._iui3172-header-breadcrumb-button-text-sublabel{visibility:hidden;opacity:0;block-size:0;inline-size:0}._iui3172-information-panel-wrapper{border-radius:var(--iui-border-radius-1);position:relative;overflow:hidden}._iui3172-information-panel{opacity:0;visibility:hidden;background-color:var(--iui-color-background);flex-direction:column;max-block-size:100%;max-inline-size:100%;display:flex;position:absolute}@media (prefers-reduced-motion:no-preference){._iui3172-information-panel{transition:visibility var(--iui-duration-0)var(--iui-duration-1)ease-in,transform var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease}}._iui3172-information-panel>._iui3172-resizer{touch-action:none;display:none;position:absolute}._iui3172-information-panel>._iui3172-resizer>._iui3172-resizer-bar{background-color:var(--iui-color-border)}._iui3172-information-panel>._iui3172-resizer:hover>._iui3172-resizer-bar{background-color:var(--iui-color-border-accent)}._iui3172-information-panel ._iui3172-information-header,._iui3172-information-panel ._iui3172-information-body{padding-inline:var(--iui-size-s)}._iui3172-information-panel ._iui3172-information-header{block-size:calc(var(--iui-size-s)*5);background-color:var(--iui-color-background);border-block-end:1px solid var(--iui-color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._iui3172-information-panel ._iui3172-information-header ._iui3172-information-header-label{align-items:center;display:flex;overflow:hidden}._iui3172-information-panel ._iui3172-information-header ._iui3172-information-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-information-panel ._iui3172-information-header ._iui3172-information-header-label svg{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));fill:var(--iui-color-icon-muted);flex-shrink:0;margin-inline-end:var(--iui-size-xs);display:flex}@media (forced-colors:active){._iui3172-information-panel ._iui3172-information-header ._iui3172-information-header-label svg{fill:canvastext}}._iui3172-information-panel ._iui3172-information-header ._iui3172-information-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3172-information-panel ._iui3172-information-body{padding-block:var(--iui-size-s);block-size:100%;overflow:hidden auto}._iui3172-information-panel ._iui3172-information-body>hr{border-color:var(--iui-color-border)}._iui3172-information-panel._iui3172-right{inline-size:calc(var(--iui-size-3xl)*4);min-inline-size:calc(var(--iui-size-3xl)*2);block-size:100%;box-shadow:-1px 0 10px var(--iui-shadow-color);clip-path:inset(0 0 0 -15px);inset-block-start:0;inset-inline-end:0}._iui3172-information-panel._iui3172-right>._iui3172-resizer{block-size:100%;inline-size:var(--iui-size-m);cursor:ew-resize;justify-content:center;inset-block-start:0}._iui3172-information-panel._iui3172-right>._iui3172-resizer>._iui3172-resizer-bar{block-size:100%;inline-size:1px}@media (prefers-reduced-motion:no-preference){._iui3172-information-panel._iui3172-right>._iui3172-resizer>._iui3172-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out}}._iui3172-information-panel._iui3172-right>._iui3172-resizer:hover>._iui3172-resizer-bar{inline-size:var(--iui-size-2xs)}._iui3172-information-panel._iui3172-right:where(:not(._iui3172-visible)){transform:translate(100%)}._iui3172-information-panel._iui3172-right>._iui3172-resizer{inset-inline-start:calc(var(--iui-size-m)*-.5)}._iui3172-information-panel._iui3172-bottom{block-size:calc(var(--iui-size-3xl)*4);min-block-size:calc(var(--iui-size-3xl)*2);inline-size:100%;box-shadow:0 -1px 10px var(--iui-shadow-color);clip-path:inset(-15px 0 0);inset-block-end:0;inset-inline-start:0}._iui3172-information-panel._iui3172-bottom>._iui3172-resizer{inline-size:100%;block-size:var(--iui-size-m);cursor:ns-resize;align-items:center;inset-inline-start:0}._iui3172-information-panel._iui3172-bottom>._iui3172-resizer>._iui3172-resizer-bar{block-size:1px;inline-size:100%}@media (prefers-reduced-motion:no-preference){._iui3172-information-panel._iui3172-bottom>._iui3172-resizer>._iui3172-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3172-information-panel._iui3172-bottom>._iui3172-resizer:hover>._iui3172-resizer-bar{block-size:var(--iui-size-2xs)}._iui3172-information-panel._iui3172-bottom:where(:not(._iui3172-visible)){transform:translateY(100%)}._iui3172-information-panel._iui3172-bottom>._iui3172-resizer{inset-block-start:calc(var(--iui-size-m)*-.5)}._iui3172-information-panel._iui3172-visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){._iui3172-information-panel._iui3172-visible{transition:transform var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease}}._iui3172-information-panel._iui3172-visible>._iui3172-resizer{display:flex}._iui3172-information-body-content{display:grid}._iui3172-information-body-content ._iui3172-input-label{font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text-muted)}._iui3172-information-body-content:not(._iui3172-inline)>:nth-child(2n):not(:last-child){margin-block-end:var(--iui-size-s)}._iui3172-information-body-content._iui3172-inline{row-gap:var(--iui-size-s);grid-template-columns:auto 1fr;align-items:center}._iui3172-information-body-content._iui3172-inline ._iui3172-input-label{text-align:end;justify-self:end;margin-inline-end:var(--iui-size-m)}._iui3172-input{inline-size:100%;line-height:var(--_iui-input-line-height,var(--iui-size-l));-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-block:var(--_iui-input-padding-block);padding-inline:var(--iui-size-s);--_iui-input-padding-block:var(--iui-size-2xs)}._iui3172-input::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1;-webkit-user-select:none;user-select:none}._iui3172-input:-webkit-autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3172-input:autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3172-input:where(textarea){line-height:inherit;resize:vertical}._iui3172-input:where(textarea)[disabled],._iui3172-input:where(textarea)[readonly]{resize:none}._iui3172-input[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-line-height:var(--iui-size-m)}._iui3172-input[data-iui-size=large]{--_iui-input-padding-block:var(--iui-size-xs);font-size:var(--iui-font-size-2)}._iui3172-input-with-icon{cursor:pointer;align-items:center;display:grid;position:relative}._iui3172-input-with-icon>:first-child{grid-area:1/-1}._iui3172-input-with-icon>:first-child:has(+._iui3172-end-icon){padding-inline-end:var(--iui-component-height)}@supports not selector(:has(+ *)){._iui3172-input-with-icon>:first-child:not(:only-child){padding-inline-end:var(--iui-component-height)}}._iui3172-input-with-icon>._iui3172-select-tag-container{max-inline-size:70%;inset-inline-end:unset}._iui3172-end-icon{pointer-events:none;--_iui-svg-fill:var(--iui-color-icon);transition:transform var(--iui-duration-1)ease-out;grid-area:1/-1;justify-self:end;margin-inline-end:calc(var(--iui-size-xs) + 1px);position:relative}._iui3172-end-icon._iui3172-disabled{cursor:not-allowed;--_iui-svg-fill:var(--iui-color-icon-disabled)}._iui3172-end-icon._iui3172-open{transform:rotate(180deg)}._iui3172-input-grid{row-gap:var(--iui-size-2xs);grid-template-rows:auto;grid-template-columns:1fr;align-items:center;display:grid}._iui3172-input-grid[data-iui-label-placement=inline]{grid-template-rows:1fr auto;grid-template-columns:auto 1fr}._iui3172-input-grid[data-iui-label-placement=inline]:not(:has(._iui3172-status-message)){grid-template-rows:1fr}._iui3172-input-grid[data-iui-label-placement=inline] ._iui3172-input-label{margin:0 var(--iui-size-m)0 0}._iui3172-input-grid[data-iui-label-placement=inline] ._iui3172-input-label._iui3172-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3172-input-grid[data-iui-label-placement=inline] ._iui3172-input-group{gap:var(--iui-size-m);flex-direction:row}._iui3172-input-grid ._iui3172-status-message{grid-column-end:-1}._iui3172-input-grid[data-iui-status=positive] :where(._iui3172-input,._iui3172-select-button),:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=positive]){--_iui-field-color-focus-outline:var(--iui-color-text-positive);--_iui-field-color-border-hover:var(--iui-color-border-positive);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-positive);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3172-input-grid[data-iui-status=positive] :where(._iui3172-input,._iui3172-select-button)::selection,._iui3172-input-grid[data-iui-status=positive] :where(._iui3172-input,._iui3172-select-button) ::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=positive])::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-input-grid[data-iui-status=positive] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=small],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=positive])[data-iui-size=small]{padding-block-end:0}._iui3172-input-grid[data-iui-status=positive] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=large],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=positive])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3172-input-grid[data-iui-status=warning] :where(._iui3172-input,._iui3172-select-button),:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=warning]){--_iui-field-color-focus-outline:var(--iui-color-text-warning);--_iui-field-color-border-hover:var(--iui-color-border-warning);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-warning);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3172-input-grid[data-iui-status=warning] :where(._iui3172-input,._iui3172-select-button)::selection,._iui3172-input-grid[data-iui-status=warning] :where(._iui3172-input,._iui3172-select-button) ::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=warning])::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-input-grid[data-iui-status=warning] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=small],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=warning])[data-iui-size=small]{padding-block-end:0}._iui3172-input-grid[data-iui-status=warning] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=large],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=warning])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3172-input-grid[data-iui-status=negative] :where(._iui3172-input,._iui3172-select-button),:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=negative]){--_iui-field-color-focus-outline:var(--iui-color-text-negative);--_iui-field-color-border-hover:var(--iui-color-border-negative);border-block-end:var(--iui-size-3xs)solid var(--iui-color-border-negative);padding-block-end:calc(var(--iui-size-2xs) - 1px)}._iui3172-input-grid[data-iui-status=negative] :where(._iui3172-input,._iui3172-select-button)::selection,._iui3172-input-grid[data-iui-status=negative] :where(._iui3172-input,._iui3172-select-button) ::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=negative])::selection,:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-input-grid[data-iui-status=negative] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=small],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=negative])[data-iui-size=small]{padding-block-end:0}._iui3172-input-grid[data-iui-status=negative] :where(._iui3172-input,._iui3172-select-button)[data-iui-size=large],:is(._iui3172-input,._iui3172-input-with-icon>._iui3172-select-button):where([data-iui-status=negative])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3172-input-label{font-weight:var(--iui-font-weight-semibold);color:var(--_iui-input-label-color);cursor:default;display:block}._iui3172-input-label._iui3172-required:after{content:"*";color:var(--iui-color-text-negative);margin-inline-start:var(--iui-size-2xs)}._iui3172-input-label[data-iui-disabled=true]{--_iui-input-label-color:var(--iui-color-text-disabled)}._iui3172-input-label:is(label){cursor:pointer}._iui3172-input-label:is(label)[data-iui-disabled=true]{cursor:not-allowed}._iui3172-input-label._iui3172-inline{margin:0 var(--iui-size-m)0 0;align-items:center;display:inline-flex}._iui3172-input-label._iui3172-inline._iui3172-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3172-input-flex-container{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-accent-border-color:var(--iui-color-border-accent);--_iui-input-text-color:var(--iui-color-text);--_iui-input-padding-block:var(--iui-size-2xs);--_iui-input-min-height:var(--iui-component-height);background-color:var(--_iui-input-background-color);border-radius:var(--iui-border-radius-1);color:var(--_iui-input-text-color);block-size:var(--_iui-input-min-height);isolation:isolate;inline-size:100%;min-block-size:var(--_iui-input-min-height);block-size:fit-content;line-height:var(--iui-size-l);align-items:center;padding-inline:1px;display:inline-flex;position:relative}._iui3172-input-flex-container:before{content:"";border:1px solid var(--_iui-input-border-color);border-radius:inherit;transition:border-color var(--iui-duration-1)ease-out;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-input-flex-container:hover{--_iui-input-border-color:var(--iui-color-border-foreground-hover);--_iui-input-background-color:var(--iui-color-background-hover);--_iui-input-text-color:var(--iui-color-text-hover)}:is(._iui3172-input-flex-container:has(input:focus-visible),._iui3172-input-flex-container:has(textarea:focus-visible)){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3172-input-flex-container:has(input:focus-visible):before{border-color:#0000}._iui3172-input-flex-container:has(textarea:focus-visible):before{border-color:#0000}@supports not selector(:has(+ *)){._iui3172-input-flex-container:where(:focus-within){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3172-input-flex-container:where(:focus-within):before{border-color:#0000}}._iui3172-input-flex-container input,._iui3172-input-flex-container textarea{box-sizing:border-box;font:inherit;color:inherit;z-index:2;min-inline-size:var(--_iui-input-min-height);min-block-size:var(--_iui-input-min-height);padding-inline:var(--iui-size-s);padding-block:var(--_iui-input-padding-block);background:0 0;border:none;flex:999}._iui3172-input-flex-container input:where(:not(:first-child)),._iui3172-input-flex-container textarea:where(:not(:first-child)){padding-inline-start:var(--iui-size-2xs)}._iui3172-input-flex-container input:where(:not(:last-child)),._iui3172-input-flex-container textarea:where(:not(:last-child)){padding-inline-end:var(--iui-size-2xs)}._iui3172-input-flex-container input::placeholder,._iui3172-input-flex-container textarea::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1}._iui3172-input-flex-container input:focus,._iui3172-input-flex-container textarea:focus{outline:none!important}._iui3172-input-flex-container input:disabled,._iui3172-input-flex-container textarea:disabled{color:var(--iui-color-text-disabled);cursor:not-allowed}._iui3172-input-flex-container>:is(input,textarea):has(+._iui3172-input-flex-container-icon){padding-inline-end:0}._iui3172-input-flex-container>._iui3172-input-flex-container-icon+:is(input,textarea){padding-inline-start:0}._iui3172-input-flex-container[data-iui-disabled=true]{--_iui-input-background-color:var(--iui-color-background-disabled);--_iui-input-border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}._iui3172-input-flex-container[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-min-height:var(--iui-component-height-small)}._iui3172-input-flex-container[data-iui-size=large]{--_iui-input-padding-block:var(--iui-size-xs);--_iui-input-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}._iui3172-input-flex-container[data-iui-status=positive]{--_iui-input-accent-border-color:var(--iui-color-border-positive)}._iui3172-input-flex-container[data-iui-status=positive]:before{border-block-end-width:var(--iui-size-3xs);border-block-end-color:var(--_iui-input-accent-border-color)}._iui3172-input-flex-container[data-iui-status=positive]:hover{--_iui-input-border-color:var(--iui-color-border-positive)}._iui3172-input-flex-container[data-iui-status=positive] input::selection,._iui3172-input-flex-container[data-iui-status=positive] input ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-input-flex-container[data-iui-status=warning]{--_iui-input-accent-border-color:var(--iui-color-border-warning)}._iui3172-input-flex-container[data-iui-status=warning]:before{border-block-end-width:var(--iui-size-3xs);border-block-end-color:var(--_iui-input-accent-border-color)}._iui3172-input-flex-container[data-iui-status=warning]:hover{--_iui-input-border-color:var(--iui-color-border-warning)}._iui3172-input-flex-container[data-iui-status=warning] input::selection,._iui3172-input-flex-container[data-iui-status=warning] input ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-input-flex-container[data-iui-status=negative]{--_iui-input-accent-border-color:var(--iui-color-border-negative)}._iui3172-input-flex-container[data-iui-status=negative]:before{border-block-end-width:var(--iui-size-3xs);border-block-end-color:var(--_iui-input-accent-border-color)}._iui3172-input-flex-container[data-iui-status=negative]:hover{--_iui-input-border-color:var(--iui-color-border-negative)}._iui3172-input-flex-container[data-iui-status=negative] input::selection,._iui3172-input-flex-container[data-iui-status=negative] input ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-input-group-wrapper[data-iui-label-placement=inline]{flex-direction:row;display:flex}._iui3172-input-group-wrapper[data-iui-label-placement=inline] ._iui3172-status-message{margin-inline-start:var(--iui-size-m)}._iui3172-input-group{flex-direction:column;display:flex}._iui3172-input-group ._iui3172-toggle-switch-wrapper{padding:calc(var(--iui-size-s)*.5)0}._iui3172-input-group ._iui3172-checkbox-wrapper{min-block-size:var(--iui-size-l)}._iui3172-keyboard{vertical-align:baseline;border-radius:var(--iui-border-radius-1);font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-semibold);font-family:var(--iui-font-mono);padding:0;padding-block:calc(var(--iui-size-s)*.33);padding-inline:var(--iui-size-xs);white-space:nowrap;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:default;background-color:var(--iui-color-background);border:none;border:1px solid var(--iui-color-border);box-shadow:0 1px 1px var(--iui-color-border),0 1px rgba(255,255,255,var(--iui-opacity-5)) inset;transition:box-shadow var(--iui-duration-1)ease-out;color:var(--iui-color-text);margin:0;line-height:1;display:inline-block}._iui3172-keyboard:hover{box-shadow:0 0 0 var(--iui-color-border),0 0 rgba(255,255,255,var(--iui-opacity-5)) inset}:is(._iui3172-list,._iui3172-menu){vertical-align:baseline;isolation:isolate;border:none;margin:0;padding:0;list-style-type:none}:is(._iui3172-list,._iui3172-menu) ._iui3172-header-menu-icon{margin-inline:var(--iui-size-2xs)}:is(._iui3172-list,._iui3172-menu) ._iui3172-header-menu-icon:is(div){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));border-radius:var(--iui-border-radius-1);box-shadow:inset 0 0 0 2px hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6));flex-shrink:0;margin:0;display:flex}._iui3172-menu{--iui-menu-max-height:calc((var(--iui-component-height) - 1px)*8.5);--iui-surface-border:1px solid var(--iui-color-border);--iui-surface-elevation:var(--iui-shadow-2);background-color:var(--iui-color-background);border:var(--iui-surface-border);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);max-block-size:var(--iui-menu-max-height);border-radius:var(--iui-border-radius-1);overflow-y:auto}:is(._iui3172-list-item,._iui3172-menu-item-skeleton){--_iui-list-item-background-hover:var(--iui-color-background-hover);align-items:center;gap:var(--iui-size-xs);font-size:var(--iui-font-size-1);padding-block:var(--iui-size-2xs);padding-inline:var(--iui-size-s);min-block-size:var(--iui-component-height);color:var(--iui-color-text);border-radius:var(--iui-border-radius-1);text-align:start;inline-size:100%;list-style-type:none;display:flex;position:relative}:is(._iui3172-list-item,._iui3172-menu-item-skeleton)+:is(._iui3172-list-item,._iui3172-menu-item-skeleton){margin-block-start:-1px}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where([data-iui-actionable=true]:hover),:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:has(._iui3172-link-action):hover){cursor:pointer;background-color:var(--_iui-list-item-background-hover)}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-large,[data-iui-size=large]){min-block-size:var(--iui-component-height-large)}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-active,[data-iui-active=true]){background-color:var(--iui-color-background-accent-muted);color:var(--iui-color-text-accent);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:1;--_iui-list-item-icon-fill:currentColor;--_iui-list-item-description-color:var(--iui-color-text-accent)}@supports selector(:has(+ *)){:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-active,[data-iui-active=true]):where(:has(+:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-active,[data-iui-active=true]))){border-end-end-radius:0;border-end-start-radius:0}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-active,[data-iui-active=true])+:where(:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-active,[data-iui-active=true])){border-start-start-radius:0;border-start-end-radius:0}}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-disabled,[data-iui-disabled=true]){z-index:-1;cursor:not-allowed;color:var(--iui-color-text-disabled);--_iui-list-item-icon-fill:var(--iui-color-icon-disabled);--_iui-list-item-description-color:var(--iui-color-text-disabled);background-color:#0000;outline:none}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(._iui3172-disabled,[data-iui-disabled=true]):where([data-iui-actionable=true]:hover,[data-iui-actionable=true]:focus-visible){color:var(--iui-color-icon-disabled-hover);--_iui-list-item-icon-fill:var(--iui-color-icon-disabled-hover);--_iui-list-item-description-color:var(--iui-color-text-disabled-hover)}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:focus-visible,._iui3172-focused,[data-iui-focused=true]),:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:has(._iui3172-link-action:focus-visible)){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:focus-visible,._iui3172-focused,[data-iui-focused=true]):where(._iui3172-active,[data-iui-active=true]),:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:has(._iui3172-link-action:focus-visible)):where(._iui3172-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}@supports not selector(:has(+ *)){:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:focus-within){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3172-list-item,._iui3172-menu-item-skeleton):where(:focus-within):where(._iui3172-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}}:is(._iui3172-menu-item-skeleton>._iui3172-icon,._iui3172-list-item-icon){flex:none}:is(._iui3172-menu-item-skeleton>._iui3172-icon,._iui3172-list-item-icon),:is(._iui3172-menu-item-skeleton>._iui3172-icon,._iui3172-list-item-icon) svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}._iui3172-menu-item-skeleton{--iui-menu-item-content-skeleton-max-width:30%;cursor:auto}._iui3172-menu-item-skeleton ._iui3172-content{max-inline-size:var(--iui-menu-item-content-skeleton-max-width)}._iui3172-menu-item-skeleton ._iui3172-menu-label{inline-size:100%;block-size:var(--iui-font-size-1);display:block}._iui3172-menu-item-skeleton ._iui3172-menu-description{inline-size:70%;block-size:var(--iui-font-size-0);margin-block-start:var(--iui-size-2xs);display:block}._iui3172-menu-item-skeleton:hover{background-color:unset}._iui3172-menu-content{padding-block:var(--iui-size-xs);padding-inline:var(--iui-size-m);min-block-size:var(--iui-component-height);align-items:center;display:grid}:is(._iui3172-menu-item-skeleton>._iui3172-content,._iui3172-list-item-content){flex:auto}:is(._iui3172-menu-item-skeleton>._iui3172-content,._iui3172-list-item-content),:is(._iui3172-menu-item-skeleton>._iui3172-content,._iui3172-list-item-content)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(._iui3172-menu-item-skeleton>._iui3172-menu-description,._iui3172-list-item-description){white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--_iui-list-item-description-color,var(--iui-color-text-muted));overflow:hidden}._iui3172-menu-divider{block-size:1px;inline-size:calc(100% - var(--iui-size-l));background-color:var(--iui-color-border);margin-block:1px;margin-inline:auto}._iui3172-non-ideal-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-inline-size:220px;display:flex;position:absolute;inset-block-start:40%;inset-inline-start:50%;transform:translate(-50%,-40%)}._iui3172-non-ideal-state-illustration{inline-size:calc(var(--iui-size-3xl)*3);block-size:calc(var(--iui-size-3xl)*2);justify-content:center;align-items:center;display:flex}._iui3172-non-ideal-state-title{vertical-align:baseline;font-size:var(--iui-font-size-5);font-weight:var(--iui-font-weight-light);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;margin-block-end:var(--iui-size-l);padding:0}._iui3172-non-ideal-state-description{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;margin-block-end:var(--iui-size-l);padding:0}._iui3172-non-ideal-state-actions{align-items:center;margin-block-end:var(--iui-size-xs);display:flex}._iui3172-non-ideal-state-actions>._iui3172-input-flex-container{text-align:start;inline-size:200px;margin-inline-end:var(--iui-size-2xs);display:inline-block}._iui3172-non-ideal-state-actions>._iui3172-button{margin-inline:var(--iui-size-2xs)}._iui3172-overlay{z-index:10000;background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3172-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3172-overlay ._iui3172-progress-indicator-linear{inline-size:50%;max-inline-size:33vw}._iui3172-overlay-wrapper{position:relative}._iui3172-overlay-exiting{animation:_iui3172-closeAnimation var(--iui-duration-1)linear}@keyframes _iui3172-closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}:is(._iui3172-progress-indicator-radial,._iui3172-progress-indicator-linear){--_iui-progress-indicator-color-default-progress:var(--iui-color-border-accent)}._iui3172-progress-indicator-radial{--_iui-progress-indicator-radial-size:var(--iui-size-xl);vertical-align:middle;inline-size:var(--_iui-progress-indicator-radial-size);block-size:var(--_iui-progress-indicator-radial-size);border-radius:var(--iui-border-radius-round);font-size:var(--iui-font-size-0);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}._iui3172-progress-indicator-radial:before,._iui3172-progress-indicator-radial:after{content:"";border:var(--iui-size-2xs)solid transparent;forced-color-adjust:none;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-progress-indicator-radial:before{border-color:var(--iui-color-border)}._iui3172-progress-indicator-radial:after{background-color:var(--_iui-progress-indicator-color-default-progress);-webkit-mask-clip:border-box,content-box;mask-clip:border-box,content-box;-webkit-mask-composite:source-out;mask-composite:subtract}@media (forced-colors:active){._iui3172-progress-indicator-radial:before,._iui3172-progress-indicator-radial:after{border-color:#0000}}._iui3172-progress-indicator-radial :is(svg,img){inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3172-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3172-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3172-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3172-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3172-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3172-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3172-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3172-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3172-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3172-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3172-progress-indicator-radial[data-iui-size=x-small]:before,._iui3172-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3172-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3172-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3172-progress-indicator-radial[data-iui-size=small]:before,._iui3172-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3172-progress-indicator-radial[data-iui-size=large]{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m));font-size:var(--iui-font-size-2)}._iui3172-progress-indicator-radial[data-iui-size=large]:before,._iui3172-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3172-progress-indicator-radial[data-iui-size=large] :is(svg,img){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3172-progress-indicator-radial:where(:not([data-iui-indeterminate=true])):after{-webkit-mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0);mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0,#000 0)}._iui3172-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3172-u7xdcwu;-webkit-mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0 0);mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0,#000 0)}@keyframes _iui3172-u7xdcwu{to{transform:rotate(360deg)}}._iui3172-progress-indicator-linear-label{font-size:var(--iui-font-size-0);color:var(--_iui-progress-indicator-linear-label-color);--iui-svg-fill:var(--_iui-progress-indicator-linear-label-fill);justify-content:space-between;align-items:center;display:flex}._iui3172-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3172-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3172-progress-indicator-linear:before{content:"";block-size:var(--iui-size-2xs);background-color:var(--iui-color-border);background-image:linear-gradient(90deg,var(--_iui-progress-indicator-track-fill,var(--_iui-progress-indicator-color-default-progress))0% 100%);background-repeat:no-repeat;background-size:var(--iui-progress-percentage,100%)100%;forced-color-adjust:none}@media (forced-colors:active){._iui3172-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,canvastext 0% 100%);border:.5px solid}}._iui3172-progress-indicator-linear[data-iui-status=positive]{--_iui-progress-indicator-track-fill:var(--iui-color-border-positive);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-positive);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-positive)}._iui3172-progress-indicator-linear[data-iui-status=positive]::selection,._iui3172-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-progress-indicator-linear[data-iui-status=negative]{--_iui-progress-indicator-track-fill:var(--iui-color-border-negative);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-negative);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-negative)}._iui3172-progress-indicator-linear[data-iui-status=negative]::selection,._iui3172-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-progress-indicator-linear[data-iui-status=warning]{--_iui-progress-indicator-track-fill:var(--iui-color-border-warning);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-warning);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-warning)}._iui3172-progress-indicator-linear[data-iui-status=warning]::selection,._iui3172-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3172-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3172-u7xdcx1}@keyframes _iui3172-u7xdcx1{0%{background-position:-60% 0;background-size:30% 100%}40%{background-position:-40% 0;background-size:40% 100%}to{background-position:200% 0;background-size:50% 100%}}._iui3172-radio{border-radius:50%}._iui3172-radio:checked{--_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,')}._iui3172-radio:not(:checked),._iui3172-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3172-radio-tile{-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));inline-size:calc(var(--iui-size-xl)*5);padding:var(--iui-size-xs);z-index:1;outline:1px solid var(--iui-color-border);background-color:var(--iui-color-background);transition:outline-color var(--iui-duration-1)ease-out;align-content:center;justify-items:center;display:grid;position:relative}._iui3172-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3172-radio-tile:where(:hover) ._iui3172-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3172-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3172-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3172-radio-tile-input{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@media (forced-colors:active){._iui3172-radio-tile-input:checked{outline-color:highlight}}._iui3172-radio-tile-input:checked+._iui3172-radio-tile-icon svg{fill:var(--iui-color-icon-accent)}@media (forced-colors:active){._iui3172-radio-tile-input:checked+._iui3172-radio-tile-icon svg{fill:highlight}}._iui3172-radio-tile-input:checked:after{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);content:"";background-color:var(--iui-color-icon-accent);flex-shrink:0;display:flex;position:absolute;inset-block-start:var(--iui-size-xs);inset-inline-end:var(--iui-size-xs);-webkit-mask:url('data:image/svg+xml;utf8,');mask:url('data:image/svg+xml;utf8,')}@media (forced-colors:active){._iui3172-radio-tile-input:checked:after{background-color:highlight}}._iui3172-radio-tile-input:disabled{cursor:not-allowed}._iui3172-radio-tile-input:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3172-radio-tile-input:disabled:after{background-color:graytext}}._iui3172-radio-tile-input:disabled+._iui3172-radio-tile-icon svg{filter:grayscale();fill:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3172-radio-tile-input:disabled+._iui3172-radio-tile-icon svg{fill:graytext}}._iui3172-radio-tile-input:disabled~:is(._iui3172-radio-tile-label,._iui3172-radio-tile-sublabel){color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3172-radio-tile-input:disabled~:is(._iui3172-radio-tile-label,._iui3172-radio-tile-sublabel){color:graytext}}._iui3172-radio-tile-input:disabled:checked{z-index:3;outline:var(--iui-size-3xs)solid var(--iui-color-border)}@media (forced-colors:active){._iui3172-radio-tile-input:disabled:checked{outline-color:graytext}}._iui3172-radio-tile-input:focus-visible{outline-offset:-3px;outline-width:3px}._iui3172-radio-tile-icon{margin-block-start:calc(var(--iui-size-s)*.5);margin-block-end:var(--iui-size-s)}._iui3172-radio-tile-icon,._iui3172-radio-tile-icon svg{inline-size:var(--iui-size-xl);block-size:var(--iui-size-xl);fill:var(--iui-color-icon-muted);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-radio-tile-icon,._iui3172-radio-tile-icon svg{fill:canvastext}}._iui3172-radio-tile-label{font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-semibold);text-align:center;word-break:break-word;color:var(--iui-color-text)}._iui3172-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3172-expandable-searchbox{inline-size:fit-content;padding-inline:0}._iui3172-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3172-expandable-searchbox:not([data-iui-expanded=true]){background-color:#0000}._iui3172-expandable-searchbox:not([data-iui-expanded=true]):before{border:none;transition:none}._iui3172-select-button{inline-size:100%;padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);-webkit-user-select:none;user-select:none;line-height:var(--_iui-select-line-height);cursor:pointer;--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-block-size:var(--iui-size-l);--_iui-select-line-height:var(--iui-size-l)}._iui3172-select-button:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3172-select-button:is(select) option{color:var(--iui-color-text);font-weight:var(--iui-font-weight-normal)}._iui3172-select-button:is(select) option[disabled]{color:var(--iui-color-text-disabled)}._iui3172-select-button:not(select){align-items:center;gap:var(--iui-size-xs);display:flex;position:relative;overflow:hidden}._iui3172-select-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){opacity:1;cursor:not-allowed}._iui3172-select-button ._iui3172-icon{flex:none}._iui3172-select-button ._iui3172-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:inherit;flex-shrink:0;display:flex}._iui3172-select-button ._iui3172-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--_iui-select-block-size);color:inherit;overflow:hidden}._iui3172-select-button._iui3172-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3172-select-button:has(option[value=""]:checked){color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3172-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-block-size:var(--iui-size-m);--_iui-select-line-height:var(--iui-size-m)}._iui3172-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-block-size:var(--iui-size-l);--_iui-select-line-height:var(--iui-size-l)}._iui3172-select-tag-container{inset-block:0;inset-inline:var(--iui-size-s)calc(var(--iui-size-m) + var(--iui-size-l));align-items:center;gap:var(--iui-size-2xs);block-size:100%;display:flex;position:absolute;overflow:hidden}._iui3172-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3172-select-tag-container>*+*{margin-inline-start:0}}._iui3172-select-tag._iui3172-tag{block-size:80%;max-inline-size:100%;max-block-size:calc(var(--iui-size-s)*3);align-items:center;margin-block:0;display:inline-flex}._iui3172-select-button[data-iui-size=small] ._iui3172-select-tag-label._iui3172-tag-label{font-size:var(--iui-font-size-0)}._iui3172-select-tag-button._iui3172-tag-button{padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;block-size:100%}._iui3172-select-button[data-iui-size=small] ._iui3172-select-tag-button._iui3172-tag-button{font-size:var(--iui-font-size-0)}._iui3172-select-button[data-iui-size=small] ._iui3172-select-tag-button._iui3172-tag-button svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3172-select-button[data-iui-size=small] ._iui3172-select-tag-button._iui3172-tag-button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}._iui3172-side-navigation{background-color:var(--iui-color-background);border-inline-end:2px solid var(--iui-color-border);flex-direction:column;flex:none;block-size:100%;display:inline-flex}@media (prefers-reduced-motion:no-preference){._iui3172-side-navigation{transition:max-width var(--iui-duration-1)ease-out}}._iui3172-side-navigation>._iui3172-sidenav-content{flex-direction:column;flex-grow:1;inline-size:100%;display:flex}._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-top,._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-bottom{flex-direction:column;flex-grow:1;display:flex}._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-top ._iui3172-sidenav-button:first-of-type{border-block-start:none}._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-top ._iui3172-sidenav-button:not(:last-of-type){border-block-end:none}._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-bottom{justify-content:flex-end}._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-bottom ._iui3172-sidenav-button{border-block-end:none}._iui3172-side-navigation>._iui3172-sidenav-content+._iui3172-sidenav-button._iui3172-expand{border:none;border-block-start:1px solid var(--iui-color-border)}._iui3172-side-navigation._iui3172-collapsed{min-inline-size:calc(1.5*var(--iui-size-m) + 1.5*var(--iui-size-m)*2);max-inline-size:calc(1.5*var(--iui-size-m) + 1.5*var(--iui-size-m)*2);box-sizing:content-box!important}._iui3172-side-navigation._iui3172-expanded,._iui3172-side-navigation>._iui3172-sidenav-content{max-inline-size:calc(var(--iui-size-3xl)*3)}._iui3172-side-navigation._iui3172-expanded>._iui3172-sidenav-button._iui3172-expand>._iui3172-button-icon,._iui3172-side-navigation>._iui3172-sidenav-content>._iui3172-sidenav-button._iui3172-expand>._iui3172-button-icon{transform:scaleX(-1)}._iui3172-side-navigation ._iui3172-sidenav-button{gap:calc(1.5*var(--iui-size-m));isolation:isolate;--_iui-button-active-stripe-inset-block:0;--_iui-button-active-stripe-inset-inline:100% -2px;border-inline:none;border-radius:0;justify-content:flex-start}._iui3172-side-navigation ._iui3172-sidenav-button:not(._iui3172-expand){block-size:calc(var(--iui-size-s)*5)}@supports (padding:max(0px)){._iui3172-side-navigation ._iui3172-sidenav-button:not(._iui3172-expand){padding-inline-start:max(calc(1.5*var(--iui-size-m)),calc(1.5*var(--iui-size-m)) + env(safe-area-inset-left))}}._iui3172-side-navigation ._iui3172-sidenav-button>span:where(:not(._iui3172-button-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-side-navigation ._iui3172-sidenav-button,._iui3172-side-navigation ._iui3172-sidenav-button:hover,._iui3172-side-navigation ._iui3172-sidenav-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-color:var(--iui-color-border)}._iui3172-side-navigation ._iui3172-sidenav-button ._iui3172-button-icon:not(._iui3172-avatar) svg{inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-submenu-open{--_iui-button-active-stripe-background:linear-gradient(0deg,var(--iui-color-background-accent-muted)25%,var(--iui-color-border-accent)25%,var(--iui-color-border-accent)75%,var(--iui-color-background-accent-muted)75%)}._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-submenu-open:before{content:"";z-index:-1;background-color:inherit;position:absolute;inset-block:0;inset-inline:0 -2px}._iui3172-side-navigation ._iui3172-sidenav-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-backdrop)}._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-expand{--_iui-button-padding-block:0;--_iui-button-min-height:var(--iui-size-l);border:none;border-block-end:1px solid var(--iui-color-border);justify-content:center}._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-expand>._iui3172-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-expand>._iui3172-button-icon svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3172-side-navigation ._iui3172-sidenav-button._iui3172-expand>._iui3172-button-icon svg{transition:transform var(--iui-duration-2)ease-out}}._iui3172-side-navigation-submenu{min-inline-size:calc(var(--iui-size-3xl)*2);resize:horizontal;background-color:var(--iui-color-background);border-inline-end:1px solid var(--iui-color-border);block-size:100%;max-inline-size:50vw;overflow:hidden auto}._iui3172-side-navigation-submenu-content{padding-block:0 var(--iui-size-s);padding-inline:var(--iui-size-s);flex-shrink:0}._iui3172-side-navigation-submenu-header{block-size:calc(var(--iui-size-s)*5);justify-content:space-between;align-items:center;display:flex}._iui3172-side-navigation-submenu-header-label{vertical-align:baseline;font-size:var(--iui-font-size-4);font-weight:var(--iui-font-weight-light);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}._iui3172-side-navigation-submenu-header-label ._iui3172-button{flex-shrink:0}._iui3172-side-navigation-submenu-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-side-navigation-submenu-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3172-side-navigation-wrapper{block-size:100%;display:flex;position:relative}._iui3172-skip-to-content-link{background-color:hsl(0 0% 0%/var(--iui-opacity-2));color:var(--iui-color-white);border-radius:var(--iui-border-radius-round);-webkit-user-select:none;user-select:none;padding-block:calc(var(--iui-size-s)*.75);padding-inline:var(--iui-size-m);text-align:center;opacity:0;z-index:99;transition:background-color var(--iui-duration-1)ease-in-out;text-decoration:none;position:fixed;inset-block-start:calc(var(--iui-size-s)*2);inset-inline-start:50%;transform:translate(-50%)translateY(-170%)}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3172-skip-to-content-link{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3172-skip-to-content-link:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){._iui3172-skip-to-content-link{transition:opacity var(--iui-duration-3)ease-in-out,background-color var(--iui-duration-3)ease-in-out,transform var(--iui-duration-3)ease-in-out,box-shadow var(--iui-duration-3)ease-in-out}}._iui3172-skip-to-content-link:hover{background-color:hsl(0 0% 0%/var(--iui-opacity-1))}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3172-skip-to-content-link:hover{background-color:hsl(0 0% 0%/var(--iui-opacity-2));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3172-skip-to-content-link:focus{opacity:1;box-shadow:var(--iui-shadow-4);transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:no-preference){._iui3172-skip-to-content-link:focus{transition:opacity var(--iui-duration-0)ease-in-out,background-color var(--iui-duration-1)ease-in-out,transform var(--iui-duration-1)ease-in-out,box-shadow var(--iui-duration-1)ease-in-out}}._iui3172-slider-container{--_iui-slider-rail-color:var(--iui-color-border);--_iui-slider-track-color:var(--iui-color-border-accent);--_iui-slider-track-thickness:calc(var(--iui-size-m)*.25);isolation:isolate;display:grid}._iui3172-slider-container[data-iui-orientation=horizontal]{grid-template-columns:auto 1fr auto;grid-template-areas:"min content max";align-items:center}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-min,._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-max{align-items:center}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-min{justify-content:end;margin-inline-end:var(--iui-size-s)}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-max{margin-inline-start:var(--iui-size-s)}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-ticks{transform:translateY(50%)}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-tick{flex-direction:column;inline-size:1px}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-tick:before{inline-size:1px;block-size:var(--iui-size-s)}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider{block-size:calc(var(--iui-size-m) + 2px);touch-action:pan-x}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider:before{inline-size:100%;block-size:var(--_iui-slider-track-thickness)}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-track{block-size:var(--_iui-slider-track-thickness);inset-inline:var(--iui-slider-track-position,0 var(--iui-slider-thumb-position))}._iui3172-slider-container[data-iui-orientation=horizontal] ._iui3172-slider-thumb{inset-inline-start:var(--iui-slider-thumb-position);transform:translate(-50%)}._iui3172-slider-container[data-iui-orientation=vertical]{grid-template-rows:auto 1fr auto;grid-template-areas:"max""content""min";justify-items:center;inline-size:fit-content}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-min,._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-max{justify-content:center}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-min{margin-block-start:var(--iui-size-s)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-max{margin-block-end:var(--iui-size-s)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-ticks{flex-direction:column-reverse;transform:translate(50%)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-tick{block-size:1px}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-tick:before{inline-size:var(--iui-size-s);block-size:1px}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider{inline-size:calc(var(--iui-size-m) + 2px);touch-action:pan-y;min-block-size:var(--iui-size-xl)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider:before{block-size:100%;inline-size:var(--_iui-slider-track-thickness)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-track{inline-size:var(--_iui-slider-track-thickness);inset-block:var(--iui-slider-track-position,var(--iui-slider-thumb-position)0)}._iui3172-slider-container[data-iui-orientation=vertical] ._iui3172-slider-thumb{inset-block-end:var(--iui-slider-thumb-position);transform:translateY(50%)}._iui3172-slider-container[data-iui-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);--_iui-slider-rail-color:var(--iui-color-background-disabled);--_iui-slider-track-color:var(--iui-color-border)}@media (forced-colors:active){._iui3172-slider-container[data-iui-disabled=true]{--_iui-slider-track-color:GrayText}}._iui3172-slider-container[data-iui-disabled=true] ._iui3172-slider{pointer-events:none}._iui3172-slider-min,._iui3172-slider-max{display:flex}._iui3172-slider-min{grid-area:min}._iui3172-slider-max{grid-area:max}._iui3172-slider-ticks{z-index:-1;grid-area:content;justify-content:space-between;display:flex;position:relative}._iui3172-slider-tick{color:var(--_iui-slider-tick-text-color);align-items:center;display:flex;position:relative}._iui3172-slider-tick:before{content:"";background-color:var(--iui-color-border)}@media (forced-colors:active){._iui3172-slider-tick:before{background-color:canvastext}}._iui3172-slider{cursor:pointer;isolation:isolate;grid-area:content;justify-content:center;align-items:center;display:flex;position:relative}._iui3172-slider._iui3172-grabbing{cursor:grabbing}._iui3172-slider:before{content:"";background:var(--_iui-slider-rail-color);display:flex}@media (forced-colors:active){._iui3172-slider:before{--_iui-slider-rail-color:CanvasText}}._iui3172-slider-thumb{block-size:var(--iui-size-m);inline-size:var(--iui-size-m);z-index:1;cursor:grab;background:var(--iui-color-background);border:1px solid var(--iui-color-border-foreground);border-radius:100%;position:absolute;box-sizing:content-box!important}._iui3172-slider-thumb:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-slider-thumb:active{cursor:grabbing}._iui3172-slider-thumb[aria-disabled=true]{border-color:var(--iui-color-border);background:var(--iui-color-border);cursor:not-allowed}@media (forced-colors:active){._iui3172-slider-thumb[aria-disabled=true]{background:graytext;border-color:graytext}}._iui3172-slider-track{pointer-events:none;background-color:var(--_iui-slider-track-color);position:absolute}@media (forced-colors:active){._iui3172-slider-track{--_iui-slider-track-color:Highlight}}._iui3172-status-message{gap:var(--iui-size-2xs);font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);align-items:center;display:flex}._iui3172-status-message[data-iui-status=positive]{color:var(--iui-color-text-positive);--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3172-status-message[data-iui-status=positive] a{color:var(--iui-color-text-positive);text-decoration:underline}._iui3172-status-message[data-iui-status=positive] a:hover{color:var(--iui-color-text-positive-hover);text-decoration:none}._iui3172-status-message[data-iui-status=warning]{color:var(--iui-color-text-warning);--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3172-status-message[data-iui-status=warning] a{color:var(--iui-color-text-warning);text-decoration:underline}._iui3172-status-message[data-iui-status=warning] a:hover{color:var(--iui-color-text-warning-hover);text-decoration:none}._iui3172-status-message[data-iui-status=negative]{color:var(--iui-color-text-negative);--_iui-svg-fill:var(--iui-color-icon-negative)}._iui3172-status-message[data-iui-status=negative] a{color:var(--iui-color-text-negative);text-decoration:underline}._iui3172-status-message[data-iui-status=negative] a:hover{color:var(--iui-color-text-negative-hover);text-decoration:none}._iui3172-stepper{row-gap:calc(var(--iui-size-s)*.5);flex-direction:column;display:flex}._iui3172-stepper>ol{vertical-align:baseline;border:none;justify-content:space-around;align-items:flex-start;inline-size:100%;margin:0;padding:0;display:flex}._iui3172-stepper-step{--_iui-stepper-step-background-color:var(--iui-color-background);--_iui-stepper-step-border-color:var(--iui-color-border-positive);--_iui-stepper-step-number-color:var(--iui-color-text-positive);--_iui-stepper-step-icon-color:var(--iui-color-text-positive);--_iui-stepper-step-text-color:var(--iui-color-text-positive);--_iui-stepper-step-track-before-color:var(--iui-color-border-positive);--_iui-stepper-step-track-after-color:var(--iui-color-border-positive);gap:var(--iui-size-3xs);vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--_iui-stepper-step-text-color);border:none;flex-direction:column;flex:1;align-items:center;margin:0;padding:0;display:flex}._iui3172-stepper-step._iui3172-current{--_iui-stepper-step-background-color:var(--iui-color-background-positive);--_iui-stepper-step-border-color:var(--iui-color-background-positive);--_iui-stepper-step-number-color:var(--iui-color-white);--_iui-stepper-step-icon-color:var(--iui-color-white);--_iui-stepper-step-track-after-color:var(--iui-color-border);font-weight:var(--iui-font-weight-semibold)}._iui3172-stepper-step._iui3172-current~._iui3172-stepper-step{--_iui-stepper-step-background-color:var(--iui-color-background);--_iui-stepper-step-border-color:var(--iui-color-border);--_iui-stepper-step-number-color:var(--iui-color-text-muted);--_iui-stepper-step-icon-color:var(--iui-color-text-muted);--_iui-stepper-step-text-color:var(--iui-color-text-muted);--_iui-stepper-step-track-before-color:var(--iui-color-border)}._iui3172-stepper-step._iui3172-current~._iui3172-stepper-step:not(:last-of-type){--_iui-stepper-step-track-after-color:var(--iui-color-border)}._iui3172-stepper-step._iui3172-clickable:focus{outline:0}._iui3172-stepper-step:first-of-type{--_iui-stepper-step-track-before-color:transparent}._iui3172-stepper-step:last-of-type{--_iui-stepper-step-track-after-color:transparent}._iui3172-stepper-circle{border-radius:var(--iui-border-radius-round);inline-size:var(--iui-size-l);block-size:var(--iui-size-l);overflow-wrap:break-word;-webkit-user-select:none;user-select:none;border:1px solid var(--_iui-stepper-step-border-color);background-color:var(--_iui-stepper-step-background-color);color:var(--_iui-stepper-step-number-color);justify-content:center;align-items:center;display:flex}._iui3172-stepper-circle :is(svg){fill:var(--_iui-stepper-step-icon-color)}._iui3172-clickable ._iui3172-stepper-circle{cursor:pointer;transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out,color var(--iui-duration-1)ease-out}._iui3172-clickable ._iui3172-stepper-circle:hover{--_iui-stepper-step-background-color:var(--iui-color-background-positive);--_iui-stepper-step-border-color:var(--iui-color-background-positive);--_iui-stepper-step-number-color:var(--iui-color-white);--_iui-stepper-step-icon-color:var(--iui-color-white)}._iui3172-clickable:focus ._iui3172-stepper-circle{outline:2px solid var(--iui-color-border-positive);outline-offset:-1px}._iui3172-clickable:focus:not(:focus-visible) ._iui3172-stepper-circle{outline:none}._iui3172-stepper-track-content{align-items:center;inline-size:100%;display:flex}._iui3172-stepper-track-content:before,._iui3172-stepper-track-content:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3172-stepper-track-content:before{background-color:var(--_iui-stepper-step-track-before-color)}._iui3172-stepper-track-content:after{background-color:var(--_iui-stepper-step-track-after-color)}._iui3172-stepper-step-name{text-align:center;color:var(--_iui-stepper-step-text-color)}._iui3172-stepper-steps-label{font-size:var(--iui-font-size-3);text-align:center;display:block}._iui3172-stepper-steps-label-count{-webkit-user-select:none;user-select:none;color:var(--iui-color-text-muted);margin-inline-end:var(--iui-size-xs)}._iui3172-surface{--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-color-background);border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text)}._iui3172-surface:where(:has(._iui3172-surface-body),:has(._iui3172-surface-header),[data-iui-layout=true]){flex-direction:column;display:flex}._iui3172-popover-surface{--iui-surface-border:1px solid var(--iui-color-border);--iui-surface-elevation:var(--iui-shadow-2);background-color:var(--iui-color-background);border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text)}._iui3172-surface-header{border-block-end:1px solid var(--iui-color-border-subtle);padding-inline:var(--iui-size-s);min-block-size:var(--iui-component-height);flex-shrink:0;align-items:center;display:flex;overflow:hidden}._iui3172-surface-body{flex-grow:1;overflow:hidden auto}._iui3172-surface-body[data-iui-padded=true]{padding:var(--iui-size-s);scrollbar-gutter:stable;padding-inline-end:var(--iui-size-2xs)}._iui3172-panel-wrapper{scroll-snap-type:x proximity;flex-direction:row;display:flex;overflow:hidden}._iui3172-panel{flex-shrink:0;inline-size:100%}._iui3172-panel:not([data-iui-transitioning=true]){scroll-snap-align:end}._iui3172-table{vertical-align:baseline;isolation:isolate;scrollbar-gutter:stable;background-color:var(--iui-color-background);border-radius:var(--iui-border-radius-1);--_iui-table-header-size:calc(var(--iui-size-s)*5);--_iui-table-row-size:calc(var(--iui-size-s)*5 + 2px);border:none;flex-direction:column;margin:0;padding:0;display:flex;overflow:auto}._iui3172-table ._iui3172-table-cell-end-icon,._iui3172-table ._iui3172-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}._iui3172-table ._iui3172-table-cell-end-icon svg,._iui3172-table ._iui3172-table-cell-start-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3172-table ._iui3172-table-cell-start-icon{margin-inline-end:var(--iui-size-xs)}._iui3172-table ._iui3172-table-cell-end-icon{inline-size:var(--iui-size-l);block-size:var(--iui-size-l);margin-inline-start:auto;margin-inline-end:var(--iui-size-s)}._iui3172-table ._iui3172-table-cell-end-icon :where(svg){fill:var(--_iui-table-cell-icon-fill)}._iui3172-table>._iui3172-table-paginator{z-index:3;position:sticky;inset-block-end:0;inset-inline-start:0}._iui3172-table[data-iui-size=condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*4);--_iui-table-row-size:calc(var(--iui-size-s)*4 + 2px)}._iui3172-table[data-iui-size=extra-condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*3);--_iui-table-row-size:calc(var(--iui-size-s)*3 + 2px)}._iui3172-table[data-iui-size=extra-condensed] ._iui3172-table-header ._iui3172-table-cell{padding-block:calc(var(--iui-size-s)*.25)}._iui3172-table ._iui3172-table-header,._iui3172-table ._iui3172-table-paginator{min-block-size:var(--_iui-table-header-size)}._iui3172-table ._iui3172-table-body ._iui3172-table-cell,._iui3172-table ._iui3172-table-body-extra{min-block-size:var(--_iui-table-row-size)}._iui3172-table-header-wrapper{z-index:3;flex-shrink:0;display:flex;position:sticky;inset-block-start:0}._iui3172-table-header{-webkit-user-select:none;user-select:none;min-inline-size:100%;font-weight:var(--iui-font-weight-semibold);border-block-end:1px solid var(--iui-color-border);flex-shrink:0;display:flex}._iui3172-table-header ._iui3172-table-cell{background-color:var(--iui-color-background)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot)._iui3172-actionable{cursor:pointer}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot)._iui3172-grabbing{cursor:grabbing}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot)>._iui3172-table-resizer{block-size:100%;inline-size:var(--iui-size-m);touch-action:none;cursor:ew-resize;z-index:1;opacity:0;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot)>._iui3172-table-resizer>._iui3172-table-resizer-bar{block-size:100%;inline-size:var(--iui-size-3xs);transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out;background-color:var(--iui-color-border);margin-inline:auto}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot)>._iui3172-table-resizer:hover>._iui3172-table-resizer-bar{inline-size:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):hover>._iui3172-table-resizer{opacity:1}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):is(:hover,:focus-visible){background-color:var(--iui-color-background-hover)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):has(:focus-visible){background-color:var(--iui-color-background-hover)}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):is(:hover,:focus-visible) ._iui3172-table-sort{opacity:1}._iui3172-table-header ._iui3172-table-cell:not(._iui3172-slot):has(:focus-visible) ._iui3172-table-sort{opacity:1}._iui3172-table-header ._iui3172-table-reorder-bar{block-size:100%;inline-size:var(--iui-size-3xs);position:absolute}._iui3172-table-header ._iui3172-table-reorder-column-right>._iui3172-table-reorder-bar{inset-inline-end:0}._iui3172-table-header ._iui3172-table-reorder-column-left>._iui3172-table-reorder-bar{inset-inline-start:0}._iui3172-table-header ._iui3172-table-reorder-column-left>._iui3172-table-reorder-bar,._iui3172-table-header ._iui3172-table-reorder-column-right>._iui3172-table-reorder-bar{background-color:var(--iui-color-border-accent)}._iui3172-table-header ._iui3172-table-sort{opacity:0;--_iui-table-cell-icon-fill:var(--iui-color-icon-muted)}._iui3172-table-header ._iui3172-sorted{background-color:var(--iui-color-background-hover)}._iui3172-table-header ._iui3172-sorted ._iui3172-table-sort{opacity:1;--_iui-table-cell-icon-fill:var(--iui-color-icon)}._iui3172-table-column-manager{padding:var(--iui-size-xs);max-block-size:17.25rem;overflow-y:auto}._iui3172-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-inline-size:100%;scroll-margin-block-start:calc(var(--_iui-table-header-size) + var(--iui-size-xl));display:flex}._iui3172-table-header ._iui3172-table-row{flex-grow:1}._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell{border-block:1px solid #0000;border-block-end-color:var(--iui-color-border);background-color:var(--iui-color-background);transition:border var(--iui-duration-1)ease-out}._iui3172-table-body ._iui3172-table-row>._iui3172-slot>._iui3172-table-more-options{opacity:0}._iui3172-table-body ._iui3172-table-row:where(:hover,:focus-within)>._iui3172-slot>._iui3172-table-more-options{opacity:1}._iui3172-table-body ._iui3172-table-row:where(:hover:not(._iui3172-loading):not([aria-disabled=true])) ._iui3172-table-cell{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3172-table-body ._iui3172-table-row ._iui3172-table-row-expander>._iui3172-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3172-table-body ._iui3172-table-row._iui3172-table-row-expanded{overflow:hidden}._iui3172-table-body ._iui3172-table-row._iui3172-table-row-expanded ._iui3172-table-cell{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border);border-block-end-color:#0000}._iui3172-table-body ._iui3172-table-row._iui3172-table-row-expanded ._iui3172-table-row-expander>._iui3172-button-icon{transform:rotate(90deg)}._iui3172-table-body ._iui3172-table-row._iui3172-table-row-expanded+._iui3172-table-expanded-content{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border)}._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content{border-inline:1px solid #0000;border-block-end:1px solid var(--iui-color-border);flex-shrink:0;overflow:hidden}._iui3172-table-body ._iui3172-table-row:not([aria-selected=true])+[aria-selected=true] ._iui3172-table-cell,._iui3172-table-body ._iui3172-table-row[aria-selected=true]:first-child ._iui3172-table-cell{border-block-end-color:#0000}._iui3172-table-body ._iui3172-table-row[aria-selected=true] ._iui3172-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}._iui3172-table-body ._iui3172-table-row[aria-selected=true]+[aria-selected=true] ._iui3172-table-cell{border-block-end-color:#0000;border-block-start-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}._iui3172-table-body ._iui3172-table-row[aria-selected=true]:last-child ._iui3172-table-cell{border-block-end-color:var(--iui-color-border-accent)}._iui3172-table-body ._iui3172-table-row[aria-selected=true]+:not([aria-selected=true]) ._iui3172-table-cell,._iui3172-table-body ._iui3172-table-row[aria-selected=true]+._iui3172-table-expanded-content+._iui3172-table-row:not([aria-selected=true]) ._iui3172-table-cell{border-block-start-color:var(--iui-color-border-accent)}._iui3172-table-body ._iui3172-table-row[aria-selected=true]+._iui3172-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}._iui3172-table-body ._iui3172-table-row[aria-selected=true]+._iui3172-table-expanded-content:last-child{border-block-end-color:var(--iui-color-border-accent)}._iui3172-table-body ._iui3172-table-row._iui3172-new{font-weight:var(--iui-font-weight-semibold)}._iui3172-table-body ._iui3172-table-row._iui3172-new>._iui3172-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;inset-inline-start:0}._iui3172-table-body ._iui3172-table-row._iui3172-loading,._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell[aria-disabled=true],._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content[aria-disabled=true]{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);--_iui-table-cell-image-filter:grayscale(100%);color:var(--iui-color-text-disabled)}._iui3172-table-body ._iui3172-table-row._iui3172-loading img,._iui3172-table-body ._iui3172-table-row._iui3172-loading svg,._iui3172-table-body ._iui3172-table-row._iui3172-loading ._iui3172-avatar,._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell[aria-disabled=true] img,._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell[aria-disabled=true] svg,._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell[aria-disabled=true] ._iui3172-avatar,._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content[aria-disabled=true] img,._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content[aria-disabled=true] svg,._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content[aria-disabled=true] ._iui3172-avatar{filter:var(--_iui-table-cell-image-filter)}._iui3172-table-body ._iui3172-table-row._iui3172-loading{font-style:italic}._iui3172-table-body ._iui3172-table-row._iui3172-loading,._iui3172-table-body ._iui3172-table-row._iui3172-loading ._iui3172-checkbox{cursor:progress}._iui3172-table-body ._iui3172-table-row ._iui3172-table-cell[aria-disabled=true],._iui3172-table-body ._iui3172-table-row._iui3172-table-expanded-content[aria-disabled=true]{cursor:not-allowed}._iui3172-table-body ._iui3172-table-row[data-iui-status=positive] ._iui3172-table-cell:first-of-type,._iui3172-table-body ._iui3172-table-row[data-iui-status=positive]+._iui3172-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive)}._iui3172-table-body ._iui3172-table-row[data-iui-status=positive] ._iui3172-table-cell:first-of-type::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=positive] ._iui3172-table-cell:first-of-type ::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=positive]+._iui3172-table-expanded-content::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=positive]+._iui3172-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-table-body ._iui3172-table-row[data-iui-status=positive] ._iui3172-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}._iui3172-table-body ._iui3172-table-row[data-iui-status=positive] ._iui3172-table-cell[aria-disabled=true] ._iui3172-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3172-table-body ._iui3172-table-row[data-iui-status=warning] ._iui3172-table-cell:first-of-type,._iui3172-table-body ._iui3172-table-row[data-iui-status=warning]+._iui3172-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning)}._iui3172-table-body ._iui3172-table-row[data-iui-status=warning] ._iui3172-table-cell:first-of-type::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=warning] ._iui3172-table-cell:first-of-type ::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=warning]+._iui3172-table-expanded-content::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=warning]+._iui3172-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-table-body ._iui3172-table-row[data-iui-status=warning] ._iui3172-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}._iui3172-table-body ._iui3172-table-row[data-iui-status=warning] ._iui3172-table-cell[aria-disabled=true] ._iui3172-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3172-table-body ._iui3172-table-row[data-iui-status=negative] ._iui3172-table-cell:first-of-type,._iui3172-table-body ._iui3172-table-row[data-iui-status=negative]+._iui3172-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative)}._iui3172-table-body ._iui3172-table-row[data-iui-status=negative] ._iui3172-table-cell:first-of-type::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=negative] ._iui3172-table-cell:first-of-type ::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=negative]+._iui3172-table-expanded-content::selection,._iui3172-table-body ._iui3172-table-row[data-iui-status=negative]+._iui3172-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-table-body ._iui3172-table-row[data-iui-status=negative] ._iui3172-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}._iui3172-table-body ._iui3172-table-row[data-iui-status=negative] ._iui3172-table-cell[aria-disabled=true] ._iui3172-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3172-table-body:not(:has(+._iui3172-table-paginator)) ._iui3172-table-row:last-of-type{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3172-table-header-actions-container{flex-wrap:wrap;flex-grow:1;align-items:center;margin-inline-end:var(--iui-size-s);display:flex}._iui3172-table-header-actions-container ._iui3172-table-cell-end-icon{inline-size:unset;block-size:unset;margin:0;margin-inline-start:auto}._iui3172-table-body{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}._iui3172-table-body:has(>._iui3172-table-empty){position:sticky;inset-inline-start:0}._iui3172-table-body._iui3172-scroll-snapping{scroll-snap-type:y mandatory}._iui3172-table-body._iui3172-scroll-snapping ._iui3172-table-row{scroll-snap-align:start none}._iui3172-table-body._iui3172-zebra-striping ._iui3172-table-row:nth-child(2n):not([aria-selected=true]) ._iui3172-table-cell{background-color:var(--iui-color-background-zebra)}._iui3172-table-body._iui3172-zebra-striping ._iui3172-table-row:nth-child(2n):not([aria-selected=true]):hover ._iui3172-table-cell{background-color:var(--iui-color-background-hover)}._iui3172-table-body>._iui3172-table-empty{text-align:center;padding:var(--iui-size-xl);color:var(--iui-color-text-muted);background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;justify-content:center;margin-inline:auto;display:flex}._iui3172-table-body-extra{justify-content:center;align-items:center;display:flex}._iui3172-table-body-extra[data-iui-loading=true]{position:sticky;inset-inline-start:0}._iui3172-table-cell{min-inline-size:var(--iui-size-2xl);flex-grow:1;flex-basis:var(--iui-size-2xl);word-break:break-word;align-items:center;padding-inline-start:var(--iui-size-m);display:flex;position:relative}._iui3172-table-body:not(:has(+._iui3172-table-paginator))>._iui3172-table-row:last-of-type ._iui3172-table-cell:first-of-type{border-end-start-radius:var(--iui-border-radius-1)}._iui3172-table-body:not(:has(+._iui3172-table-paginator))>._iui3172-table-row:last-of-type ._iui3172-table-cell:last-of-type{border-end-end-radius:var(--iui-border-radius-1)}._iui3172-table-cell:first-of-type{border-inline-start:1px solid #0000}._iui3172-table-cell:last-of-type{border-inline-end:1px solid #0000}._iui3172-table-cell._iui3172-slot{inline-size:calc(var(--iui-size-l)*2);flex-grow:0;flex-basis:calc(var(--iui-size-l)*2);--iui-checkbox-target-size:32px;justify-content:center;align-items:center;min-inline-size:0;padding:0;display:flex}._iui3172-table-cell._iui3172-table-cell-sticky{z-index:2;position:sticky;inset-inline-start:var(--iui-table-sticky-left,initial);inset-inline-end:var(--iui-table-sticky-right,initial)}._iui3172-table-cell:not(._iui3172-slot):last-child{padding-inline-end:var(--iui-size-m)}._iui3172-table-cell[data-iui-status=positive]::selection,._iui3172-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-table-cell[data-iui-status=positive]:before{content:"";background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6));position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-table-cell[data-iui-status=warning]::selection,._iui3172-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-table-cell[data-iui-status=warning]:before{content:"";background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6));position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-table-cell[data-iui-status=negative]::selection,._iui3172-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-table-cell[data-iui-status=negative]:before{content:"";background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6));position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-table-cell[contenteditable]{outline-offset:-1px}._iui3172-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}._iui3172-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}._iui3172-table-cell-shadow-left{inline-size:var(--iui-size-l);pointer-events:none;box-shadow:inset -10px 0 5px -10px var(--iui-shadow-color);position:absolute;inset-block:-1px;inset-inline-start:0;transform:translate(-100%)}._iui3172-table-header ._iui3172-table-cell-shadow-left{inset-block:0}._iui3172-table-cell-shadow-right{inline-size:var(--iui-size-l);pointer-events:none;box-shadow:inset 10px 0 5px -10px var(--iui-shadow-color);position:absolute;inset-block:-1px;inset-inline-end:0;transform:translate(100%)}._iui3172-table-header ._iui3172-table-cell-shadow-right{inset-block:0}._iui3172-table-paginator{vertical-align:baseline;padding:0;padding-inline:var(--iui-size-m);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border:none;border-block-start:1px solid var(--iui-color-border);isolation:isolate;border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1);justify-content:space-between;align-items:center;margin:0;display:flex}._iui3172-table-paginator>._iui3172-left,._iui3172-table-paginator>._iui3172-center,._iui3172-table-paginator>._iui3172-right{flex:1;align-items:center;min-inline-size:0;display:flex;position:relative}._iui3172-table-paginator>._iui3172-center{color:var(--iui-color-text);z-index:1;flex:2;justify-content:center}._iui3172-table-paginator>._iui3172-right{justify-content:flex-end}._iui3172-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}._iui3172-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}._iui3172-table-paginator-pages-group{margin-inline:var(--iui-size-xs);align-items:center;display:inline-flex}._iui3172-table-paginator-page-button[data-iui-active=true]{--_iui-button-active-stripe-inset-block:calc(100% - var(--iui-size-2xs))var(--iui-size-3xs);--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3172-table-column-filter{padding:var(--iui-size-s);align-items:flex-end;gap:var(--iui-size-s);flex-direction:column;display:inline-flex}._iui3172-table-column-filter>._iui3172-input-grid:not([data-iui-label-placement=inline]){inline-size:100%}._iui3172-table-column-filter>._iui3172-button-bar{align-content:center;gap:var(--iui-size-xs);inline-size:100%;display:flex}._iui3172-table-column-filter>._iui3172-button-bar>._iui3172-button:first-of-type{margin-inline-start:auto}._iui3172-tabs-wrapper{--_iui-tab-color-stripe-blue:var(--iui-color-border-accent);--_iui-tab-color-stripe-green:var(--iui-color-border-positive);--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-blue);--_iui-tab-color-default:var(--iui-color-text);--_iui-tab-color-selected:var(--iui-color-text-accent);--_iui-tab-color-disabled:var(--iui-color-text-disabled);--_iui-tab-color-green-selected:var(--iui-color-text-positive);--_iui-tab-color:var(--_iui-tab-color-default);display:grid;position:relative}._iui3172-tabs-wrapper._iui3172-horizontal{contain:inline-size;grid-template:"tabs tabs-actions""tabs-content tabs-content"1fr/1fr auto;inline-size:100%}._iui3172-tabs-wrapper._iui3172-horizontal ._iui3172-tabs{animation-name:_iui3172-scroll-shadow-inset-horizontal;animation-timing-function:linear;animation-timeline:scroll(self inline);display:flex;overflow-x:auto;container-type:inline-size}._iui3172-tabs-wrapper._iui3172-horizontal ._iui3172-tabs._iui3172-borderless{min-block-size:calc(var(--iui-size-s)*3 + var(--iui-size-xs))}@keyframes _iui3172-scroll-shadow-inset-horizontal{0%{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 0%,#000 95%,#0000)}5%{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 5%,#000 95%,#0000)}95%{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 5%,#000 95%,#0000)}to{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 5%,#000 100%,#0000)}}._iui3172-tabs-wrapper._iui3172-horizontal ._iui3172-tab{flex-shrink:0;max-inline-size:60cqi}._iui3172-tabs-wrapper._iui3172-horizontal ._iui3172-tab:after{block-size:0;inline-size:100%}._iui3172-tabs-wrapper._iui3172-horizontal ._iui3172-tab[aria-selected=true]:after{block-size:var(--iui-size-3xs)}._iui3172-tabs-wrapper._iui3172-vertical{grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto minmax(0,1fr);block-size:100%}._iui3172-tabs-wrapper._iui3172-vertical ._iui3172-tabs{align-content:start;animation-name:_iui3172-scroll-shadow-inset-vertical;animation-timing-function:linear;animation-timeline:scroll(self inline);display:grid;overflow:hidden auto}._iui3172-tabs-wrapper._iui3172-vertical ._iui3172-tabs~._iui3172-tabs-content{overflow:auto}@keyframes _iui3172-scroll-shadow-inset-vertical{0%{-webkit-mask-image:linear-gradient(#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(#0000,#000 0%,#000 95%,#0000)}5%{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000,#000 5%,#000 95%,#0000)}95%{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000,#000 5%,#000 95%,#0000)}to{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(#0000,#000 5%,#000 100%,#0000)}}._iui3172-tabs-wrapper._iui3172-vertical ._iui3172-tab:after{block-size:100%;inline-size:0}._iui3172-tabs-wrapper._iui3172-vertical ._iui3172-tab[aria-selected=true]:after{inline-size:var(--iui-size-3xs)}._iui3172-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(._iui3172-tabs-wrapper._iui3172-horizontal) ._iui3172-tabs-actions-wrapper{margin-inline-start:var(--iui-size-s)}:where(._iui3172-tabs-wrapper._iui3172-horizontal) ._iui3172-tabs-actions-wrapper:before,:where(._iui3172-tabs-wrapper._iui3172-horizontal) ._iui3172-tabs-actions-wrapper:after{content:"";flex:1}:where(._iui3172-tabs-wrapper._iui3172-horizontal) :where(._iui3172-tabs._iui3172-default)+._iui3172-tabs-actions-wrapper:after{min-block-size:var(--iui-size-2xs)}:where(._iui3172-tabs-wrapper._iui3172-horizontal) :where(._iui3172-tabs._iui3172-borderless)+._iui3172-tabs-actions-wrapper:after{min-block-size:var(--iui-size-xs)}:where(._iui3172-tabs-wrapper._iui3172-vertical) ._iui3172-tabs-actions-wrapper{padding-inline:var(--iui-size-xs);margin-block-start:var(--iui-size-s)}._iui3172-tabs-actions{display:flex}:where(._iui3172-tabs-wrapper._iui3172-horizontal) ._iui3172-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(._iui3172-tabs-wrapper._iui3172-vertical) ._iui3172-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}._iui3172-tabs-content{grid-area:tabs-content}._iui3172-tabs-content[hidden]{display:none!important}._iui3172-tabs{position:relative}@media (prefers-reduced-motion:no-preference){._iui3172-tabs{scroll-behavior:smooth}}._iui3172-tabs ._iui3172-tab{font-family:inherit;font-size:var(--iui-font-size-1);min-block-size:calc(var(--iui-size-m)*2.5);cursor:pointer;block-size:100%;color:var(--_iui-tab-color);transition:background-color var(--iui-duration-1)ease-out;text-align:start;scroll-margin:var(--iui-size-m);grid-template:"icon label""icon description"minmax(0,auto)/auto minmax(min-content,1fr);align-content:center;align-items:center;display:grid;position:relative}._iui3172-tabs ._iui3172-tab:after{background-color:var(--_iui-tab-color-stripe)}._iui3172-tabs ._iui3172-tab[aria-selected=true]{--_iui-tab-color:var(--_iui-tab-color-selected)}._iui3172-tabs ._iui3172-tab[aria-selected=true] ._iui3172-tab-icon svg{fill:currentColor}._iui3172-tabs ._iui3172-tab[aria-selected=true] ._iui3172-tab-description{color:inherit}._iui3172-tabs ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed;--_iui-tab-color:var(--_iui-tab-color-disabled)}._iui3172-tabs ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3172-tab-description{color:inherit}._iui3172-tabs ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3172-tab-icon svg{fill:var(--iui-color-icon-disabled)}._iui3172-tabs ._iui3172-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-tabs ._iui3172-tab-icon{grid-area:icon}._iui3172-tabs ._iui3172-tab-icon svg{transition:fill var(--iui-duration-1)ease-out}._iui3172-tabs ._iui3172-tab-icon~._iui3172-tab-label,._iui3172-tabs ._iui3172-tab-icon~._iui3172-tab-description{margin-inline-start:var(--iui-size-xs)}._iui3172-tabs ._iui3172-tab-description{-webkit-line-clamp:3;max-inline-size:60ch;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);-webkit-box-orient:vertical;grid-area:description;display:none;overflow:hidden}._iui3172-tabs._iui3172-green ._iui3172-tab:focus{outline-color:var(--iui-color-text-positive)}._iui3172-tabs._iui3172-green ._iui3172-tab[aria-selected=true]{--_iui-tab-color:var(--_iui-tab-color-green-selected)}._iui3172-tabs._iui3172-green ._iui3172-tab[aria-selected=true] ._iui3172-tab-icon svg{fill:currentColor}._iui3172-tabs~._iui3172-tabs-content{padding-block-start:var(--iui-size-s);padding-block-end:var(--iui-size-s)}._iui3172-tabs._iui3172-default ._iui3172-tab:after{content:"";--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-blue);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3172-tabs._iui3172-default [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3172-tabs._iui3172-default ._iui3172-tab{padding-block:var(--iui-size-2xs);padding-inline:var(--iui-size-m);background-color:var(--iui-color-background-backdrop);border:1px solid var(--iui-color-border)}._iui3172-tabs._iui3172-default ._iui3172-tab:after{inset-block-start:0;inset-inline-start:0}._iui3172-tabs._iui3172-default ._iui3172-tab:hover{background-color:var(--iui-color-background-backdrop-hover)}._iui3172-tabs._iui3172-default ._iui3172-tab[aria-selected=true]{background-color:var(--iui-color-background)}._iui3172-tabs._iui3172-default ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-disabled)}._iui3172-tabs._iui3172-default ._iui3172-tab:focus{outline-offset:-2px;outline-width:2px}._iui3172-horizontal ._iui3172-tabs._iui3172-default ._iui3172-tab[aria-selected=true]{border-block-end-color:#0000}._iui3172-horizontal ._iui3172-tabs._iui3172-default ._iui3172-tab:not(:first-child){border-inline-start:none}._iui3172-horizontal ._iui3172-tabs._iui3172-default~._iui3172-tabs-content{margin-block-start:-1px}._iui3172-horizontal ._iui3172-tabs._iui3172-default :where(._iui3172-button){block-size:100%}._iui3172-vertical ._iui3172-tabs._iui3172-default ._iui3172-tab[aria-selected=true]{border-inline-end-color:#0000}._iui3172-vertical ._iui3172-tabs._iui3172-default ._iui3172-tab:not(:first-child){border-block-start:none}._iui3172-vertical ._iui3172-tabs._iui3172-default~._iui3172-tabs-content{margin-inline-start:-1px}._iui3172-vertical ._iui3172-tabs._iui3172-default :where(._iui3172-button){inline-size:100%}._iui3172-tabs._iui3172-default._iui3172-large ._iui3172-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3172-tabs._iui3172-default._iui3172-large ._iui3172-tab-description{display:-webkit-box}._iui3172-tabs._iui3172-default._iui3172-green ._iui3172-tab:after{--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-green)}._iui3172-tabs._iui3172-default~._iui3172-tabs-content{padding-inline:var(--iui-size-m);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);padding-inline-end:var(--iui-size-m)}._iui3172-tabs._iui3172-borderless ._iui3172-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}._iui3172-tabs._iui3172-borderless ._iui3172-tab:after{inset-block-end:0;inset-inline-end:0}._iui3172-tabs._iui3172-borderless ._iui3172-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3172-tabs._iui3172-borderless ._iui3172-tab[aria-selected=true]{background-color:var(--iui-color-background-accent-muted)}._iui3172-horizontal ._iui3172-tabs._iui3172-borderless~._iui3172-tabs-content{border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);margin-block-start:calc(0px - var(--iui-size-3xs))}._iui3172-vertical ._iui3172-tabs._iui3172-borderless~._iui3172-tabs-content{border-inline-start:var(--iui-size-3xs)solid var(--iui-color-border);margin-inline-start:calc(0px - var(--iui-size-3xs));padding-inline-start:var(--iui-size-s);padding-inline-end:var(--iui-size-s)}._iui3172-tabs._iui3172-borderless._iui3172-green [aria-selected=true]{background-color:var(--iui-color-background-positive-muted)}._iui3172-tabs._iui3172-borderless._iui3172-large ._iui3172-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3172-tabs._iui3172-borderless._iui3172-large ._iui3172-tab-description{display:-webkit-box}._iui3172-tabs._iui3172-borderless ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3172-tabs._iui3172-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}._iui3172-tabs._iui3172-pill>._iui3172-tab{flex:1 1 0}._iui3172-tabs._iui3172-pill._iui3172-green ._iui3172-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3172-tabs._iui3172-pill._iui3172-green ._iui3172-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-positive-muted)}._iui3172-tabs._iui3172-pill ._iui3172-tab{padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center;inline-size:100%;display:flex}._iui3172-tabs._iui3172-pill ._iui3172-tab:after{inset-block-end:0;inset-inline-start:0}._iui3172-tabs._iui3172-pill ._iui3172-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3172-tabs._iui3172-pill ._iui3172-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-accent-muted)}._iui3172-tabs._iui3172-pill ._iui3172-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3172-tabs._iui3172-animated:after{content:" ";background-color:var(--_iui-tab-color-stripe);position:absolute}._iui3172-tabs._iui3172-animated._iui3172-green:after{--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-green)}._iui3172-horizontal ._iui3172-tabs._iui3172-animated:after{block-size:var(--iui-size-3xs);inline-size:var(--iui-tabs-stripe-size);inset-block-start:calc(100% - var(--iui-size-3xs));inset-inline-start:var(--iui-tabs-stripe-position)}@media (prefers-reduced-motion:no-preference){._iui3172-horizontal ._iui3172-tabs._iui3172-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}._iui3172-vertical ._iui3172-tabs._iui3172-animated:after{inline-size:var(--iui-size-3xs);block-size:var(--iui-tabs-stripe-size);inset-block-start:var(--iui-tabs-stripe-position);inset-inline-start:calc(100% - var(--iui-size-3xs))}@media (prefers-reduced-motion:no-preference){._iui3172-vertical ._iui3172-tabs._iui3172-animated:after{transition:top var(--iui-duration-1)ease-out}}._iui3172-tabs._iui3172-not-animated ._iui3172-tab:after{content:"";--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-blue);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3172-tabs._iui3172-not-animated [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3172-tabs._iui3172-not-animated._iui3172-green ._iui3172-tab:after{--_iui-tab-color-stripe:var(--_iui-tab-color-stripe-green)}._iui3172-tab-label{-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3172-tag{block-size:calc(var(--iui-size-s)*3);margin-block:var(--iui-size-2xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-3xs);transition:border-color var(--iui-duration-1)ease-out;border:1px solid var(--iui-color-border-foreground);background-color:var(--iui-color-background);color:var(--iui-color-text);align-items:center;display:inline-flex}._iui3172-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3172-tag-basic:not(a){color:var(--iui-color-text-muted)}._iui3172-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;line-height:var(--iui-size-l);white-space:nowrap;text-overflow:ellipsis;margin:0;margin-inline:var(--iui-size-xs)var(--iui-size-2xs);border:none;padding:0;overflow:hidden}._iui3172-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3172-tag-button{border-radius:var(--iui-border-radius-round)}._iui3172-tag-container{color:var(--iui-color-text-muted)}._iui3172-tag-container>a._iui3172-tag-basic{margin:var(--iui-size-3xs)}._iui3172-tag-container>:not(last-child){margin-inline-end:var(--iui-size-2xs)}._iui3172-tag-container>._iui3172-tag-basic:not(:last-child):after{content:","}._iui3172-tag-container._iui3172-truncate{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._iui3172-tag-container._iui3172-scroll{white-space:nowrap;overflow-x:scroll}._iui3172-tag-container._iui3172-visible{border-radius:var(--iui-border-radius-1);padding-block:var(--iui-size-2xs);padding-inline:var(--iui-size-s);background-color:var(--iui-color-background)}._iui3172-text-headline{vertical-align:baseline;font-size:var(--iui-font-size-5);font-weight:var(--iui-font-weight-light);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-title{vertical-align:baseline;font-size:var(--iui-font-size-4);font-weight:var(--iui-font-weight-light);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-subheading{vertical-align:baseline;font-size:var(--iui-font-size-3);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-leading{vertical-align:baseline;font-size:var(--iui-font-size-2);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-block{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-small{vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border:none;margin:0;padding:0}._iui3172-text-muted{color:var(--iui-color-text-muted)}._iui3172-skeleton{-webkit-user-select:none;user-select:none;color:#0000;border-radius:var(--iui-border-radius-1);cursor:progress;background:linear-gradient(292deg,var(--iui-color-icon-muted),var(--iui-color-icon-muted),var(--iui-color-icon-disabled),var(--iui-color-icon-muted),var(--iui-color-icon-muted));background-size:200% 100%;display:inline-block}@media (forced-colors:active){._iui3172-skeleton{forced-color-adjust:none;background:linear-gradient(292deg,canvastext,canvastext,canvas,canvastext,canvastext)}}@media (prefers-reduced-motion:no-preference){._iui3172-skeleton{animation:_iui3172-skeleton-shimmer var(--iui-duration-3)linear infinite}@keyframes _iui3172-skeleton-shimmer{0%{background-position:200%}50%{background-position:100%}to{background-position:0%}}}._iui3172-text-spacing{margin-block-end:var(--iui-size-l);padding:0}._iui3172-tile{--_iui-tile-title-text-color:var(--iui-color-text);--_iui-tile-body-text-color:var(--iui-color-text-muted);vertical-align:baseline;--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-color-background);border:none;border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);inline-size:calc(var(--iui-size-3xl)*3);backface-visibility:hidden;isolation:isolate;will-change:transform;flex-direction:column;margin:0;padding:0;display:inline-flex;position:relative}._iui3172-tile:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-tile:where(:not(._iui3172-folder))>:where(._iui3172-tile-thumbnail){border-start-start-radius:inherit;border-start-end-radius:inherit}._iui3172-tile:where(:not(._iui3172-folder))>:where(:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit}._iui3172-tile:where(:not(._iui3172-folder))>:where(._iui3172-tile-name){margin-block-start:var(--iui-size-s);margin-block-end:calc(var(--iui-size-s)*.5)}._iui3172-tile:not(:hover,:focus-within) ._iui3172-tile-more-options:where(:not(._iui3172-visible)){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}._iui3172-tile:hover ._iui3172-tile-metadata:not(:last-child),._iui3172-tile:focus-within ._iui3172-tile-metadata:not(:last-child){inline-size:calc(100% - var(--iui-size-xl))}._iui3172-tile._iui3172-new{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive)}._iui3172-tile._iui3172-new ._iui3172-tile-name,._iui3172-tile._iui3172-new ._iui3172-tile-description{font-weight:var(--iui-font-weight-semibold)}._iui3172-tile._iui3172-loading,._iui3172-tile[aria-disabled=true]{--_iui-tile-title-text-color:var(--iui-color-text-disabled);--_iui-tile-body-text-color:var(--iui-color-text-disabled)}._iui3172-tile._iui3172-loading :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture),._iui3172-tile[aria-disabled=true] :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture){filter:grayscale()}._iui3172-tile._iui3172-loading ._iui3172-tag-container,._iui3172-tile._iui3172-loading ._iui3172-tag-basic,._iui3172-tile[aria-disabled=true] ._iui3172-tag-container,._iui3172-tile[aria-disabled=true] ._iui3172-tag-basic{color:inherit}._iui3172-tile._iui3172-loading:is(:hover,:focus-within) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture),._iui3172-tile[aria-disabled=true]:is(:hover,:focus-within) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture){transform:none}._iui3172-tile._iui3172-loading{cursor:progress;font-style:italic}._iui3172-tile[aria-disabled=true]{cursor:not-allowed}._iui3172-tile._iui3172-actionable,._iui3172-tile:where(:has(._iui3172-link-action)){cursor:pointer;transition:box-shadow var(--iui-duration-1)ease-in-out,transform var(--iui-duration-1)50ms ease-in-out}._iui3172-tile._iui3172-actionable:has(._iui3172-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3172-tile:where(:has(._iui3172-link-action)):has(._iui3172-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3172-tile._iui3172-actionable:has(._iui3172-link-action:focus-visible)._iui3172-selected{outline-width:var(--iui-size-2xs)}._iui3172-tile:where(:has(._iui3172-link-action)):has(._iui3172-link-action:focus-visible)._iui3172-selected{outline-width:var(--iui-size-2xs)}@supports not selector(:has(+ *)){._iui3172-tile._iui3172-actionable:where(:focus-within),._iui3172-tile:where(:has(._iui3172-link-action)):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3172-tile._iui3172-actionable:where(:focus-within)._iui3172-selected,._iui3172-tile:where(:has(._iui3172-link-action)):where(:focus-within)._iui3172-selected{outline-width:var(--iui-size-2xs)}}._iui3172-tile._iui3172-actionable:hover,._iui3172-tile:where(:has(._iui3172-link-action)):hover{box-shadow:var(--iui-shadow-4);transform:translateY(-4px)}._iui3172-tile._iui3172-actionable:hover:before,._iui3172-tile:where(:has(._iui3172-link-action)):hover:before{transform:translateY(4px)}._iui3172-tile._iui3172-actionable:is(:hover,:focus-within) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture),._iui3172-tile:where(:has(._iui3172-link-action)):is(:hover,:focus-within) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture){transform:rotate(-4deg)}._iui3172-tile._iui3172-actionable:is(:hover,:focus-within,._iui3172-selected) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture):is(div,img),._iui3172-tile:where(:has(._iui3172-link-action)):is(:hover,:focus-within,._iui3172-selected) :is(._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture):is(div,img){transform:translateZ(0)scale(1.1)}._iui3172-tile._iui3172-selected{--_iui-tile-status-icon-fill:var(--iui-color-icon-accent);outline:solid 2px var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}._iui3172-tile._iui3172-selected:focus-visible{outline:var(--iui-size-2xs)solid var(--iui-color-border-accent);outline-offset:0}._iui3172-tile._iui3172-folder{grid-template:"thumbnail name""thumbnail content"1fr/1fr 2fr;display:grid}._iui3172-tile._iui3172-folder>:where(:first-child){border-start-start-radius:inherit;border-end-start-radius:inherit}._iui3172-tile._iui3172-folder>:where(:last-child){border-start-end-radius:inherit;border-end-end-radius:inherit}._iui3172-tile._iui3172-folder ._iui3172-tile-thumbnail{block-size:calc(var(--iui-size-s)*10);border-block-end:none;border-inline-end:1px solid var(--iui-color-border);flex:1;grid-area:thumbnail;margin:0}._iui3172-tile._iui3172-folder ._iui3172-tile-name{grid-area:name;min-inline-size:0;margin-block-start:calc(var(--iui-size-xs))}._iui3172-tile._iui3172-folder ._iui3172-tile-content{padding:var(--iui-size-s);grid-area:content;padding-block-start:0}._iui3172-tile._iui3172-folder ._iui3172-tile-content>*{padding:0}._iui3172-tile._iui3172-folder ._iui3172-tile-description{block-size:100%;max-block-size:3em;-webkit-line-clamp:2;max-block-size:2lh;margin-block-end:0}._iui3172-tile._iui3172-positive{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive);--_iui-tile-title-text-color:var(--iui-color-text-positive)}._iui3172-tile._iui3172-positive::selection,._iui3172-tile._iui3172-positive ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-tile._iui3172-positive ._iui3172-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-positive)}._iui3172-tile._iui3172-positive._iui3172-folder ._iui3172-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-positive)}._iui3172-tile._iui3172-warning{--_iui-tile-status-icon-fill:var(--iui-color-icon-warning);--_iui-tile-title-text-color:var(--iui-color-text-warning)}._iui3172-tile._iui3172-warning::selection,._iui3172-tile._iui3172-warning ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-tile._iui3172-warning ._iui3172-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-warning)}._iui3172-tile._iui3172-warning._iui3172-folder ._iui3172-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-warning)}._iui3172-tile._iui3172-negative{--_iui-tile-status-icon-fill:var(--iui-color-icon-negative);--_iui-tile-title-text-color:var(--iui-color-text-negative)}._iui3172-tile._iui3172-negative::selection,._iui3172-tile._iui3172-negative ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-tile._iui3172-negative ._iui3172-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-negative)}._iui3172-tile._iui3172-negative._iui3172-folder ._iui3172-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-negative)}._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action{z-index:2;margin-block-start:calc(var(--iui-size-s)*.5);margin-inline:var(--iui-size-xs);place-self:start}._iui3172-tile-thumbnail-type-indicator._iui3172-tile-thumbnail-quick-action,._iui3172-tile-thumbnail-quick-action._iui3172-tile-thumbnail-quick-action{justify-self:end}._iui3172-tile-thumbnail-button,:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button{border-radius:var(--iui-border-radius-round)}._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button{background-color:hsl(0 0% 0%/var(--iui-opacity-4));--_iui-field-color-icon:var(--iui-color-white);--_iui-field-color-icon-hover:var(--iui-color-white)}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button{background-color:hsl(0 0% 0%/var(--iui-opacity-5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button>._iui3172-button-icon,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button>._iui3172-button-icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,var(--iui-opacity-5)))}._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button:hover,._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button[data-iui-active=true]:enabled,._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button[data-iui-active=true]:enabled:hover,._iui3172-tile-thumbnail-picture~._iui3172-tile-thumbnail-button[data-iui-active=true]:active,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button:hover,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled:hover,._iui3172-tile-thumbnail-picture~:is(._iui3172-tile-thumbnail-type-indicator,._iui3172-tile-thumbnail-quick-action) button[data-iui-active=true]:active{background-color:rgba(0,0,0,var(--iui-opacity-4))}._iui3172-tile-thumbnail-badge-container{inline-size:calc(100% - 2*var(--iui-size-s));justify-content:flex-end;place-self:end;gap:var(--iui-size-2xs);margin-block-end:calc(var(--iui-size-s)*.5);margin-inline-end:var(--iui-size-s);display:flex;position:relative;overflow:hidden}._iui3172-tile-buttons{z-index:2;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}._iui3172-tile-buttons>._iui3172-button{font-size:var(--iui-font-size-1);block-size:auto;padding:var(--iui-size-s);white-space:nowrap;text-overflow:ellipsis;text-align:center;border:initial;border-radius:0;flex:1;margin:0;overflow:hidden}._iui3172-tile-buttons>._iui3172-button,._iui3172-tile-buttons>._iui3172-button:hover{border-block-start:1px solid var(--iui-color-border);border-color:var(--iui-color-border)}._iui3172-tile-buttons>button:not(:last-child){border-inline-end:1px solid var(--iui-color-border)}._iui3172-tile-thumbnail{block-size:calc(var(--iui-size-s)*13);background-color:var(--iui-color-background-zebra);border-block-end:1px solid var(--iui-color-border);flex-shrink:0;order:-1;display:grid;overflow:hidden;box-sizing:content-box!important}._iui3172-tile-thumbnail>*{grid-area:1/1/-1/-1}._iui3172-tile-thumbnail ._iui3172-avatar{place-self:center}._iui3172-tile-thumbnail ._iui3172-thumbnail-icon{transition:transform var(--iui-duration-2)ease;place-self:center}._iui3172-tile-thumbnail ._iui3172-thumbnail-icon,._iui3172-tile-thumbnail ._iui3172-thumbnail-icon>svg{inline-size:var(--iui-size-2xl);block-size:var(--iui-size-2xl);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-tile-thumbnail ._iui3172-thumbnail-icon,._iui3172-tile-thumbnail ._iui3172-thumbnail-icon>svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3172-tile-thumbnail-picture{transition:transform var(--iui-duration-2)ease;will-change:transform}}._iui3172-tile-thumbnail-picture:is(div){background-position:50%;background-size:cover}._iui3172-tile-thumbnail-picture~._iui3172-thumbnail-icon,._iui3172-tile-thumbnail-picture~._iui3172-thumbnail-icon>svg{cursor:pointer;transition:fill var(--iui-duration-1)ease;fill:rgba(255,255,255,var(--iui-opacity-3));filter:drop-shadow(0 2px 1px rgba(0,1,5,var(--iui-opacity-5)))}._iui3172-tile-thumbnail-picture~._iui3172-thumbnail-icon:hover,._iui3172-tile-thumbnail-picture~._iui3172-thumbnail-icon>svg:hover{fill:rgba(255,255,255,var(--iui-opacity-2))}._iui3172-tile-content{flex-grow:2;grid-template-rows:auto 1fr auto;min-inline-size:0;padding-block-end:var(--iui-size-s);display:grid}._iui3172-tile-content>*{max-inline-size:100%;padding-inline:var(--iui-size-s);grid-column:1;margin-block-end:calc(var(--iui-size-s)*.5)}._iui3172-tile-name{font-size:var(--iui-font-size-2);color:var(--_iui-tile-title-text-color);padding-inline:var(--iui-size-s);overflow-wrap:anywhere;flex-shrink:0;align-items:center;display:flex}._iui3172-tile-name-label,._iui3172-tile-name-label>._iui3172-link-action{z-index:1;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;overflow:hidden}._iui3172-tile-description{font-size:var(--iui-font-size-1);block-size:100%;max-block-size:4.5em;-webkit-line-clamp:3;max-block-size:3lh;color:var(--_iui-tile-body-text-color);-webkit-box-orient:vertical;margin-block-end:var(--iui-size-s);display:-webkit-box;overflow:hidden}._iui3172-tile-metadata{font-size:var(--iui-font-size-0);text-overflow:ellipsis;block-size:var(--iui-size-l);inline-size:100%;color:var(--_iui-tile-body-text-color);flex-shrink:0;align-items:center;margin-block:auto 0;display:flex;overflow:hidden}._iui3172-tile-metadata>svg,._iui3172-tile-metadata ._iui3172-tile-metadata-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon-muted);flex-shrink:0;margin-inline-end:var(--iui-size-xs);display:flex}._iui3172-tile-metadata>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-tile-status-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;margin-inline-end:var(--iui-size-xs);display:flex}._iui3172-tile-status-icon,._iui3172-tile-status-icon>svg{fill:var(--_iui-tile-status-icon-fill)}._iui3172-tile-more-options{z-index:2;grid-area:1/1/-1/-1;place-self:end;margin:0;margin-inline-end:calc(-1*var(--iui-size-2xs));display:grid;position:absolute}@supports (-apple-pay-button-style:inherit){._iui3172-tile-more-options{margin:0;inset-block-end:var(--iui-size-s);inset-inline-end:0}:where(._iui3172-tile._iui3172-folder) ._iui3172-tile-more-options{inset-inline-end:var(--iui-size-xs)}:where(._iui3172-tile:has(._iui3172-tile-buttons)) ._iui3172-tile-more-options{inset-block-end:3.25rem}}._iui3172-time-picker{vertical-align:baseline;-webkit-user-select:none;user-select:none;text-align:center;block-size:calc(var(--iui-size-s)*26);border:none;margin:0;padding:0;display:inline-flex}._iui3172-time-picker:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3172-time,._iui3172-period{padding-block:var(--iui-size-s);padding-inline:var(--iui-size-xs);scrollbar-width:none;overflow-y:auto}._iui3172-time:not(:first-child),._iui3172-period:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3172-time>ol,._iui3172-period>ol{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3172-time>ol>li,._iui3172-period>ol>li{padding-block:calc(var(--iui-size-s)*.5);padding-inline:var(--iui-size-m);border-radius:var(--iui-border-radius-1)}._iui3172-time>ol>li:focus-visible,._iui3172-period>ol>li:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-time>ol>li:hover,._iui3172-period>ol>li:hover{cursor:pointer;background-color:var(--iui-color-background-hover)}._iui3172-time>ol>li._iui3172-selected,._iui3172-period>ol>li._iui3172-selected{font-weight:var(--iui-font-weight-semibold);cursor:default;background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3172-time>ol>li._iui3172-selected:focus-visible,._iui3172-period>ol>li._iui3172-selected:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3172-period{align-items:center;display:flex}._iui3172-toast-wrapper{z-index:99999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;pointer-events:none!important}@media screen and (max-width:400px){._iui3172-toast-wrapper{inline-size:calc(100vw - 36px);margin-block-start:var(--iui-size-s)}}@media screen and (min-width:401px){._iui3172-toast-wrapper{min-inline-size:400px;max-inline-size:640px;margin-block:var(--iui-size-l)}}@media (prefers-reduced-motion:no-preference){._iui3172-toast-wrapper ._iui3172-toast-all{transition:all .24s cubic-bezier(0,0,.2,1)}}._iui3172-toast-wrapper._iui3172-placement-top{margin-inline:auto;inset-block-start:0;inset-inline:0}._iui3172-toast-wrapper._iui3172-placement-top-start{align-items:flex-start;inset-block-start:0;inset-inline-start:0}._iui3172-toast-wrapper._iui3172-placement-top-end{align-items:flex-end;inset-block-start:0;inset-inline-end:0}._iui3172-toast-wrapper._iui3172-placement-bottom{margin-inline:auto;inset-block-end:0;inset-inline:0}._iui3172-toast-wrapper._iui3172-placement-bottom ._iui3172-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3172-toast-wrapper._iui3172-placement-bottom-start{align-items:flex-start;inset-block-end:0;inset-inline-start:0}._iui3172-toast-wrapper._iui3172-placement-bottom-start ._iui3172-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3172-toast-wrapper._iui3172-placement-bottom-end{align-items:flex-end;inset-block-end:0;inset-inline-end:0}._iui3172-toast-wrapper._iui3172-placement-bottom-end ._iui3172-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3172-toast{vertical-align:baseline;pointer-events:all;margin:0;margin-block:0 var(--iui-size-s);margin-inline:var(--iui-size-m);min-block-size:calc(var(--iui-size-s)*4);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;border:1px solid var(--iui-color-border);box-shadow:0 0 0 1px rgba(255,255,255,var(--iui-opacity-4)),var(--iui-shadow-5);align-items:center;padding:0;display:inline-flex;overflow:hidden}._iui3172-toast>._iui3172-status-area{inline-size:calc(var(--iui-size-l)*2);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}._iui3172-toast>._iui3172-status-area>._iui3172-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3172-toast>._iui3172-status-area>._iui3172-icon,._iui3172-toast>._iui3172-status-area>._iui3172-icon>svg{fill:var(--iui-color-icon-muted)}._iui3172-toast>._iui3172-message{font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text);word-break:normal;overflow-wrap:anywhere;flex-grow:1;margin-block-start:calc(var(--iui-size-s)*.5);margin-block-end:calc(var(--iui-size-s)*.5);margin-inline-start:var(--iui-size-m);margin-inline-end:var(--iui-size-l);font-style:normal}._iui3172-toast-anchor{border-radius:var(--iui-border-radius-1);cursor:pointer;font-size:var(--iui-font-size-0);-webkit-user-select:none;user-select:none;white-space:nowrap;margin-inline-end:var(--iui-size-m)}._iui3172-toast-anchor:where(button){background:0 0;border:none;padding:0;font-family:inherit}._iui3172-toast>._iui3172-button{margin-inline-end:var(--iui-size-xs)}@media screen and (max-width:400px){._iui3172-toast{inline-size:calc(100vw - 36px)}}@media screen and (min-width:401px){._iui3172-toast{min-inline-size:400px;max-inline-size:640px}}._iui3172-toast._iui3172-informational{border-color:var(--iui-color-border-informational)}._iui3172-toast._iui3172-informational>._iui3172-message::selection,._iui3172-toast._iui3172-informational>._iui3172-message ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3172-toast._iui3172-informational>._iui3172-status-area{background-image:linear-gradient(to right,var(--iui-color-background-informational-muted),var(--iui-color-background))}._iui3172-toast._iui3172-informational>._iui3172-status-area>._iui3172-icon,._iui3172-toast._iui3172-informational>._iui3172-status-area>._iui3172-icon>svg{fill:var(--iui-color-icon-informational)}._iui3172-toast._iui3172-informational>button{outline-color:var(--iui-color-text-informational)}._iui3172-toast._iui3172-positive{border-color:var(--iui-color-border-positive)}._iui3172-toast._iui3172-positive>._iui3172-message::selection,._iui3172-toast._iui3172-positive>._iui3172-message ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3172-toast._iui3172-positive>._iui3172-status-area{background-image:linear-gradient(to right,var(--iui-color-background-positive-muted),var(--iui-color-background))}._iui3172-toast._iui3172-positive>._iui3172-status-area>._iui3172-icon,._iui3172-toast._iui3172-positive>._iui3172-status-area>._iui3172-icon>svg{fill:var(--iui-color-icon-positive)}._iui3172-toast._iui3172-positive>button{outline-color:var(--iui-color-text-positive)}._iui3172-toast._iui3172-warning{border-color:var(--iui-color-border-warning)}._iui3172-toast._iui3172-warning>._iui3172-message::selection,._iui3172-toast._iui3172-warning>._iui3172-message ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3172-toast._iui3172-warning>._iui3172-status-area{background-image:linear-gradient(to right,var(--iui-color-background-warning-muted),var(--iui-color-background))}._iui3172-toast._iui3172-warning>._iui3172-status-area>._iui3172-icon,._iui3172-toast._iui3172-warning>._iui3172-status-area>._iui3172-icon>svg{fill:var(--iui-color-icon-warning)}._iui3172-toast._iui3172-warning>button{outline-color:var(--iui-color-text-warning)}._iui3172-toast._iui3172-negative{border-color:var(--iui-color-border-negative)}._iui3172-toast._iui3172-negative>._iui3172-message::selection,._iui3172-toast._iui3172-negative>._iui3172-message ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3172-toast._iui3172-negative>._iui3172-status-area{background-image:linear-gradient(to right,var(--iui-color-background-negative-muted),var(--iui-color-background))}._iui3172-toast._iui3172-negative>._iui3172-status-area>._iui3172-icon,._iui3172-toast._iui3172-negative>._iui3172-status-area>._iui3172-icon>svg{fill:var(--iui-color-icon-negative)}._iui3172-toast._iui3172-negative>button{outline-color:var(--iui-color-text-negative)}._iui3172-toggle-switch-wrapper{--_iui-toggle-switch-handle-size:var(--iui-size-m);--_iui-toggle-switch-handle-offset:var(--iui-size-2xs);vertical-align:baseline;align-items:center;gap:var(--iui-size-xs);font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;isolation:isolate;inline-size:fit-content;color:var(--iui-color-text);border:none;grid-template-areas:"toggle";margin:0;padding:0;display:grid}._iui3172-toggle-switch-wrapper._iui3172-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3172-toggle-switch-wrapper._iui3172-disabled{color:graytext}}._iui3172-toggle-switch-wrapper._iui3172-label-on-left{grid-template-areas:"label toggle"}._iui3172-toggle-switch-wrapper._iui3172-label-on-right{grid-template-areas:"toggle label"}._iui3172-toggle-switch-wrapper:where([data-iui-size=small]){--_iui-toggle-switch-handle-size:var(--iui-size-s);--_iui-toggle-switch-handle-offset:var(--iui-size-3xs)}._iui3172-toggle-switch{vertical-align:baseline;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:calc((var(--_iui-toggle-switch-handle-size) + var(--_iui-toggle-switch-handle-offset)*2)*2);block-size:calc(var(--_iui-toggle-switch-handle-size) + var(--_iui-toggle-switch-handle-offset)*2 + 2px);border-radius:var(--iui-border-radius-round);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;background-color:var(--iui-color-background);border:1px solid;border-color:var(--iui-color-border-foreground);grid-area:toggle;margin:0;padding:0;display:flex;position:relative}._iui3172-toggle-switch:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:1px}._iui3172-toggle-switch-label{grid-area:label}._iui3172-toggle-switch:after{content:"";block-size:var(--_iui-toggle-switch-handle-size);inline-size:var(--_iui-toggle-switch-handle-size);margin:var(--_iui-toggle-switch-handle-offset);aspect-ratio:1;border-radius:var(--iui-border-radius-round);transition:background-color var(--iui-duration-1)ease-out;z-index:2}@media (prefers-reduced-motion:no-preference){._iui3172-toggle-switch:after{transition:transform var(--iui-duration-1)ease-out,background-color var(--iui-duration-1)ease-out}}@media (forced-colors:active){._iui3172-toggle-switch{border-color:canvastext}}._iui3172-toggle-switch:after{background-color:var(--iui-color-icon)}@media (forced-colors:active){._iui3172-toggle-switch:after{background-color:canvastext}}._iui3172-toggle-switch:is(:hover,:focus-visible){border-color:var(--iui-color-border-foreground-hover)}@media (forced-colors:active){._iui3172-toggle-switch:is(:hover,:focus-visible){border-color:canvastext}}._iui3172-toggle-switch:is(:hover,:focus-visible):after{background-color:var(--iui-color-icon-hover)}._iui3172-toggle-switch:checked{background-color:var(--iui-color-background-accent);border-color:var(--iui-color-background-accent)}@media (forced-colors:active){._iui3172-toggle-switch:checked{background-color:highlight;border-color:highlight}}._iui3172-toggle-switch:checked:after{transform:translate(calc(var(--_iui-toggle-switch-handle-size) + var(--_iui-toggle-switch-handle-offset)));background-color:var(--iui-color-white)}@media (forced-colors:active){._iui3172-toggle-switch:checked:after{background-color:highlighttext}}._iui3172-toggle-switch:checked~._iui3172-toggle-switch-icon{opacity:var(--iui-opacity-1)}._iui3172-toggle-switch:disabled{cursor:not-allowed;background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){._iui3172-toggle-switch:disabled{border-color:graytext}}._iui3172-toggle-switch:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3172-toggle-switch:disabled:after{opacity:.75;background-color:graytext}}._iui3172-toggle-switch:disabled~._iui3172-toggle-switch-icon{opacity:0}._iui3172-toggle-switch:disabled~._iui3172-toggle-switch-icon svg{fill:var(--iui-color-icon)}@media (forced-colors:active){._iui3172-toggle-switch:disabled:checked{background-color:graytext}._iui3172-toggle-switch:disabled:checked:after{background-color:canvas}}._iui3172-toggle-switch:disabled:checked~._iui3172-toggle-switch-icon{opacity:var(--iui-opacity-5)}@media (forced-colors:active){._iui3172-toggle-switch:disabled:checked~._iui3172-toggle-switch-icon{opacity:.75}._iui3172-toggle-switch:disabled:checked~._iui3172-toggle-switch-icon svg{fill:canvas}}._iui3172-toggle-switch-icon{opacity:0;margin:calc(var(--_iui-toggle-switch-handle-offset) + 1px);z-index:1;transition:opacity var(--iui-duration-1)ease-out;pointer-events:none;grid-area:toggle}._iui3172-toggle-switch-icon,._iui3172-toggle-switch-icon svg{inline-size:var(--_iui-toggle-switch-handle-size);block-size:var(--_iui-toggle-switch-handle-size);display:flex}._iui3172-toggle-switch-icon svg{padding:calc(var(--_iui-toggle-switch-handle-size)*.125);fill:var(--iui-color-white)}@media (forced-colors:active){._iui3172-toggle-switch-icon svg{fill:highlighttext}}._iui3172-tooltip{vertical-align:baseline;text-align:center;border-radius:var(--iui-border-radius-1);font-size:var(--iui-font-size-0);overflow-wrap:break-word;inline-size:max-content;max-inline-size:400px;padding:0;padding-block:calc(var(--iui-size-s)*.33);padding-inline:var(--iui-size-xs);z-index:999;box-shadow:var(--iui-shadow-3);color:var(--iui-color-white);border:none;border:1px solid rgba(255,255,255,var(--iui-opacity-4));background-color:hsl(0 0% 0%/var(--iui-opacity-2));margin:0;display:block;position:absolute;overflow:visible;box-sizing:content-box!important}._iui3172-tooltip:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3172-tooltip{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3172-tooltip:where([hidden],[popover]:not(:popover-open)){display:none!important}._iui3172-transfer-list-wrapper{column-gap:var(--iui-size-xs);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;display:grid}._iui3172-transfer-list-listbox-wrapper{gap:var(--iui-size-2xs);flex-direction:column;flex:1;display:flex}._iui3172-transfer-list-listbox{--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:none;background-color:var(--iui-color-background);border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);block-size:calc((var(--iui-component-height) - 1px)*4.5);overflow-y:auto}._iui3172-transfer-list-toolbar{gap:var(--iui-size-2xs);flex-direction:column;flex:1;justify-content:flex-end;display:flex}._iui3172-tree{vertical-align:baseline;--_iui-tree-node-padding-inline:var(--iui-size-xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*18);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;margin:0;padding:0;list-style:none;overflow:auto}._iui3172-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}._iui3172-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3172-tree-item:focus-visible{outline:none}._iui3172-tree-item:focus-visible>._iui3172-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-tree-item:focus-visible>._iui3172-tree-node._iui3172-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3172-tree-node{cursor:pointer;padding-inline:var(--_iui-tree-node-padding-inline);border-radius:var(--iui-border-radius-1);align-items:center;display:flex}._iui3172-tree-node-checkbox{margin-inline-end:var(--_iui-tree-node-padding-inline)}._iui3172-tree-node-content{column-gap:var(--_iui-tree-node-padding-inline);min-block-size:var(--_iui-tree-row-height);align-items:center;inline-size:100%;margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px)*.5*var(--level,0));padding-inline-start:var(--iui-size-3xs);display:flex;overflow:hidden}._iui3172-tree-node-content-icon,._iui3172-tree-node-content-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3172-tree-node-content-icon,._iui3172-tree-node-content-icon svg{fill:canvastext}}:where(._iui3172-tree[data-iui-size=small]) ._iui3172-tree-node-content-icon,:where(._iui3172-tree[data-iui-size=small]) ._iui3172-tree-node-content-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3172-tree-node-content-icon:first-child{margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px) + var(--_iui-tree-node-padding-inline))}@media (prefers-reduced-motion:no-preference){._iui3172-tree-node-content-expander-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3172-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3172-tree-node-content-label{flex:1;min-inline-size:0}._iui3172-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px + var(--_iui-tree-node-padding-inline))}._iui3172-tree-node-content-title,._iui3172-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3172-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3172-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3172-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3172-tree-node:hover ._iui3172-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3172-tree-node._iui3172-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3172-tree-node._iui3172-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3172-tree-node._iui3172-disabled,._iui3172-tree-node._iui3172-disabled ._iui3172-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3172-button-base){font:inherit;touch-action:manipulation;cursor:pointer;background:0 0;border:none;padding:0}._iui3172-svg-icon{flex-shrink:0;display:inline-flex}._iui3172-svg-icon svg{inline-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));block-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));fill:var(--iui-svg-fill,var(--_iui-svg-fill,var(--iui-color-icon-muted)))}._iui3172-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem}._iui3172-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem}._iui3172-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem}._iui3172-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em}._iui3172-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3172-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3172-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3172-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}@media (forced-colors:active){._iui3172-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}._iui3172-svg-icon[data-iui-padded=true]{padding-inline:var(--iui-size-xs)}._iui3172-svg-icon+._iui3172-svg-icon{padding-inline-start:0}._iui3172-notification-marker{--_iui-notification-marker-color:var(--iui-color-icon-informational);position:relative}._iui3172-notification-marker:before{content:"";inline-size:var(--iui-size-xs);block-size:var(--iui-size-xs);background-color:var(--_iui-notification-marker-color);border-radius:100%;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}@media (prefers-reduced-motion:no-preference){._iui3172-notification-marker:before{transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out}}._iui3172-notification-marker>*{-webkit-mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%);mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%)}@media (prefers-reduced-motion:no-preference){._iui3172-notification-marker:where([data-iui-urgent=true]):before{animation:2s infinite _iui3172-pulse}@keyframes _iui3172-pulse{0%{box-shadow:0 0 0 0 var(--_iui-notification-marker-color)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}}._iui3172-notification-marker[data-iui-variant=positive]{--_iui-notification-marker-color:var(--iui-color-icon-positive)}._iui3172-notification-marker[data-iui-variant=warning]{--_iui-notification-marker-color:var(--iui-color-icon-warning)}._iui3172-notification-marker[data-iui-variant=negative]{--_iui-notification-marker-color:var(--iui-color-icon-negative)}._iui3172-notification-marker[data-iui-variant=white]{--_iui-notification-marker-color:var(--iui-color-white)}._iui3172-divider{background-color:var(--iui-color-border-subtle);flex:none;align-self:stretch}@media (forced-colors:active){._iui3172-divider{background-color:canvastext}}._iui3172-divider:is(hr){border:none;margin:0}._iui3172-divider:not([aria-orientation=vertical]){block-size:1px}._iui3172-divider[aria-orientation=vertical]{min-block-size:100%;inline-size:1px}._iui3172-flex{--iui-flex-display:flex;--iui-flex-direction:row;--iui-flex-gap:var(--iui-size-xs);--iui-flex-justify:flex-start;--iui-flex-align:center;--iui-flex-wrap:nowrap;display:var(--iui-flex-display);flex-direction:var(--iui-flex-direction);gap:var(--iui-flex-gap);justify-content:var(--iui-flex-justify);align-items:var(--iui-flex-align);flex-wrap:var(--iui-flex-wrap)}._iui3172-flex-spacer{--iui-flex-spacer-flex:999;flex:var(--iui-flex-spacer-flex)}._iui3172-flex-item{--iui-flex-item-flex:auto;--iui-flex-item-align:auto;flex:var(--iui-flex-item-flex);align-self:var(--iui-flex-item-align);--iui-off: ;--iui-on:initial;--iui-flex-item-gap-before-toggle:var(--iui-off);--iui-flex-item-gap-after-toggle:var(--iui-off);margin-inline-start:var(--iui-flex-item-gap-before-toggle,calc(var(--iui-flex-item-gap-before) - var(--iui-flex-gap)));margin-inline-end:var(--iui-flex-item-gap-after-toggle,calc(var(--iui-flex-item-gap-after) - var(--iui-flex-gap)))}._iui3172-visually-hidden:where(:not([data-iui-unhide-on-focus]:is(:focus-within,:active))){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}:where(._iui3172-link-box){position:relative}:where(._iui3172-link-box):has(._iui3172-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){:where(._iui3172-link-box):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}:where(._iui3172-link-action){all:unset;color:inherit;cursor:pointer}:where(._iui3172-link-action):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}._iui3172-workflow-diagram{vertical-align:baseline;border:none;justify-content:space-around;align-items:center;inline-size:100%;margin:0;padding:0;display:flex}._iui3172-workflow-diagram-step{--_iui-workflow-diagram-circle-background-color:var(--iui-color-background-positive);--_iui-workflow-diagram-circle-border-color:var(--iui-color-background-positive);--_iui-workflow-diagram-circle-border-radius:var(--iui-border-radius-1);--_iui-workflow-diagram-circle-text-color:var(--iui-color-white);--_iui-workflow-diagram-track-before-color:var(--iui-color-border-positive);--_iui-workflow-diagram-track-after-color:var(--iui-color-border-positive);vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--_iui-workflow-diagram-circle-text-color);border:none;flex:1;align-items:center;margin:0;padding:0;display:flex}._iui3172-workflow-diagram-step:first-of-type,._iui3172-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-circle-background-color:var(--iui-color-background);--_iui-workflow-diagram-circle-border-color:var(--iui-color-border-positive);--_iui-workflow-diagram-circle-border-radius:var(--iui-size-s);--_iui-workflow-diagram-circle-text-color:var(--iui-color-text-positive)}._iui3172-workflow-diagram-step:before,._iui3172-workflow-diagram-step:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3172-workflow-diagram-step:before{background-color:var(--_iui-workflow-diagram-track-before-color)}._iui3172-workflow-diagram-step:after{background-color:var(--_iui-workflow-diagram-track-after-color)}._iui3172-workflow-diagram-step:first-of-type{--_iui-workflow-diagram-track-before-color:transparent}._iui3172-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-track-after-color:transparent}._iui3172-workflow-diagram-content{padding-block:var(--iui-size-3xs);padding-inline:var(--iui-size-m);font-weight:var(--iui-font-weight-normal);text-align:center;background-color:var(--_iui-workflow-diagram-circle-background-color);border:1px solid var(--_iui-workflow-diagram-circle-border-color);border-radius:var(--_iui-workflow-diagram-circle-border-radius)}}@layer itwinui.v3.bridge{._iui3172-root:where([data-iui-bridge=true]){--iui-color-white:var(--ids-color-static-white);--iui-color-background:var(--ids-color-bg-page-base);--iui-color-background-disabled:var(--ids-color-bg-glow-on-surface-disabled);--iui-color-background-zebra:var(--iui-color-background);--iui-color-background-hover:var(--iui-color-background);--iui-color-background-backdrop:var(--ids-color-bg-page-depth);--iui-color-background-backdrop-hover:var(--iui-color-background-backdrop);--iui-color-background-accent:var(--ids-color-bg-accent-base);--iui-color-background-accent-hover:var(--iui-color-background-accent);--iui-color-background-accent-muted:var(--ids-color-bg-glow-on-surface-accent-pressed);--iui-color-border-foreground:var(--ids-color-border-mono-muted);--iui-color-border-foreground-hover:var(--iui-color-border-foreground);--iui-color-background-informational:var(--ids-color-bg-info-base);--iui-color-background-informational-hover:var(--iui-color-background-informational);--iui-color-background-informational-muted:var(--ids-color-bg-info-muted);--iui-color-background-positive:var(--ids-color-bg-positive-base);--iui-color-background-positive-hover:var(--iui-color-background-positive);--iui-color-background-positive-muted:var(--ids-color-bg-positive-muted);--iui-color-background-warning:var(--ids-color-bg-attention-base);--iui-color-background-warning-hover:var(--iui-color-background-warning);--iui-color-background-warning-muted:var(--ids-color-bg-attention-muted);--iui-color-background-negative:var(--ids-color-bg-critical-base);--iui-color-background-negative-hover:var(--iui-color-background-negative);--iui-color-background-negative-muted:var(--ids-color-bg-critical-muted);--iui-color-border-informational:var(--ids-color-border-info-faded);--iui-color-border-positive:var(--ids-color-border-positive-faded);--iui-color-border-warning:var(--ids-color-border-attention-faded);--iui-color-border-negative:var(--ids-color-border-critical-faded);--iui-color-border:var(--ids-color-border-neutral-base);--iui-color-border-hover:var(--iui-color-border);--iui-color-border-disabled:var(--ids-color-border-glow-on-surface-disabled);--iui-color-border-subtle:var(--ids-color-border-neutral-muted);--iui-color-border-accent:var(--ids-color-border-accent-strong);--iui-color-icon-accent:var(--ids-color-icon-accent-strong);--iui-color-icon-informational:var(--ids-color-icon-info-faded);--iui-color-icon-positive:var(--ids-color-icon-positive-faded);--iui-color-icon-warning:var(--ids-color-icon-attention-faded);--iui-color-icon-negative:var(--ids-color-icon-critical-faded);--iui-color-icon:var(--ids-color-icon-neutral-base);--iui-color-icon-hover:var(--iui-color-icon);--iui-color-icon-muted:var(--ids-color-icon-neutral-secondary);--iui-color-icon-muted-hover:var(--iui-color-icon-muted);--iui-color-icon-disabled:var(--ids-color-icon-neutral-disabled);--iui-color-icon-disabled-hover:var(--iui-color-icon-disabled);--iui-color-text-informational:var(--ids-color-text-info-faded);--iui-color-text-positive:var(--ids-color-text-positive-faded);--iui-color-text-warning:var(--ids-color-text-attention-faded);--iui-color-text-negative:var(--ids-color-text-critical-faded);--iui-color-text-informational-hover:var(--iui-color-text-informational);--iui-color-text-positive-hover:var(--iui-color-text-positive);--iui-color-text-warning-hover:var(--iui-color-text-warning);--iui-color-text-negative-hover:var(--iui-color-text-negative);--iui-color-text:var(--ids-color-text-neutral-primary);--iui-color-text-hover:var(--iui-color-text);--iui-color-text-accent:var(--ids-color-text-accent-strong);--iui-color-text-accent-hover:var(--iui-color-text-accent);--iui-color-text-muted:var(--ids-color-text-neutral-secondary);--iui-color-text-disabled:var(--ids-color-text-neutral-disabled);--iui-color-text-disabled-hover:var(--iui-color-text-disabled);--iui-color-text-placeholder:var(--ids-color-text-neutral-secondary)}._iui3172-root:where([data-iui-bridge=true])[data-iui-theme=light]{--iui-color-background-hsl:209.2deg 40.21% 98.84%;--iui-color-foreground-hsl:222.69deg 6.43% 12.92%;--iui-color-accent-hsl:164.5deg 68.46% 30.05%;--iui-color-informational-hsl:210.23deg 96.74% 36.73%;--iui-color-positive-hsl:105.38deg 97.33% 21.67%;--iui-color-warning-hsl:39.78deg 94.44% 25.8%;--iui-color-negative-hsl:348.19deg 79.28% 40.72%}._iui3172-root:where([data-iui-bridge=true])[data-iui-theme=dark]{--iui-color-background-hsl:222.69deg 6.43% 12.92%;--iui-color-foreground-hsl:209.2deg 40.21% 98.84%;--iui-color-accent-hsl:166.21deg 96.14% 50.19%;--iui-color-informational-hsl:210.52deg 76.91% 71.38%;--iui-color-positive-hsl:105.91deg 34.34% 61.19%;--iui-color-warning-hsl:40.01deg 57.6% 59.24%;--iui-color-negative-hsl:347.86deg 75.06% 76.69%}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-anchor{text-decoration:underline}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-anchor:where(:hover){text-decoration-color:#0000}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-anchor:where(:not([data-iui-status])){color:var(--ids-color-text-neutral-primary)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-breadcrumbs ._iui3172-breadcrumbs-content:any-link{text-decoration:underline}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-breadcrumbs ._iui3172-breadcrumbs-content:any-link:where(:hover){text-decoration-color:#0000}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-breadcrumbs ._iui3172-breadcrumbs-content:not([aria-current]){color:var(--iui-color-text-accent)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-button{--_iui-field-color-border-hover:var(--_iui-field-color-border);--_iui-field-color-border-disabled:transparent}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-button:where([data-iui-variant=high-visibility],[data-iui-variant=cta]){--_iui-field-color-background:var(--ids-color-bg-accent-base);--_iui-field-color-background-hover:var(--_iui-field-color-background);--_iui-field-color-icon:var(--ids-color-icon-neutral-emphasis);--_iui-field-color-border:var(--ids-color-border-accent-base)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-button-group ._iui3172-button:not([data-iui-variant=borderless]){--_iui-field-color-border-disabled:var(--iui-color-border-disabled)}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-checkbox,._iui3172-radio){--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,')}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-checkbox,._iui3172-radio):not(._iui3172-checkbox-visibility):not(:disabled){--_iui-checkbox-svg-color:var(--ids-color-icon-neutral-emphasis);--_iui-checkbox-background-color:var(--ids-color-bg-neutral-base)}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-checkbox,._iui3172-radio):not(._iui3172-checkbox-visibility):not(:disabled):checked{--_iui-checkbox-background-color:var(--ids-color-bg-accent-base);--_iui-checkbox-border-color:var(--ids-color-border-accent-base)}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-checkbox,._iui3172-radio):not(._iui3172-checkbox-visibility):disabled{--_iui-checkbox-border-color:transparent}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-checkbox,._iui3172-radio)._iui3172-checkbox-visibility{--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,')}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-checkbox-wrapper:not(:where([data-iui-status])):not([data-iui-disabled=true]){color:var(--ids-color-text-neutral-secondary)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-menu{background-color:var(--ids-color-bg-elevation-level-1);box-shadow:var(--ids-shadow-surface-xl);border:none}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-list-item{--_iui-list-item-background-hover:transparent}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-expandable-header:where(:not([data-iui-disabled=true])):where(:hover){--_iui-expandable-block-header-caption-color-hover:var(--iui-color-text-muted)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-file-upload._iui3172-drag>._iui3172-content ._iui3172-anchor{color:var(--iui-color-text-accent)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-legal-footer-item a{color:var(--iui-color-text-muted)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-input:not([role=combobox]){--_iui-field-color-background:var(--ids-color-bg-elevation-control);--_iui-field-color-background-hover:var(--_iui-field-color-background);--_iui-field-color-background-disabled:var(--ids-color-bg-elevation-control)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-input-flex-container{--_iui-input-background-color:var(--ids-color-bg-neutral-primary)}._iui3172-root:where([data-iui-bridge=true]) :is(._iui3172-progress-indicator-linear,._iui3172-progress-indicator-radial){--_iui-progress-indicator-color-default-progress:var(--ids-color-icon-neutral-base)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-slider-thumb{background-color:var(--ids-color-bg-neutral-faded);border-color:var(--ids-color-border-neutral-faded)}._iui3172-root:where([data-iui-bridge=true]) :where(._iui3172-tabs-wrapper){--_iui-tab-color-stripe-blue:var(--ids-color-border-neutral-inverse);--_iui-tab-color-stripe-green:var(--ids-color-border-accent-strong);--_iui-tab-color-default:var(--ids-color-text-neutral-tertiary);--_iui-tab-color-selected:var(--ids-color-text-neutral-primary);--_iui-tab-color-green-selected:var(--ids-color-text-accent-strong)}._iui3172-root:where([data-iui-bridge=true]) :where(._iui3172-tabs-wrapper):where(._iui3172-horizontal) ._iui3172-tab:after{inline-size:calc(100% - 8px);inset-block-start:calc(100% - var(--iui-size-3xs));inset-inline:4px}._iui3172-root:where([data-iui-bridge=true]) :where(._iui3172-tabs-wrapper):where(._iui3172-vertical) ._iui3172-tab:after{block-size:calc(100% - 8px);inset-block:4px;inset-inline-start:calc(100% - var(--iui-size-3xs))}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-tab{outline-offset:-6px;background-color:#0000;border:none;border-radius:10px}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-tabs-content{background-color:#0000;border:none}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-toggle-switch:checked:not(:disabled){border-color:var(--ids-color-border-accent-base)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-toggle-switch:disabled{background-color:var(--iui-color-background)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-toggle-switch-wrapper:not(._iui3172-disabled){color:var(--ids-color-text-neutral-secondary)}._iui3172-root:where([data-iui-bridge=true]) ._iui3172-tooltip{background-color:var(--ids-color-bg-elevation-emphasis);border-color:var(--ids-color-border-elevation-base);box-shadow:var(--ids-shadow-tooltip-base)}}@layer itwinui.v3{._iui3172-root *{--_iui-width: initial;inline-size:var(--_iui-width, revert-layer)}}:where(:root){--_iui-v3172: yes} diff --git a/2452/react/assets/manifest-B-VxemCC.webmanifest b/2452/react/assets/manifest-B-VxemCC.webmanifest new file mode 100644 index 00000000000..c9e59885ccc --- /dev/null +++ b/2452/react/assets/manifest-B-VxemCC.webmanifest @@ -0,0 +1,7 @@ +{ + "name": "Ladle", + "short_name": "Ladle", + "background_color": "#ffffff", + "theme_color": "#ffffff", + "display": "fullscreen" +} diff --git a/2452/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 b/2452/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 new file mode 100644 index 00000000000..ccedee6d94d Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-300-normal-BK0Cs3H-.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff b/2452/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff new file mode 100644 index 00000000000..eac1a2e73ac Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-300-normal-BYgsrhU-.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff b/2452/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff new file mode 100644 index 00000000000..6900e17be50 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 b/2452/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 new file mode 100644 index 00000000000..98ba102450f Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff b/2452/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff new file mode 100644 index 00000000000..837134fd16b Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 b/2452/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 new file mode 100644 index 00000000000..5f5f17de172 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff b/2452/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff new file mode 100644 index 00000000000..3209756a1ec Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-600-normal-BNt5LZ4o.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 b/2452/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 new file mode 100644 index 00000000000..da66120637b Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-600-normal-CeOYaFct.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff b/2452/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff new file mode 100644 index 00000000000..ff5d5877134 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-800-normal-1db8kz6K.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 b/2452/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 new file mode 100644 index 00000000000..30e9b376a32 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-800-normal-D31NpEJW.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 b/2452/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 new file mode 100644 index 00000000000..71ddc24e79d Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-300-normal-7iNvVOBk.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff b/2452/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff new file mode 100644 index 00000000000..530c01dc499 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-300-normal-CEFdXu7w.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff b/2452/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff new file mode 100644 index 00000000000..0bc7dad40ab Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 b/2452/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 new file mode 100644 index 00000000000..4c4596066e4 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff b/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff new file mode 100644 index 00000000000..72dfd7951f5 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 b/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 new file mode 100644 index 00000000000..9c982c37271 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 b/2452/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 new file mode 100644 index 00000000000..34eecae3450 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-600-normal-Cgp5rOfm.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff b/2452/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff new file mode 100644 index 00000000000..0567bd5092d Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-600-normal-DIwnjy3K.woff differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 b/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 new file mode 100644 index 00000000000..d6dd141b364 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BK2DaFk-.woff2 differ diff --git a/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff b/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff new file mode 100644 index 00000000000..1d9a5223213 Binary files /dev/null and b/2452/react/assets/noto-sans-cyrillic-ext-800-normal-BTlXMxfJ.woff differ diff --git a/2452/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff b/2452/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff new file mode 100644 index 00000000000..1d0839b2de5 Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-300-normal-BaWX0JzM.woff differ diff --git a/2452/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 b/2452/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 new file mode 100644 index 00000000000..e0dc750bda1 Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-300-normal-WFEeL3On.woff2 differ diff --git a/2452/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff b/2452/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff new file mode 100644 index 00000000000..f2c0757b84d Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff differ diff --git a/2452/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 b/2452/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 new file mode 100644 index 00000000000..aa158decaea Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 differ diff --git a/2452/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 b/2452/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 new file mode 100644 index 00000000000..508fc10d117 Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 differ diff --git a/2452/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff b/2452/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff new file mode 100644 index 00000000000..e363c43f7fc Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff differ diff --git a/2452/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff b/2452/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff new file mode 100644 index 00000000000..59b0074b5e1 Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-600-normal-CThdI4Pq.woff differ diff --git a/2452/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 b/2452/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 new file mode 100644 index 00000000000..e329f72dd6a Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-600-normal-Cpj6AYZt.woff2 differ diff --git a/2452/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 b/2452/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 new file mode 100644 index 00000000000..eaac298f40a Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-800-normal-22WkZdaY.woff2 differ diff --git a/2452/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff b/2452/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff new file mode 100644 index 00000000000..23e59556f80 Binary files /dev/null and b/2452/react/assets/noto-sans-devanagari-800-normal-BllHDumE.woff differ diff --git a/2452/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 b/2452/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 new file mode 100644 index 00000000000..d9c7c6ac48b Binary files /dev/null and b/2452/react/assets/noto-sans-greek-300-normal-A6rreO0I.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff b/2452/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff new file mode 100644 index 00000000000..fd282539df8 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-300-normal-CwHD5Qyw.woff differ diff --git a/2452/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff b/2452/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff new file mode 100644 index 00000000000..f75d8634f32 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-400-italic-BXJxTOvj.woff differ diff --git a/2452/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 b/2452/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 new file mode 100644 index 00000000000..15b3274957d Binary files /dev/null and b/2452/react/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff b/2452/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff new file mode 100644 index 00000000000..0dfe32a1fb8 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-400-normal-BroOW-sQ.woff differ diff --git a/2452/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 b/2452/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 new file mode 100644 index 00000000000..6ed80ddb88d Binary files /dev/null and b/2452/react/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff b/2452/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff new file mode 100644 index 00000000000..378d2c58335 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-600-normal-BG_E7BwQ.woff differ diff --git a/2452/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 b/2452/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 new file mode 100644 index 00000000000..d56f57111be Binary files /dev/null and b/2452/react/assets/noto-sans-greek-600-normal-DFYp5DZ7.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 b/2452/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 new file mode 100644 index 00000000000..97646cc7fcf Binary files /dev/null and b/2452/react/assets/noto-sans-greek-800-normal-8nz4eQsi.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff b/2452/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff new file mode 100644 index 00000000000..94eac919432 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-800-normal-Cf7pEXmB.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff b/2452/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff new file mode 100644 index 00000000000..f6f6b2d1946 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-300-normal-BWqMMWJi.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 b/2452/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 new file mode 100644 index 00000000000..88bc934dfae Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-300-normal-UvyWJuNP.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 b/2452/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 new file mode 100644 index 00000000000..82c6591f486 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff b/2452/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff new file mode 100644 index 00000000000..33826d7f343 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 b/2452/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 new file mode 100644 index 00000000000..eabbb044625 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff b/2452/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff new file mode 100644 index 00000000000..8044022213d Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff b/2452/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff new file mode 100644 index 00000000000..6fead47e875 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-600-normal-6z6L_Ls-.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 b/2452/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 new file mode 100644 index 00000000000..b6b916a75f9 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-600-normal-aAZHWXou.woff2 differ diff --git a/2452/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff b/2452/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff new file mode 100644 index 00000000000..8e2af1cc574 Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-800-normal-C8SARZFJ.woff differ diff --git a/2452/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 b/2452/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 new file mode 100644 index 00000000000..5d6f21392bb Binary files /dev/null and b/2452/react/assets/noto-sans-greek-ext-800-normal-hc62tMAb.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-300-normal-CC6arpue.woff b/2452/react/assets/noto-sans-latin-300-normal-CC6arpue.woff new file mode 100644 index 00000000000..e94e4fa0e81 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-300-normal-CC6arpue.woff differ diff --git a/2452/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 b/2452/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 new file mode 100644 index 00000000000..ea5581c77bc Binary files /dev/null and b/2452/react/assets/noto-sans-latin-300-normal-CpwMVblg.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff b/2452/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff new file mode 100644 index 00000000000..a194cd657e3 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-400-italic-BT87CHj2.woff differ diff --git a/2452/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 b/2452/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 new file mode 100644 index 00000000000..fd5407e3c04 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 b/2452/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 new file mode 100644 index 00000000000..b6442784e3a Binary files /dev/null and b/2452/react/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff b/2452/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff new file mode 100644 index 00000000000..23b1ab89145 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff differ diff --git a/2452/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 b/2452/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 new file mode 100644 index 00000000000..d102d7f0832 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-600-normal-Dwv8M6YL.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff b/2452/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff new file mode 100644 index 00000000000..fb6957e9da5 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-600-normal-_fLBzkdm.woff differ diff --git a/2452/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff b/2452/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff new file mode 100644 index 00000000000..dae71c9ed9d Binary files /dev/null and b/2452/react/assets/noto-sans-latin-800-normal-BcBQLCDP.woff differ diff --git a/2452/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 b/2452/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 new file mode 100644 index 00000000000..871344a0599 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-800-normal-DQrEOsut.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff b/2452/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff new file mode 100644 index 00000000000..0f0ac4c98de Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-300-normal-CrbuCorf.woff differ diff --git a/2452/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 b/2452/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 new file mode 100644 index 00000000000..fd4d2387bb3 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-300-normal-CtU4TSpU.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff b/2452/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff new file mode 100644 index 00000000000..ad12cf63cdc Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff differ diff --git a/2452/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 b/2452/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 new file mode 100644 index 00000000000..d675adfed4a Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 b/2452/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 new file mode 100644 index 00000000000..520e263267c Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff b/2452/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff new file mode 100644 index 00000000000..4997b3ed1de Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff differ diff --git a/2452/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 b/2452/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 new file mode 100644 index 00000000000..07c8b843cd8 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-600-normal-DKxhPDUN.woff2 differ diff --git a/2452/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff b/2452/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff new file mode 100644 index 00000000000..5662dc3bba8 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-600-normal-DnEL7_BT.woff differ diff --git a/2452/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff b/2452/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff new file mode 100644 index 00000000000..e4b99b0614d Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-800-normal-CKTGHE34.woff differ diff --git a/2452/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 b/2452/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 new file mode 100644 index 00000000000..2b9f3827013 Binary files /dev/null and b/2452/react/assets/noto-sans-latin-ext-800-normal-CNTVX52Z.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 b/2452/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 new file mode 100644 index 00000000000..95cffd6c57b Binary files /dev/null and b/2452/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff b/2452/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff new file mode 100644 index 00000000000..749530be001 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff differ diff --git a/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff b/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff new file mode 100644 index 00000000000..80375193fb5 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff differ diff --git a/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 b/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 new file mode 100644 index 00000000000..04fa34752ac Binary files /dev/null and b/2452/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 b/2452/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 new file mode 100644 index 00000000000..955b03863ce Binary files /dev/null and b/2452/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff b/2452/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff new file mode 100644 index 00000000000..542e48304a0 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-greek-400-normal-Dj2MoONQ.woff differ diff --git a/2452/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 b/2452/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 new file mode 100644 index 00000000000..35c4777a36f Binary files /dev/null and b/2452/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff b/2452/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff new file mode 100644 index 00000000000..72ff5d54176 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff differ diff --git a/2452/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 b/2452/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 new file mode 100644 index 00000000000..94fa9347f90 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff b/2452/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff new file mode 100644 index 00000000000..0c56739cf0e Binary files /dev/null and b/2452/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff differ diff --git a/2452/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff b/2452/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff new file mode 100644 index 00000000000..bc3d2925d07 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff differ diff --git a/2452/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 b/2452/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 new file mode 100644 index 00000000000..ece9d326437 Binary files /dev/null and b/2452/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 differ diff --git a/2452/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff b/2452/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff new file mode 100644 index 00000000000..d577e77613c Binary files /dev/null and b/2452/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 b/2452/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 new file mode 100644 index 00000000000..afec67ffe3f Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-300-normal-1wTC_8CS.woff2 differ diff --git a/2452/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff b/2452/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff new file mode 100644 index 00000000000..82ff2541159 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-300-normal-CVricyyO.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 b/2452/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 new file mode 100644 index 00000000000..1df57667065 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 differ diff --git a/2452/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff b/2452/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff new file mode 100644 index 00000000000..f2bf4c32c5d Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff b/2452/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff new file mode 100644 index 00000000000..881fc528ed8 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 b/2452/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 new file mode 100644 index 00000000000..1008f744778 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 differ diff --git a/2452/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff b/2452/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff new file mode 100644 index 00000000000..a9aaf9492a5 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-600-normal-BglhudU-.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 b/2452/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 new file mode 100644 index 00000000000..6d4f19f72f9 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-600-normal-IoVlQxRs.woff2 differ diff --git a/2452/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff b/2452/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff new file mode 100644 index 00000000000..21fad81bf35 Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-800-normal-BEidzocq.woff differ diff --git a/2452/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 b/2452/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 new file mode 100644 index 00000000000..5a567dd767d Binary files /dev/null and b/2452/react/assets/noto-sans-vietnamese-800-normal-_bOV57RI.woff2 differ diff --git a/2452/react/assets/supports-DV2LxME-.js b/2452/react/assets/supports-DV2LxME-.js new file mode 100644 index 00000000000..5ab4608e662 --- /dev/null +++ b/2452/react/assets/supports-DV2LxME-.js @@ -0,0 +1 @@ +import{g as p}from"./index-BiF_XSVc.js";const a=()=>{var o,s,t;return(t=(s=(o=p())==null?void 0:o.CSS)==null?void 0:s.supports)==null?void 0:t.call(s,"selector(:has(+ *))")};export{a as s}; diff --git a/2452/react/assets/touch-icon-ByyUZD7t.png b/2452/react/assets/touch-icon-ByyUZD7t.png new file mode 100644 index 00000000000..f47cc956762 Binary files /dev/null and b/2452/react/assets/touch-icon-ByyUZD7t.png differ diff --git a/2452/react/assets/useContainerWidth-BN4XcDTv.js b/2452/react/assets/useContainerWidth-BN4XcDTv.js new file mode 100644 index 00000000000..acca0d3c10c --- /dev/null +++ b/2452/react/assets/useContainerWidth-BN4XcDTv.js @@ -0,0 +1 @@ +import{r,i as o,e as f}from"./index-BiF_XSVc.js";const C=(s=!0)=>{let[i,n]=r.useState(0),u=r.useCallback(e=>{e&&n(e.getBoundingClientRect().width)},[]),a=r.useCallback(({width:e})=>n(e),[]),[d,t]=o(a);return s||t==null||t.disconnect(),[f(u,s?d:void 0),i]};export{C as u}; diff --git a/2452/react/assets/useEventListener-BWDd9VON.js b/2452/react/assets/useEventListener-BWDd9VON.js new file mode 100644 index 00000000000..ae0c3259ca4 --- /dev/null +++ b/2452/react/assets/useEventListener-BWDd9VON.js @@ -0,0 +1 @@ +import{r as s}from"./index-BiF_XSVc.js";const o=(e,u,r)=>{let t=s.useRef(void 0);s.useEffect(()=>{t.current=u},[u]),s.useEffect(()=>{if(!r)return;let f=i=>{var n;return(n=t.current)==null?void 0:n.call(t,i)};return r.addEventListener(e,f),()=>{r.removeEventListener(e,f)}},[e,r])};export{o as u}; diff --git a/2452/react/assets/useIntersection-W6S9tRXv.js b/2452/react/assets/useIntersection-W6S9tRXv.js new file mode 100644 index 00000000000..9a768f7a599 --- /dev/null +++ b/2452/react/assets/useIntersection-W6S9tRXv.js @@ -0,0 +1 @@ +import{r as f,g as v}from"./index-BiF_XSVc.js";const h=(r,l={},t=!0)=>{let{root:s,rootMargin:n,threshold:o}=l,e=f.useRef(()=>{});return f.useCallback(i=>{var u,a;if((u=e.current)==null||u.call(e),e.current=()=>{},!i||!((a=v())!=null&&a.IntersectionObserver))return;let c=new IntersectionObserver(([b],g)=>{b.isIntersecting&&(t&&g.disconnect(),r())},{root:s,rootMargin:n,threshold:o});c.observe(i),e.current=()=>c.disconnect()},[r,t,s,n,o])};export{h as u}; diff --git a/2452/react/assets/useVirtualScroll-nz8uIm5j.js b/2452/react/assets/useVirtualScroll-nz8uIm5j.js new file mode 100644 index 00000000000..f6c8605017a --- /dev/null +++ b/2452/react/assets/useVirtualScroll-nz8uIm5j.js @@ -0,0 +1,18 @@ +import{r as x,U as y,R as z}from"./index-BiF_XSVc.js";function g(o,l,e){let s=e.initialDeps??[],t;return()=>{var n,i,r,a;let u;e.key&&((n=e.debug)!=null&&n.call(e))&&(u=Date.now());const h=o();if(!(h.length!==s.length||h.some((m,f)=>s[f]!==m)))return t;s=h;let c;if(e.key&&((i=e.debug)!=null&&i.call(e))&&(c=Date.now()),t=l(...h),e.key&&((r=e.debug)!=null&&r.call(e))){const m=Math.round((Date.now()-u)*100)/100,f=Math.round((Date.now()-c)*100)/100,b=f/16,S=(d,I)=>{for(d=String(d);d.lengthMath.abs(o-l)<1,T=(o,l,e)=>{let s;return function(...t){o.clearTimeout(s),s=o.setTimeout(()=>l.apply(this,t),e)}},R=o=>o,_=o=>{const l=Math.max(o.startIndex-o.overscan,0),e=Math.min(o.endIndex+o.overscan,o.count-1),s=[];for(let t=l;t<=e;t++)s.push(t);return s},k=(o,l)=>{const e=o.scrollElement;if(!e)return;const s=o.targetWindow;if(!s)return;const t=i=>{const{width:r,height:a}=i;l({width:Math.round(r),height:Math.round(a)})};if(t(e.getBoundingClientRect()),!s.ResizeObserver)return()=>{};const n=new s.ResizeObserver(i=>{const r=()=>{const a=i[0];if(a!=null&&a.borderBoxSize){const u=a.borderBoxSize[0];if(u){t({width:u.inlineSize,height:u.blockSize});return}}t(e.getBoundingClientRect())};o.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},v={passive:!0},M=typeof window>"u"?!0:"onscrollend"in window,A=(o,l)=>{const e=o.scrollElement;if(!e)return;const s=o.targetWindow;if(!s)return;let t=0;const n=o.options.useScrollendEvent&&M?()=>{}:T(s,()=>{l(t,!1)},o.options.isScrollingResetDelay),i=h=>()=>{const{horizontal:p,isRtl:c}=o.options;t=p?e.scrollLeft*(c&&-1||1):e.scrollTop,n(),l(t,h)},r=i(!0),a=i(!1);a(),e.addEventListener("scroll",r,v);const u=o.options.useScrollendEvent&&M;return u&&e.addEventListener("scrollend",a,v),()=>{e.removeEventListener("scroll",r),u&&e.removeEventListener("scrollend",a)}},F=(o,l,e)=>{if(l!=null&&l.borderBoxSize){const s=l.borderBoxSize[0];if(s)return Math.round(s[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(o.getBoundingClientRect()[e.options.horizontal?"width":"height"])},D=(o,{adjustments:l=0,behavior:e},s)=>{var t,n;const i=o+l;(n=(t=s.scrollElement)==null?void 0:t.scrollTo)==null||n.call(t,{[s.options.horizontal?"left":"top"]:i,behavior:e})};class W{constructor(l){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let e=null;const s=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(t=>{t.forEach(n=>{const i=()=>{this._measureElement(n.target,n)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(i):i()})}));return{disconnect:()=>{var t;(t=s())==null||t.disconnect(),e=null},observe:t=>{var n;return(n=s())==null?void 0:n.observe(t,{box:"border-box"})},unobserve:t=>{var n;return(n=s())==null?void 0:n.unobserve(t)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([s,t])=>{typeof t>"u"&&delete e[s]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:R,rangeExtractor:_,onChange:()=>{},measureElement:F,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!0,useAnimationFrameWithResizeObserver:!1,...e}},this.notify=e=>{var s,t;(t=(s=this.options).onChange)==null||t.call(s,this,e)},this.maybeNotify=g(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var e;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((e=this.scrollElement)==null?void 0:e.window)??null,this.elementsCache.forEach(t=>{this.observer.observe(t)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(t,n)=>{this.scrollAdjustments=0,this.scrollDirection=n?this.getScrollOffset()this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(e,s)=>{const t=new Map,n=new Map;for(let i=s-1;i>=0;i--){const r=e[i];if(t.has(r.lane))continue;const a=n.get(r.lane);if(a==null||r.end>a.end?n.set(r.lane,r):r.endi.end===r.end?i.index-r.index:i.end-r.end)[0]:void 0},this.getMeasurementOptions=g(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,s,t,n,i)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:s,scrollMargin:t,getItemKey:n,enabled:i}),{key:!1}),this.getMeasurements=g(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:s,scrollMargin:t,getItemKey:n,enabled:i},r)=>{if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));const a=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const u=this.measurementsCache.slice(0,a);for(let h=a;hthis.options.debug}),this.calculateRange=g(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,s,t)=>this.range=e.length>0&&s>0?j({measurements:e,outerSize:s,scrollOffset:t}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=g(()=>{let e=null,s=null;const t=this.calculateRange();return t&&(e=t.startIndex,s=t.endIndex),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,s]},(e,s,t,n,i)=>n===null||i===null?[]:e({startIndex:n,endIndex:i,overscan:s,count:t}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{const s=this.options.indexAttribute,t=e.getAttribute(s);return t?parseInt(t,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this._measureElement=(e,s)=>{const t=this.indexFromElement(e),n=this.measurementsCache[t];if(!n)return;const i=n.key,r=this.elementsCache.get(i);r!==e&&(r&&this.observer.unobserve(r),this.observer.observe(e),this.elementsCache.set(i,e)),e.isConnected&&this.resizeItem(t,this.options.measureElement(e,s,this))},this.resizeItem=(e,s)=>{const t=this.measurementsCache[e];if(!t)return;const n=this.itemSizeCache.get(t.key)??t.size,i=s-n;i!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(t,i,this):t.start{if(!e){this.elementsCache.forEach((s,t)=>{s.isConnected||(this.observer.unobserve(s),this.elementsCache.delete(t))});return}this._measureElement(e,void 0)},this.getVirtualItems=g(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,s)=>{const t=[];for(let n=0,i=e.length;nthis.options.debug}),this.getVirtualItemForOffset=e=>{const s=this.getMeasurements();if(s.length!==0)return E(s[w(0,s.length-1,t=>E(s[t]).start,e)])},this.getOffsetForAlignment=(e,s)=>{const t=this.getSize(),n=this.getScrollOffset();s==="auto"&&e>=n+t&&(s="end"),s==="end"&&(e-=t);const i=this.options.horizontal?"scrollWidth":"scrollHeight",a=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[i]:this.scrollElement[i]:0)-t;return Math.max(Math.min(a,e),0)},this.getOffsetForIndex=(e,s="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));const t=this.measurementsCache[e];if(!t)return;const n=this.getSize(),i=this.getScrollOffset();if(s==="auto")if(t.end>=i+n-this.options.scrollPaddingEnd)s="end";else if(t.start<=i+this.options.scrollPaddingStart)s="start";else return[i,s];const r=t.start-this.options.scrollPaddingStart+(t.size-n)/2;switch(s){case"center":return[this.getOffsetForAlignment(r,s),s];case"end":return[this.getOffsetForAlignment(t.end+this.options.scrollPaddingEnd,s),s];default:return[this.getOffsetForAlignment(t.start-this.options.scrollPaddingStart,s),s]}},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:s="start",behavior:t}={})=>{this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,s),{adjustments:void 0,behavior:t})},this.scrollToIndex=(e,{align:s="auto",behavior:t}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const n=this.getOffsetForIndex(e,s);if(!n)return;const[i,r]=n;this._scrollToOffset(i,{adjustments:void 0,behavior:t}),t!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){const[u]=E(this.getOffsetForIndex(e,r));C(u,this.getScrollOffset())||this.scrollToIndex(e,{align:r,behavior:t})}else this.scrollToIndex(e,{align:r,behavior:t})}))},this.scrollBy=(e,{behavior:s}={})=>{this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+e,{adjustments:void 0,behavior:s})},this.getTotalSize=()=>{var e;const s=this.getMeasurements();let t;return s.length===0?t=this.options.paddingStart:t=this.options.lanes===1?((e=s[s.length-1])==null?void 0:e.end)??0:Math.max(...s.slice(-this.options.lanes).map(n=>n.end)),Math.max(t-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:s,behavior:t})=>{this.options.scrollToFn(e,{behavior:t,adjustments:s},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(l)}}const w=(o,l,e,s)=>{for(;o<=l;){const t=(o+l)/2|0,n=e(t);if(ns)l=t-1;else return t}return o>0?o-1:0};function j({measurements:o,outerSize:l,scrollOffset:e}){const s=o.length-1,n=w(0,s,r=>o[r].start,e);let i=n;for(;i({}),{})[1],e={...o,onChange:(t,n)=>{var i;n?y.flushSync(l):l(),(i=o.onChange)==null||i.call(o,t,n)}},[s]=x.useState(()=>new W(e));return s.setOptions(e),O(()=>s._didMount(),[]),O(()=>s._willUpdate()),s}function P(o){return B({observeElementRect:k,observeElementOffset:A,scrollToFn:D,...o})}let V=` +:host { + contain: layout; + background-color: var(--iui-color-background); +} +[data-iui-virtualizer='root'] { + min-inline-size: 100%; + position: relative; +} +::slotted([data-iui-virtualizer='item']) { + position: absolute !important; + top: 0 !important; + left: 0 !important; +} +`;const N=o=>{let{...l}=o,e=P({indexAttribute:"data-iui-index",overscan:10,...l}),s=z.useCallback((n,i)=>{setTimeout(()=>{e.scrollToIndex(n,{align:"auto",...i})})},[e]),t=z.useMemo(()=>({...e,scrollToIndex:s}),[e,s]);return z.useMemo(()=>({virtualizer:t,css:V}),[t])};export{N as u}; diff --git a/2452/react/index.html b/2452/react/index.html new file mode 100644 index 00000000000..6475fd1bc5e --- /dev/null +++ b/2452/react/index.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + Ladle + + + + + +
+
+ + diff --git a/2452/react/meta.json b/2452/react/meta.json new file mode 100644 index 00000000000..36088315d82 --- /dev/null +++ b/2452/react/meta.json @@ -0,0 +1,4156 @@ +{ + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 + }, + "stories": { + "alert--custom-icon": { + "name": "Custom icon", + "levels": [ + "Alert" + ], + "locStart": 145, + "locEnd": 157, + "filePath": "src/Alert.stories.tsx", + "namedExport": "CustomIcon", + "meta": {} + }, + "alert--empty": { + "name": "Empty", + "levels": [ + "Alert" + ], + "locStart": 136, + "locEnd": 143, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Empty", + "meta": {} + }, + "alert--informational": { + "name": "Informational", + "levels": [ + "Alert" + ], + "locStart": 12, + "locEnd": 25, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Informational", + "meta": {} + }, + "alert--negative": { + "name": "Negative", + "levels": [ + "Alert" + ], + "locStart": 57, + "locEnd": 70, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "alert--positive": { + "name": "Positive", + "levels": [ + "Alert" + ], + "locStart": 27, + "locEnd": 40, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "alert--sticky": { + "name": "Sticky", + "levels": [ + "Alert" + ], + "locStart": 72, + "locEnd": 134, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Sticky", + "meta": {} + }, + "alert--warning": { + "name": "Warning", + "levels": [ + "Alert" + ], + "locStart": 42, + "locEnd": 55, + "filePath": "src/Alert.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "anchor--as-button": { + "name": "As button", + "levels": [ + "Anchor" + ], + "locStart": 15, + "locEnd": 21, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "AsButton", + "meta": {} + }, + "anchor--basic": { + "name": "Basic", + "levels": [ + "Anchor" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "anchor--external": { + "name": "External", + "levels": [ + "Anchor" + ], + "locStart": 23, + "locEnd": 29, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "External", + "meta": {} + }, + "anchor--underline": { + "name": "Underline", + "levels": [ + "Anchor" + ], + "locStart": 31, + "locEnd": 37, + "filePath": "src/Anchor.stories.tsx", + "namedExport": "Underline", + "meta": {} + }, + "avatar--basic": { + "name": "Basic", + "levels": [ + "Avatar" + ], + "locStart": 12, + "locEnd": 20, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "avatar--custom-status-translation": { + "name": "Custom status translation", + "levels": [ + "Avatar" + ], + "locStart": 114, + "locEnd": 130, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "CustomStatusTranslation", + "meta": {} + }, + "avatar--sizes": { + "name": "Sizes", + "levels": [ + "Avatar" + ], + "locStart": 48, + "locEnd": 77, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Sizes", + "meta": {} + }, + "avatar--statuses": { + "name": "Statuses", + "levels": [ + "Avatar" + ], + "locStart": 79, + "locEnd": 112, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "avatar--with-icon": { + "name": "With icon", + "levels": [ + "Avatar" + ], + "locStart": 36, + "locEnd": 46, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "avatar--with-image": { + "name": "With image", + "levels": [ + "Avatar" + ], + "locStart": 22, + "locEnd": 34, + "filePath": "src/Avatar.stories.tsx", + "namedExport": "WithImage", + "meta": {} + }, + "avatargroup--animated": { + "name": "Animated", + "levels": [ + "Avatargroup" + ], + "locStart": 45, + "locEnd": 69, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "Animated", + "meta": {} + }, + "avatargroup--basic": { + "name": "Basic", + "levels": [ + "Avatargroup" + ], + "locStart": 17, + "locEnd": 43, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "avatargroup--many-avatars": { + "name": "Many avatars", + "levels": [ + "Avatargroup" + ], + "locStart": 71, + "locEnd": 110, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "ManyAvatars", + "meta": {} + }, + "avatargroup--non-stacked": { + "name": "Non stacked", + "levels": [ + "Avatargroup" + ], + "locStart": 112, + "locEnd": 139, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "NonStacked", + "meta": {} + }, + "avatargroup--with-tooltip": { + "name": "With tooltip", + "levels": [ + "Avatargroup" + ], + "locStart": 141, + "locEnd": 184, + "filePath": "src/AvatarGroup.stories.tsx", + "namedExport": "WithTooltip", + "meta": {} + }, + "badge--basic": { + "name": "Basic", + "levels": [ + "Badge" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Badge.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "badge--long-label": { + "name": "Long label", + "levels": [ + "Badge" + ], + "locStart": 15, + "locEnd": 21, + "filePath": "src/Badge.stories.tsx", + "namedExport": "LongLabel", + "meta": {} + }, + "badge--statuses": { + "name": "Statuses", + "levels": [ + "Badge" + ], + "locStart": 23, + "locEnd": 32, + "filePath": "src/Badge.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "blockquote--basic": { + "name": "Basic", + "levels": [ + "Blockquote" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Blockquote.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "blockquote--with-footer": { + "name": "With footer", + "levels": [ + "Blockquote" + ], + "locStart": 15, + "locEnd": 33, + "filePath": "src/Blockquote.stories.tsx", + "namedExport": "WithFooter", + "meta": {} + }, + "breadcrumbs--basic": { + "name": "Basic", + "levels": [ + "Breadcrumbs" + ], + "locStart": 25, + "locEnd": 39, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "breadcrumbs--custom-overflow-back-button": { + "name": "Custom overflow back button", + "levels": [ + "Breadcrumbs" + ], + "locStart": 106, + "locEnd": 143, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomOverflowBackButton", + "meta": {} + }, + "breadcrumbs--custom-overflow-dropdown": { + "name": "Custom overflow dropdown", + "levels": [ + "Breadcrumbs" + ], + "locStart": 165, + "locEnd": 211, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomOverflowDropdown", + "meta": {} + }, + "breadcrumbs--custom-separator": { + "name": "Custom separator", + "levels": [ + "Breadcrumbs" + ], + "locStart": 55, + "locEnd": 69, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "CustomSeparator", + "meta": {} + }, + "breadcrumbs--folder-navigation": { + "name": "Folder navigation", + "levels": [ + "Breadcrumbs" + ], + "locStart": 233, + "locEnd": 298, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "FolderNavigation", + "meta": {} + }, + "breadcrumbs--links": { + "name": "Links", + "levels": [ + "Breadcrumbs" + ], + "locStart": 41, + "locEnd": 53, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Links", + "meta": {} + }, + "breadcrumbs--overflow": { + "name": "Overflow", + "levels": [ + "Breadcrumbs" + ], + "locStart": 71, + "locEnd": 84, + "filePath": "src/Breadcrumbs.stories.tsx", + "namedExport": "Overflow", + "meta": {} + }, + "button--as-link": { + "name": "As link", + "levels": [ + "Button" + ], + "locStart": 100, + "locEnd": 115, + "filePath": "src/Button.stories.tsx", + "namedExport": "AsLink", + "meta": {} + }, + "button--call-to-action": { + "name": "Call to action", + "levels": [ + "Button" + ], + "locStart": 13, + "locEnd": 19, + "filePath": "src/Button.stories.tsx", + "namedExport": "CallToAction", + "meta": {} + }, + "button--default": { + "name": "Default", + "levels": [ + "Button" + ], + "locStart": 29, + "locEnd": 35, + "filePath": "src/Button.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "button--high-visibility": { + "name": "High visibility", + "levels": [ + "Button" + ], + "locStart": 21, + "locEnd": 27, + "filePath": "src/Button.stories.tsx", + "namedExport": "HighVisibility", + "meta": {} + }, + "button--loading": { + "name": "Loading", + "levels": [ + "Button" + ], + "locStart": 128, + "locEnd": 134, + "filePath": "src/Button.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "button--stretch": { + "name": "Stretch", + "levels": [ + "Button" + ], + "locStart": 117, + "locEnd": 119, + "filePath": "src/Button.stories.tsx", + "namedExport": "Stretch", + "meta": {} + }, + "button--with-icon": { + "name": "With icon", + "levels": [ + "Button" + ], + "locStart": 37, + "locEnd": 47, + "filePath": "src/Button.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "button--with-notification": { + "name": "With notification", + "levels": [ + "Button" + ], + "locStart": 49, + "locEnd": 98, + "filePath": "src/Button.stories.tsx", + "namedExport": "WithNotification", + "meta": {} + }, + "buttongroup--input-button-combo": { + "name": "Input button combo", + "levels": [ + "Buttongroup" + ], + "locStart": 114, + "locEnd": 135, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "InputButtonCombo", + "meta": {} + }, + "buttongroup--overflow": { + "name": "Overflow", + "levels": [ + "Buttongroup" + ], + "locStart": 54, + "locEnd": 92, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "Overflow", + "meta": {} + }, + "buttongroup--vertical": { + "name": "Vertical", + "levels": [ + "Buttongroup" + ], + "locStart": 137, + "locEnd": 162, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "buttongroup--vertical-overflow": { + "name": "Vertical overflow", + "levels": [ + "Buttongroup" + ], + "locStart": 164, + "locEnd": 203, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "VerticalOverflow", + "meta": {} + }, + "buttongroup--with-icons": { + "name": "With icons", + "levels": [ + "Buttongroup" + ], + "locStart": 27, + "locEnd": 52, + "filePath": "src/ButtonGroup.stories.tsx", + "namedExport": "WithIcons", + "meta": {} + }, + "carousel--basic": { + "name": "Basic", + "levels": [ + "Carousel" + ], + "locStart": 13, + "locEnd": 51, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "carousel--controlled": { + "name": "Controlled", + "levels": [ + "Carousel" + ], + "locStart": 53, + "locEnd": 97, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "carousel--only-dots": { + "name": "Only dots", + "levels": [ + "Carousel" + ], + "locStart": 100, + "locEnd": 179, + "filePath": "src/Carousel.stories.tsx", + "namedExport": "OnlyDots", + "meta": {} + }, + "checkbox--basic": { + "name": "Basic", + "levels": [ + "Checkbox" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "checkbox--disabled": { + "name": "Disabled", + "levels": [ + "Checkbox" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "checkbox--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Checkbox" + ], + "locStart": 18, + "locEnd": 20, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "checkbox--loading": { + "name": "Loading", + "levels": [ + "Checkbox" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "checkbox--negative": { + "name": "Negative", + "levels": [ + "Checkbox" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "checkbox--positive": { + "name": "Positive", + "levels": [ + "Checkbox" + ], + "locStart": 22, + "locEnd": 24, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "checkbox--visibility": { + "name": "Visibility", + "levels": [ + "Checkbox" + ], + "locStart": 36, + "locEnd": 38, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Visibility", + "meta": {} + }, + "checkbox--warning": { + "name": "Warning", + "levels": [ + "Checkbox" + ], + "locStart": 25, + "locEnd": 27, + "filePath": "src/Checkbox.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "code--basic": { + "name": "Basic", + "levels": [ + "Code" + ], + "locStart": 11, + "locEnd": 18, + "filePath": "src/Code.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "colorpicker--advanced": { + "name": "Advanced", + "levels": [ + "Colorpicker" + ], + "locStart": 99, + "locEnd": 176, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "Advanced", + "meta": {} + }, + "colorpicker--basic": { + "name": "Basic", + "levels": [ + "Colorpicker" + ], + "locStart": 57, + "locEnd": 97, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "colorpicker--with-alpha": { + "name": "With alpha", + "levels": [ + "Colorpicker" + ], + "locStart": 178, + "locEnd": 253, + "filePath": "src/ColorPicker.stories.tsx", + "namedExport": "WithAlpha", + "meta": {} + }, + "combobox--basic": { + "name": "Basic", + "levels": [ + "Combobox" + ], + "locStart": 301, + "locEnd": 311, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "combobox--controlled": { + "name": "Controlled", + "levels": [ + "Combobox" + ], + "locStart": 313, + "locEnd": 328, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "combobox--custom-renderer": { + "name": "Custom renderer", + "levels": [ + "Combobox" + ], + "locStart": 389, + "locEnd": 423, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "CustomRenderer", + "meta": {} + }, + "combobox--disabled-items": { + "name": "Disabled items", + "levels": [ + "Combobox" + ], + "locStart": 330, + "locEnd": 359, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "DisabledItems", + "meta": {} + }, + "combobox--loading": { + "name": "Loading", + "levels": [ + "Combobox" + ], + "locStart": 455, + "locEnd": 503, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "combobox--multiple-select": { + "name": "Multiple select", + "levels": [ + "Combobox" + ], + "locStart": 518, + "locEnd": 540, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "MultipleSelect", + "meta": {} + }, + "combobox--virtualized": { + "name": "Virtualized", + "levels": [ + "Combobox" + ], + "locStart": 505, + "locEnd": 516, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "combobox--with-custom-message-icon": { + "name": "With custom message icon", + "levels": [ + "Combobox" + ], + "locStart": 438, + "locEnd": 453, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithCustomMessageIcon", + "meta": {} + }, + "combobox--with-label": { + "name": "With label", + "levels": [ + "Combobox" + ], + "locStart": 361, + "locEnd": 374, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithLabel", + "meta": {} + }, + "combobox--with-message": { + "name": "With message", + "levels": [ + "Combobox" + ], + "locStart": 425, + "locEnd": 436, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithMessage", + "meta": {} + }, + "combobox--with-status": { + "name": "With status", + "levels": [ + "Combobox" + ], + "locStart": 376, + "locEnd": 387, + "filePath": "src/ComboBox.stories.tsx", + "namedExport": "WithStatus", + "meta": {} + }, + "datepicker--basic": { + "name": "Basic", + "levels": [ + "Datepicker" + ], + "locStart": 18, + "locEnd": 46, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "datepicker--localized": { + "name": "Localized", + "levels": [ + "Datepicker" + ], + "locStart": 113, + "locEnd": 142, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Localized", + "meta": {} + }, + "datepicker--range": { + "name": "Range", + "levels": [ + "Datepicker" + ], + "locStart": 172, + "locEnd": 216, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "Range", + "meta": {} + }, + "datepicker--some-dates-disabled": { + "name": "Some dates disabled", + "levels": [ + "Datepicker" + ], + "locStart": 218, + "locEnd": 269, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "SomeDatesDisabled", + "meta": {} + }, + "datepicker--with-combined-time": { + "name": "With combined time", + "levels": [ + "Datepicker" + ], + "locStart": 79, + "locEnd": 111, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithCombinedTime", + "meta": {} + }, + "datepicker--with-time": { + "name": "With time", + "levels": [ + "Datepicker" + ], + "locStart": 48, + "locEnd": 77, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithTime", + "meta": {} + }, + "datepicker--with-year": { + "name": "With year", + "levels": [ + "Datepicker" + ], + "locStart": 143, + "locEnd": 170, + "filePath": "src/DatePicker.stories.tsx", + "namedExport": "WithYear", + "meta": {} + }, + "dialog--basic": { + "name": "Basic", + "levels": [ + "Dialog" + ], + "locStart": 12, + "locEnd": 61, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dialog--draggable-and-resizable": { + "name": "Draggable and resizable", + "levels": [ + "Dialog" + ], + "locStart": 124, + "locEnd": 180, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "DraggableAndResizable", + "meta": {} + }, + "dialog--draggable-relative-to-container": { + "name": "Draggable relative to container", + "levels": [ + "Dialog" + ], + "locStart": 182, + "locEnd": 252, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "DraggableRelativeToContainer", + "meta": {} + }, + "dialog--modal": { + "name": "Modal", + "levels": [ + "Dialog" + ], + "locStart": 63, + "locEnd": 122, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Modal", + "meta": {} + }, + "dialog--placement": { + "name": "Placement", + "levels": [ + "Dialog" + ], + "locStart": 254, + "locEnd": 309, + "filePath": "src/Dialog.stories.tsx", + "namedExport": "Placement", + "meta": {} + }, + "dropdownbutton--basic": { + "name": "Basic", + "levels": [ + "Dropdownbutton" + ], + "locStart": 11, + "locEnd": 30, + "filePath": "src/DropdownButton.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dropdownmenu--basic": { + "name": "Basic", + "levels": [ + "Dropdownmenu" + ], + "locStart": 28, + "locEnd": 51, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "dropdownmenu--submenu": { + "name": "Submenu", + "levels": [ + "Dropdownmenu" + ], + "locStart": 186, + "locEnd": 242, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "Submenu", + "meta": {} + }, + "dropdownmenu--with-content": { + "name": "With content", + "levels": [ + "Dropdownmenu" + ], + "locStart": 289, + "locEnd": 330, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithContent", + "meta": {} + }, + "dropdownmenu--with-end-icons": { + "name": "With end icons", + "levels": [ + "Dropdownmenu" + ], + "locStart": 99, + "locEnd": 126, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithEndIcons", + "meta": {} + }, + "dropdownmenu--with-separator": { + "name": "With separator", + "levels": [ + "Dropdownmenu" + ], + "locStart": 252, + "locEnd": 279, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithSeparator", + "meta": {} + }, + "dropdownmenu--with-start-icons": { + "name": "With start icons", + "levels": [ + "Dropdownmenu" + ], + "locStart": 62, + "locEnd": 89, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithStartIcons", + "meta": {} + }, + "dropdownmenu--with-sublabels": { + "name": "With sublabels", + "levels": [ + "Dropdownmenu" + ], + "locStart": 136, + "locEnd": 176, + "filePath": "src/DropdownMenu.stories.tsx", + "namedExport": "WithSublabels", + "meta": {} + }, + "expandableblock--accordion": { + "name": "Accordion", + "levels": [ + "Expandableblock" + ], + "locStart": 32, + "locEnd": 43, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Accordion", + "meta": {} + }, + "expandableblock--basic": { + "name": "Basic", + "levels": [ + "Expandableblock" + ], + "locStart": 11, + "locEnd": 15, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "expandableblock--borderless": { + "name": "Borderless", + "levels": [ + "Expandableblock" + ], + "locStart": 69, + "locEnd": 76, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "expandableblock--disabled": { + "name": "Disabled", + "levels": [ + "Expandableblock" + ], + "locStart": 78, + "locEnd": 85, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "expandableblock--small": { + "name": "Small", + "levels": [ + "Expandableblock" + ], + "locStart": 60, + "locEnd": 67, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "expandableblock--status-icon": { + "name": "Status icon", + "levels": [ + "Expandableblock" + ], + "locStart": 45, + "locEnd": 58, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "StatusIcon", + "meta": {} + }, + "expandableblock--with-caption": { + "name": "With caption", + "levels": [ + "Expandableblock" + ], + "locStart": 17, + "locEnd": 30, + "filePath": "src/ExpandableBlock.stories.tsx", + "namedExport": "WithCaption", + "meta": {} + }, + "fieldset--basic": { + "name": "Basic", + "levels": [ + "Fieldset" + ], + "locStart": 18, + "locEnd": 52, + "filePath": "src/Fieldset.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "fieldset--disabled": { + "name": "Disabled", + "levels": [ + "Fieldset" + ], + "locStart": 54, + "locEnd": 89, + "filePath": "src/Fieldset.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "fileupload--custom-file-upload-card": { + "name": "Custom file upload card", + "levels": [ + "Fileupload" + ], + "locStart": 65, + "locEnd": 116, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "CustomFileUploadCard", + "meta": {} + }, + "fileupload--default-file-upload-card": { + "name": "Default file upload card", + "levels": [ + "Fileupload" + ], + "locStart": 48, + "locEnd": 63, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "DefaultFileUploadCard", + "meta": {} + }, + "fileupload--wrapping-input": { + "name": "Wrapping input", + "levels": [ + "Fileupload" + ], + "locStart": 24, + "locEnd": 46, + "filePath": "src/FileUpload.stories.tsx", + "namedExport": "WrappingInput", + "meta": {} + }, + "flex--basic": { + "name": "Basic", + "levels": [ + "Flex" + ], + "locStart": 34, + "locEnd": 42, + "filePath": "src/Flex.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "flex--individual-gaps": { + "name": "Individual gaps", + "levels": [ + "Flex" + ], + "locStart": 77, + "locEnd": 110, + "filePath": "src/Flex.stories.tsx", + "namedExport": "IndividualGaps", + "meta": {} + }, + "flex--with-flex-item": { + "name": "With flex item", + "levels": [ + "Flex" + ], + "locStart": 59, + "locEnd": 75, + "filePath": "src/Flex.stories.tsx", + "namedExport": "WithFlexItem", + "meta": {} + }, + "flex--with-spacer": { + "name": "With spacer", + "levels": [ + "Flex" + ], + "locStart": 44, + "locEnd": 57, + "filePath": "src/Flex.stories.tsx", + "namedExport": "WithSpacer", + "meta": {} + }, + "footer--appended-custom-elements": { + "name": "Appended custom elements", + "levels": [ + "Footer" + ], + "locStart": 21, + "locEnd": 32, + "filePath": "src/Footer.stories.tsx", + "namedExport": "AppendedCustomElements", + "meta": {} + }, + "footer--basic": { + "name": "Basic", + "levels": [ + "Footer" + ], + "locStart": 17, + "locEnd": 19, + "filePath": "src/Footer.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "footer--bottom-fixed": { + "name": "Bottom fixed", + "levels": [ + "Footer" + ], + "locStart": 80, + "locEnd": 86, + "filePath": "src/Footer.stories.tsx", + "namedExport": "BottomFixed", + "meta": {} + }, + "footer--custom-content": { + "name": "Custom content", + "levels": [ + "Footer" + ], + "locStart": 88, + "locEnd": 123, + "filePath": "src/Footer.stories.tsx", + "namedExport": "CustomContent", + "meta": {} + }, + "footer--customized-default-and-custom-elements": { + "name": "Customized default and custom elements", + "levels": [ + "Footer" + ], + "locStart": 47, + "locEnd": 78, + "filePath": "src/Footer.stories.tsx", + "namedExport": "CustomizedDefaultAndCustomElements", + "meta": {} + }, + "footer--only-custom-elements": { + "name": "Only custom elements", + "levels": [ + "Footer" + ], + "locStart": 34, + "locEnd": 45, + "filePath": "src/Footer.stories.tsx", + "namedExport": "OnlyCustomElements", + "meta": {} + }, + "header--basic": { + "name": "Basic", + "levels": [ + "Header" + ], + "locStart": 175, + "locEnd": 234, + "filePath": "src/Header.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "header--center-content": { + "name": "Center content", + "levels": [ + "Header" + ], + "locStart": 298, + "locEnd": 360, + "filePath": "src/Header.stories.tsx", + "namedExport": "CenterContent", + "meta": {} + }, + "header--full": { + "name": "Full", + "levels": [ + "Header" + ], + "locStart": 52, + "locEnd": 173, + "filePath": "src/Header.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "header--slim": { + "name": "Slim", + "levels": [ + "Header" + ], + "locStart": 236, + "locEnd": 296, + "filePath": "src/Header.stories.tsx", + "namedExport": "Slim", + "meta": {} + }, + "icon--autoscale": { + "name": "Autoscale", + "levels": [ + "Icon" + ], + "locStart": 86, + "locEnd": 92, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Autoscale", + "meta": {} + }, + "icon--default": { + "name": "Default", + "levels": [ + "Icon" + ], + "locStart": 20, + "locEnd": 26, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "icon--padded": { + "name": "Padded", + "levels": [ + "Icon" + ], + "locStart": 28, + "locEnd": 41, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Padded", + "meta": {} + }, + "icon--sizes": { + "name": "Sizes", + "levels": [ + "Icon" + ], + "locStart": 69, + "locEnd": 83, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Sizes", + "meta": {} + }, + "icon--statuses": { + "name": "Statuses", + "levels": [ + "Icon" + ], + "locStart": 43, + "locEnd": 60, + "filePath": "src/Icon.stories.tsx", + "namedExport": "Statuses", + "meta": {} + }, + "iconbutton--add": { + "name": "Add", + "levels": [ + "Iconbutton" + ], + "locStart": 12, + "locEnd": 18, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "Add", + "meta": {} + }, + "iconbutton--borderless": { + "name": "Borderless", + "levels": [ + "Iconbutton" + ], + "locStart": 45, + "locEnd": 55, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "iconbutton--high-visibility-add": { + "name": "High visibility add", + "levels": [ + "Iconbutton" + ], + "locStart": 33, + "locEnd": 43, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "HighVisibilityAdd", + "meta": {} + }, + "iconbutton--small-active-add": { + "name": "Small active add", + "levels": [ + "Iconbutton" + ], + "locStart": 20, + "locEnd": 31, + "filePath": "src/IconButton.stories.tsx", + "namedExport": "SmallActiveAdd", + "meta": {} + }, + "ideasbutton--ideas": { + "name": "Ideas", + "levels": [ + "Ideasbutton" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/IdeasButton.stories.tsx", + "namedExport": "Ideas", + "meta": {} + }, + "ideasbutton--localized-ideas": { + "name": "Localized ideas", + "levels": [ + "Ideasbutton" + ], + "locStart": 15, + "locEnd": 22, + "filePath": "src/IdeasButton.stories.tsx", + "namedExport": "LocalizedIdeas", + "meta": {} + }, + "informationpanel--basic": { + "name": "Basic", + "levels": [ + "Informationpanel" + ], + "locStart": 28, + "locEnd": 96, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "informationpanel--custom-actions": { + "name": "Custom actions", + "levels": [ + "Informationpanel" + ], + "locStart": 180, + "locEnd": 270, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "CustomActions", + "meta": {} + }, + "informationpanel--custom-width": { + "name": "Custom width", + "levels": [ + "Informationpanel" + ], + "locStart": 273, + "locEnd": 309, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "CustomWidth", + "meta": {} + }, + "informationpanel--horizontal": { + "name": "Horizontal", + "levels": [ + "Informationpanel" + ], + "locStart": 108, + "locEnd": 177, + "filePath": "src/InformationPanel.stories.tsx", + "namedExport": "Horizontal", + "meta": {} + }, + "input--basic": { + "name": "Basic", + "levels": [ + "Input" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Input.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "input--disabled": { + "name": "Disabled", + "levels": [ + "Input" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Input.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "input--small": { + "name": "Small", + "levels": [ + "Input" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Input.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "input--status": { + "name": "Status", + "levels": [ + "Input" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Input.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "inputgrid--with-input": { + "name": "With input", + "levels": [ + "Inputgrid" + ], + "locStart": 21, + "locEnd": 29, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithInput", + "meta": {} + }, + "inputgrid--with-input-with-decorations": { + "name": "With input with decorations", + "levels": [ + "Inputgrid" + ], + "locStart": 31, + "locEnd": 50, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithInputWithDecorations", + "meta": {} + }, + "inputgrid--with-search": { + "name": "With search", + "levels": [ + "Inputgrid" + ], + "locStart": 74, + "locEnd": 82, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithSearch", + "meta": {} + }, + "inputgrid--with-select": { + "name": "With select", + "levels": [ + "Inputgrid" + ], + "locStart": 52, + "locEnd": 72, + "filePath": "src/InputGrid.stories.tsx", + "namedExport": "WithSelect", + "meta": {} + }, + "inputgroup--checkbox-group": { + "name": "Checkbox group", + "levels": [ + "Inputgroup" + ], + "locStart": 42, + "locEnd": 91, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "CheckboxGroup", + "meta": {} + }, + "inputgroup--radio-group": { + "name": "Radio group", + "levels": [ + "Inputgroup" + ], + "locStart": 19, + "locEnd": 40, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "RadioGroup", + "meta": {} + }, + "inputgroup--toggle-group": { + "name": "Toggle group", + "levels": [ + "Inputgroup" + ], + "locStart": 93, + "locEnd": 112, + "filePath": "src/InputGroup.stories.tsx", + "namedExport": "ToggleGroup", + "meta": {} + }, + "inputwithdecorations--basic": { + "name": "Basic", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 12, + "locEnd": 24, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "inputwithdecorations--disabled": { + "name": "Disabled", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 26, + "locEnd": 38, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "inputwithdecorations--small": { + "name": "Small", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 40, + "locEnd": 52, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "inputwithdecorations--status": { + "name": "Status", + "levels": [ + "Inputwithdecorations" + ], + "locStart": 54, + "locEnd": 66, + "filePath": "src/InputWithDecoration.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "keyboard-key--basic": { + "name": "Basic", + "levels": [ + "Keyboard key" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Kbd.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "keyboard-key--predefined-key": { + "name": "Predefined key", + "levels": [ + "Keyboard key" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Kbd.stories.tsx", + "namedExport": "PredefinedKey", + "meta": {} + }, + "label--basic": { + "name": "Basic", + "levels": [ + "Label" + ], + "locStart": 19, + "locEnd": 26, + "filePath": "src/Label.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "label--inline": { + "name": "Inline", + "levels": [ + "Label" + ], + "locStart": 28, + "locEnd": 37, + "filePath": "src/Label.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "label--polymorphic": { + "name": "Polymorphic", + "levels": [ + "Label" + ], + "locStart": 39, + "locEnd": 48, + "filePath": "src/Label.stories.tsx", + "namedExport": "Polymorphic", + "meta": {} + }, + "labeledinput--basic": { + "name": "Basic", + "levels": [ + "Labeledinput" + ], + "locStart": 13, + "locEnd": 17, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledinput--disabled": { + "name": "Disabled", + "levels": [ + "Labeledinput" + ], + "locStart": 29, + "locEnd": 38, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "labeledinput--hybrid-layout": { + "name": "Hybrid layout", + "levels": [ + "Labeledinput" + ], + "locStart": 109, + "locEnd": 120, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "HybridLayout", + "meta": {} + }, + "labeledinput--inline": { + "name": "Inline", + "levels": [ + "Labeledinput" + ], + "locStart": 98, + "locEnd": 107, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "labeledinput--negative": { + "name": "Negative", + "levels": [ + "Labeledinput" + ], + "locStart": 62, + "locEnd": 71, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledinput--positive": { + "name": "Positive", + "levels": [ + "Labeledinput" + ], + "locStart": 40, + "locEnd": 49, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledinput--warning": { + "name": "Warning", + "levels": [ + "Labeledinput" + ], + "locStart": 51, + "locEnd": 60, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledinput--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledinput" + ], + "locStart": 73, + "locEnd": 85, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledinput--with-message": { + "name": "With message", + "levels": [ + "Labeledinput" + ], + "locStart": 19, + "locEnd": 27, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithMessage", + "meta": {} + }, + "labeledinput--with-svg-icon": { + "name": "With svg icon", + "levels": [ + "Labeledinput" + ], + "locStart": 87, + "locEnd": 96, + "filePath": "src/LabeledInput.stories.tsx", + "namedExport": "WithSvgIcon", + "meta": {} + }, + "labeledselect--basic": { + "name": "Basic", + "levels": [ + "Labeledselect" + ], + "locStart": 22, + "locEnd": 35, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledselect--native": { + "name": "Native", + "levels": [ + "Labeledselect" + ], + "locStart": 116, + "locEnd": 131, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Native", + "meta": {} + }, + "labeledselect--negative": { + "name": "Negative", + "levels": [ + "Labeledselect" + ], + "locStart": 75, + "locEnd": 92, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledselect--positive": { + "name": "Positive", + "levels": [ + "Labeledselect" + ], + "locStart": 37, + "locEnd": 54, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledselect--warning": { + "name": "Warning", + "levels": [ + "Labeledselect" + ], + "locStart": 56, + "locEnd": 73, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledselect--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledselect" + ], + "locStart": 94, + "locEnd": 114, + "filePath": "src/LabeledSelect.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledtextarea--basic": { + "name": "Basic", + "levels": [ + "Labeledtextarea" + ], + "locStart": 12, + "locEnd": 20, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "labeledtextarea--disabled": { + "name": "Disabled", + "levels": [ + "Labeledtextarea" + ], + "locStart": 22, + "locEnd": 31, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "labeledtextarea--inline": { + "name": "Inline", + "levels": [ + "Labeledtextarea" + ], + "locStart": 89, + "locEnd": 98, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Inline", + "meta": {} + }, + "labeledtextarea--negative": { + "name": "Negative", + "levels": [ + "Labeledtextarea" + ], + "locStart": 55, + "locEnd": 64, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "labeledtextarea--positive": { + "name": "Positive", + "levels": [ + "Labeledtextarea" + ], + "locStart": 33, + "locEnd": 42, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "labeledtextarea--warning": { + "name": "Warning", + "levels": [ + "Labeledtextarea" + ], + "locStart": 44, + "locEnd": 53, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "labeledtextarea--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Labeledtextarea" + ], + "locStart": 66, + "locEnd": 76, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "labeledtextarea--with-svg-icon": { + "name": "With svg icon", + "levels": [ + "Labeledtextarea" + ], + "locStart": 78, + "locEnd": 87, + "filePath": "src/LabeledTextarea.stories.tsx", + "namedExport": "WithSvgIcon", + "meta": {} + }, + "list--actionable": { + "name": "Actionable", + "levels": [ + "List" + ], + "locStart": 67, + "locEnd": 82, + "filePath": "src/List.stories.tsx", + "namedExport": "Actionable", + "meta": {} + }, + "list--basic": { + "name": "Basic", + "levels": [ + "List" + ], + "locStart": 20, + "locEnd": 37, + "filePath": "src/List.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "list--with-icon": { + "name": "With icon", + "levels": [ + "List" + ], + "locStart": 39, + "locEnd": 65, + "filePath": "src/List.stories.tsx", + "namedExport": "WithIcon", + "meta": {} + }, + "modal--basic": { + "name": "Basic", + "levels": [ + "Modal" + ], + "locStart": 17, + "locEnd": 68, + "filePath": "src/Modal.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "modal--full-page-modal": { + "name": "Full page modal", + "levels": [ + "Modal" + ], + "locStart": 179, + "locEnd": 231, + "filePath": "src/Modal.stories.tsx", + "namedExport": "FullPageModal", + "meta": {} + }, + "modal--non-dismissible-modal": { + "name": "Non dismissible modal", + "levels": [ + "Modal" + ], + "locStart": 70, + "locEnd": 122, + "filePath": "src/Modal.stories.tsx", + "namedExport": "NonDismissibleModal", + "meta": {} + }, + "modal--outside-click-and-esc-does-not-close": { + "name": "Outside click and esc does not close", + "levels": [ + "Modal" + ], + "locStart": 124, + "locEnd": 177, + "filePath": "src/Modal.stories.tsx", + "namedExport": "OutsideClickAndEscDoesNotClose", + "meta": {} + }, + "nonidealstate--bad-gateway": { + "name": "Bad gateway", + "levels": [ + "Nonidealstate" + ], + "locStart": 166, + "locEnd": 183, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "BadGateway", + "meta": {} + }, + "nonidealstate--custom-html-message": { + "name": "Custom html message", + "levels": [ + "Nonidealstate" + ], + "locStart": 223, + "locEnd": 248, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "CustomHtmlMessage", + "meta": {} + }, + "nonidealstate--forbidden": { + "name": "Forbidden", + "levels": [ + "Nonidealstate" + ], + "locStart": 71, + "locEnd": 94, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Forbidden", + "meta": {} + }, + "nonidealstate--generic": { + "name": "Generic", + "levels": [ + "Nonidealstate" + ], + "locStart": 204, + "locEnd": 221, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Generic", + "meta": {} + }, + "nonidealstate--internal-server-error": { + "name": "Internal server error", + "levels": [ + "Nonidealstate" + ], + "locStart": 147, + "locEnd": 164, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "InternalServerError", + "meta": {} + }, + "nonidealstate--page-not-found": { + "name": "Page not found", + "levels": [ + "Nonidealstate" + ], + "locStart": 96, + "locEnd": 120, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "PageNotFound", + "meta": {} + }, + "nonidealstate--redirect": { + "name": "Redirect", + "levels": [ + "Nonidealstate" + ], + "locStart": 22, + "locEnd": 45, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Redirect", + "meta": {} + }, + "nonidealstate--service-unavailable": { + "name": "Service unavailable", + "levels": [ + "Nonidealstate" + ], + "locStart": 185, + "locEnd": 202, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "ServiceUnavailable", + "meta": {} + }, + "nonidealstate--time-out": { + "name": "Time out", + "levels": [ + "Nonidealstate" + ], + "locStart": 122, + "locEnd": 145, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "TimeOut", + "meta": {} + }, + "nonidealstate--unauthorized": { + "name": "Unauthorized", + "levels": [ + "Nonidealstate" + ], + "locStart": 46, + "locEnd": 69, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "Unauthorized", + "meta": {} + }, + "nonidealstate--without-message-or-buttons": { + "name": "Without message or buttons", + "levels": [ + "Nonidealstate" + ], + "locStart": 250, + "locEnd": 252, + "filePath": "src/NonIdealState.stories.tsx", + "namedExport": "WithoutMessageOrButtons", + "meta": {} + }, + "notificationmarker--basic": { + "name": "Basic", + "levels": [ + "Notificationmarker" + ], + "locStart": 31, + "locEnd": 39, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "notificationmarker--pulsing": { + "name": "Pulsing", + "levels": [ + "Notificationmarker" + ], + "locStart": 57, + "locEnd": 67, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Pulsing", + "meta": {} + }, + "notificationmarker--status": { + "name": "Status", + "levels": [ + "Notificationmarker" + ], + "locStart": 69, + "locEnd": 115, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "notificationmarker--with-buttons": { + "name": "With buttons", + "levels": [ + "Notificationmarker" + ], + "locStart": 41, + "locEnd": 55, + "filePath": "src/NotificationMarker.stories.tsx", + "namedExport": "WithButtons", + "meta": {} + }, + "overlay--linear": { + "name": "Linear", + "levels": [ + "Overlay" + ], + "locStart": 12, + "locEnd": 37, + "filePath": "src/Overlay.stories.tsx", + "namedExport": "Linear", + "meta": {} + }, + "overlay--radial": { + "name": "Radial", + "levels": [ + "Overlay" + ], + "locStart": 39, + "locEnd": 64, + "filePath": "src/Overlay.stories.tsx", + "namedExport": "Radial", + "meta": {} + }, + "overview--readme": { + "name": "Readme", + "levels": [ + "Overview" + ], + "locStart": 19, + "locEnd": 27, + "filePath": "src/Overview.stories.mdx", + "namedExport": "MDXContent", + "meta": {} + }, + "panels--basic": { + "name": "Basic", + "levels": [ + "Panels" + ], + "locStart": 23, + "locEnd": 54, + "filePath": "src/Panels.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "panels--multi-level-list": { + "name": "Multi level list", + "levels": [ + "Panels" + ], + "locStart": 114, + "locEnd": 289, + "filePath": "src/Panels.stories.tsx", + "namedExport": "MultiLevelList", + "meta": {} + }, + "panels--multi-panel-information-panel": { + "name": "Multi panel information panel", + "levels": [ + "Panels" + ], + "locStart": 56, + "locEnd": 112, + "filePath": "src/Panels.stories.tsx", + "namedExport": "MultiPanelInformationPanel", + "meta": {} + }, + "panels--nested-panels": { + "name": "Nested panels", + "levels": [ + "Panels" + ], + "locStart": 291, + "locEnd": 329, + "filePath": "src/Panels.stories.tsx", + "namedExport": "NestedPanels", + "meta": {} + }, + "progresslinear--determinate": { + "name": "Determinate", + "levels": [ + "Progresslinear" + ], + "locStart": 16, + "locEnd": 18, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Determinate", + "meta": {} + }, + "progresslinear--determinate-animated": { + "name": "Determinate animated", + "levels": [ + "Progresslinear" + ], + "locStart": 20, + "locEnd": 22, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "DeterminateAnimated", + "meta": {} + }, + "progresslinear--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Progresslinear" + ], + "locStart": 24, + "locEnd": 26, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "progresslinear--labeled-center": { + "name": "Labeled center", + "levels": [ + "Progresslinear" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "LabeledCenter", + "meta": {} + }, + "progresslinear--labeled-left-right": { + "name": "Labeled left right", + "levels": [ + "Progresslinear" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "LabeledLeftRight", + "meta": {} + }, + "progresslinear--negative": { + "name": "Negative", + "levels": [ + "Progresslinear" + ], + "locStart": 51, + "locEnd": 64, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "progresslinear--positive": { + "name": "Positive", + "levels": [ + "Progresslinear" + ], + "locStart": 36, + "locEnd": 49, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "progresslinear--warning": { + "name": "Warning", + "levels": [ + "Progresslinear" + ], + "locStart": 66, + "locEnd": 79, + "filePath": "src/ProgressLinear.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "progressradial--determinate": { + "name": "Determinate", + "levels": [ + "Progressradial" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Determinate", + "meta": {} + }, + "progressradial--determinate-with-content": { + "name": "Determinate with content", + "levels": [ + "Progressradial" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "DeterminateWithContent", + "meta": {} + }, + "progressradial--indeterminate": { + "name": "Indeterminate", + "levels": [ + "Progressradial" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Indeterminate", + "meta": {} + }, + "progressradial--negative": { + "name": "Negative", + "levels": [ + "Progressradial" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "progressradial--positive": { + "name": "Positive", + "levels": [ + "Progressradial" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "progressradial--warning": { + "name": "Warning", + "levels": [ + "Progressradial" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/ProgressRadial.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "radio--basic": { + "name": "Basic", + "levels": [ + "Radio" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "radio--disabled": { + "name": "Disabled", + "levels": [ + "Radio" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "radio--negative": { + "name": "Negative", + "levels": [ + "Radio" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "radio--positive": { + "name": "Positive", + "levels": [ + "Radio" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "radio--warning": { + "name": "Warning", + "levels": [ + "Radio" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Radio.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "radiotilegroup--colored": { + "name": "Colored", + "levels": [ + "Radiotilegroup" + ], + "locStart": 57, + "locEnd": 132, + "filePath": "src/RadioTileGroup.stories.tsx", + "namedExport": "Colored", + "meta": {} + }, + "radiotilegroup--monochrome": { + "name": "Monochrome", + "levels": [ + "Radiotilegroup" + ], + "locStart": 12, + "locEnd": 55, + "filePath": "src/RadioTileGroup.stories.tsx", + "namedExport": "Monochrome", + "meta": {} + }, + "searchbox--basic": { + "name": "Basic", + "levels": [ + "Searchbox" + ], + "locStart": 13, + "locEnd": 15, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "searchbox--basic-with-custom-items": { + "name": "Basic with custom items", + "levels": [ + "Searchbox" + ], + "locStart": 17, + "locEnd": 39, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BasicWithCustomItems", + "meta": {} + }, + "searchbox--basic-with-status": { + "name": "Basic with status", + "levels": [ + "Searchbox" + ], + "locStart": 41, + "locEnd": 48, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BasicWithStatus", + "meta": {} + }, + "searchbox--borderless-expand-button": { + "name": "Borderless expand button", + "levels": [ + "Searchbox" + ], + "locStart": 56, + "locEnd": 69, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "BorderlessExpandButton", + "meta": {} + }, + "searchbox--expandable": { + "name": "Expandable", + "levels": [ + "Searchbox" + ], + "locStart": 50, + "locEnd": 54, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Expandable", + "meta": {} + }, + "searchbox--expandable-with-custom-items": { + "name": "Expandable with custom items", + "levels": [ + "Searchbox" + ], + "locStart": 71, + "locEnd": 88, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "ExpandableWithCustomItems", + "meta": {} + }, + "searchbox--small": { + "name": "Small", + "levels": [ + "Searchbox" + ], + "locStart": 90, + "locEnd": 92, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "searchbox--with-custom-action": { + "name": "With custom action", + "levels": [ + "Searchbox" + ], + "locStart": 94, + "locEnd": 130, + "filePath": "src/SearchBox.stories.tsx", + "namedExport": "WithCustomAction", + "meta": {} + }, + "select--basic": { + "name": "Basic", + "levels": [ + "Select" + ], + "locStart": 31, + "locEnd": 38, + "filePath": "src/Select.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "select--borderless": { + "name": "Borderless", + "levels": [ + "Select" + ], + "locStart": 267, + "locEnd": 276, + "filePath": "src/Select.stories.tsx", + "namedExport": "Borderless", + "meta": {} + }, + "select--custom": { + "name": "Custom", + "levels": [ + "Select" + ], + "locStart": 147, + "locEnd": 170, + "filePath": "src/Select.stories.tsx", + "namedExport": "Custom", + "meta": {} + }, + "select--disabled": { + "name": "Disabled", + "levels": [ + "Select" + ], + "locStart": 75, + "locEnd": 93, + "filePath": "src/Select.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "select--disabled-with-selected-value": { + "name": "Disabled with selected value", + "levels": [ + "Select" + ], + "locStart": 95, + "locEnd": 113, + "filePath": "src/Select.stories.tsx", + "namedExport": "DisabledWithSelectedValue", + "meta": {} + }, + "select--many-items": { + "name": "Many items", + "levels": [ + "Select" + ], + "locStart": 115, + "locEnd": 128, + "filePath": "src/Select.stories.tsx", + "namedExport": "ManyItems", + "meta": {} + }, + "select--multi": { + "name": "Multi", + "levels": [ + "Select" + ], + "locStart": 205, + "locEnd": 227, + "filePath": "src/Select.stories.tsx", + "namedExport": "Multi", + "meta": {} + }, + "select--multi-custom-renderer": { + "name": "Multi custom renderer", + "levels": [ + "Select" + ], + "locStart": 229, + "locEnd": 255, + "filePath": "src/Select.stories.tsx", + "namedExport": "MultiCustomRenderer", + "meta": {} + }, + "select--native": { + "name": "Native", + "levels": [ + "Select" + ], + "locStart": 257, + "locEnd": 265, + "filePath": "src/Select.stories.tsx", + "namedExport": "Native", + "meta": {} + }, + "select--sublabels": { + "name": "Sublabels", + "levels": [ + "Select" + ], + "locStart": 129, + "locEnd": 145, + "filePath": "src/Select.stories.tsx", + "namedExport": "Sublabels", + "meta": {} + }, + "select--truncate-middle-text": { + "name": "Truncate middle text", + "levels": [ + "Select" + ], + "locStart": 172, + "locEnd": 203, + "filePath": "src/Select.stories.tsx", + "namedExport": "TruncateMiddleText", + "meta": {} + }, + "select--with-icons": { + "name": "With icons", + "levels": [ + "Select" + ], + "locStart": 40, + "locEnd": 55, + "filePath": "src/Select.stories.tsx", + "namedExport": "WithIcons", + "meta": {} + }, + "select--with-selected-value": { + "name": "With selected value", + "levels": [ + "Select" + ], + "locStart": 57, + "locEnd": 73, + "filePath": "src/Select.stories.tsx", + "namedExport": "WithSelectedValue", + "meta": {} + }, + "sidenavigation--active-item": { + "name": "Active item", + "levels": [ + "Sidenavigation" + ], + "locStart": 58, + "locEnd": 82, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "ActiveItem", + "meta": {} + }, + "sidenavigation--basic": { + "name": "Basic", + "levels": [ + "Sidenavigation" + ], + "locStart": 35, + "locEnd": 56, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "sidenavigation--submenu": { + "name": "Submenu", + "levels": [ + "Sidenavigation" + ], + "locStart": 84, + "locEnd": 169, + "filePath": "src/SideNavigation.stories.tsx", + "namedExport": "Submenu", + "meta": {} + }, + "skiptocontentlink--basic": { + "name": "Basic", + "levels": [ + "Skiptocontentlink" + ], + "locStart": 11, + "locEnd": 40, + "filePath": "src/SkipToContentLink.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "skiptocontentlink--custom-text": { + "name": "Custom text", + "levels": [ + "Skiptocontentlink" + ], + "locStart": 42, + "locEnd": 73, + "filePath": "src/SkipToContentLink.stories.tsx", + "namedExport": "CustomText", + "meta": {} + }, + "slider--basic": { + "name": "Basic", + "levels": [ + "Slider" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "slider--custom-tick-no-tooltip": { + "name": "Custom tick no tooltip", + "levels": [ + "Slider" + ], + "locStart": 115, + "locEnd": 162, + "filePath": "src/Slider.stories.tsx", + "namedExport": "CustomTickNoTooltip", + "meta": {} + }, + "slider--custom-tooltip": { + "name": "Custom tooltip", + "levels": [ + "Slider" + ], + "locStart": 101, + "locEnd": 113, + "filePath": "src/Slider.stories.tsx", + "namedExport": "CustomTooltip", + "meta": {} + }, + "slider--decimal-increment": { + "name": "Decimal increment", + "levels": [ + "Slider" + ], + "locStart": 172, + "locEnd": 174, + "filePath": "src/Slider.stories.tsx", + "namedExport": "DecimalIncrement", + "meta": {} + }, + "slider--disabled": { + "name": "Disabled", + "levels": [ + "Slider" + ], + "locStart": 97, + "locEnd": 99, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "slider--multi-thumbs-allow-crossing": { + "name": "Multi thumbs allow crossing", + "levels": [ + "Slider" + ], + "locStart": 39, + "locEnd": 60, + "filePath": "src/Slider.stories.tsx", + "namedExport": "MultiThumbsAllowCrossing", + "meta": {} + }, + "slider--range": { + "name": "Range", + "levels": [ + "Slider" + ], + "locStart": 35, + "locEnd": 37, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Range", + "meta": {} + }, + "slider--vertical": { + "name": "Vertical", + "levels": [ + "Slider" + ], + "locStart": 176, + "locEnd": 178, + "filePath": "src/Slider.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "slider--with-custom-thumb": { + "name": "With custom thumb", + "levels": [ + "Slider" + ], + "locStart": 62, + "locEnd": 95, + "filePath": "src/Slider.stories.tsx", + "namedExport": "WithCustomThumb", + "meta": {} + }, + "splitbutton--basic": { + "name": "Basic", + "levels": [ + "Splitbutton" + ], + "locStart": 19, + "locEnd": 46, + "filePath": "src/SplitButton.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "stepper--basic": { + "name": "Basic", + "levels": [ + "Stepper" + ], + "locStart": 12, + "locEnd": 29, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "stepper--custom-icon": { + "name": "Custom icon", + "levels": [ + "Stepper" + ], + "locStart": 31, + "locEnd": 47, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "CustomIcon", + "meta": {} + }, + "stepper--localized-long": { + "name": "Localized long", + "levels": [ + "Stepper" + ], + "locStart": 68, + "locEnd": 92, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "LocalizedLong", + "meta": {} + }, + "stepper--long": { + "name": "Long", + "levels": [ + "Stepper" + ], + "locStart": 49, + "locEnd": 67, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "Long", + "meta": {} + }, + "stepper--with-tooltips": { + "name": "With tooltips", + "levels": [ + "Stepper" + ], + "locStart": 94, + "locEnd": 111, + "filePath": "src/Stepper.stories.tsx", + "namedExport": "WithTooltips", + "meta": {} + }, + "surface--basic": { + "name": "Basic", + "levels": [ + "Surface" + ], + "locStart": 22, + "locEnd": 39, + "filePath": "src/Surface.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "surface--custom": { + "name": "Custom", + "levels": [ + "Surface" + ], + "locStart": 41, + "locEnd": 67, + "filePath": "src/Surface.stories.tsx", + "namedExport": "Custom", + "meta": {} + }, + "surface--empty-state": { + "name": "Empty state", + "levels": [ + "Surface" + ], + "locStart": 172, + "locEnd": 199, + "filePath": "src/Surface.stories.tsx", + "namedExport": "EmptyState", + "meta": {} + }, + "surface--no-padding": { + "name": "No padding", + "levels": [ + "Surface" + ], + "locStart": 117, + "locEnd": 170, + "filePath": "src/Surface.stories.tsx", + "namedExport": "NoPadding", + "meta": {} + }, + "surface--overflow-with-button-footer": { + "name": "Overflow with button footer", + "levels": [ + "Surface" + ], + "locStart": 69, + "locEnd": 115, + "filePath": "src/Surface.stories.tsx", + "namedExport": "OverflowWithButtonFooter", + "meta": {} + }, + "table--basic": { + "name": "Basic", + "levels": [ + "Table" + ], + "locStart": 58, + "locEnd": 103, + "filePath": "src/Table.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "table--column-manager": { + "name": "Column manager", + "levels": [ + "Table" + ], + "locStart": 3030, + "locEnd": 3197, + "filePath": "src/Table.stories.tsx", + "namedExport": "ColumnManager", + "meta": {} + }, + "table--condensed": { + "name": "Condensed", + "levels": [ + "Table" + ], + "locStart": 1646, + "locEnd": 1751, + "filePath": "src/Table.stories.tsx", + "namedExport": "Condensed", + "meta": {} + }, + "table--controlled-state": { + "name": "Controlled state", + "levels": [ + "Table" + ], + "locStart": 1060, + "locEnd": 1237, + "filePath": "src/Table.stories.tsx", + "namedExport": "ControlledState", + "meta": {} + }, + "table--custom-filter": { + "name": "Custom filter", + "levels": [ + "Table" + ], + "locStart": 2121, + "locEnd": 2269, + "filePath": "src/Table.stories.tsx", + "namedExport": "CustomFilter", + "meta": {} + }, + "table--customized-columns": { + "name": "Customized columns", + "levels": [ + "Table" + ], + "locStart": 2933, + "locEnd": 3028, + "filePath": "src/Table.stories.tsx", + "namedExport": "CustomizedColumns", + "meta": {} + }, + "table--disabled-rows": { + "name": "Disabled rows", + "levels": [ + "Table" + ], + "locStart": 864, + "locEnd": 947, + "filePath": "src/Table.stories.tsx", + "namedExport": "DisabledRows", + "meta": {} + }, + "table--draggable-columns": { + "name": "Draggable columns", + "levels": [ + "Table" + ], + "locStart": 2807, + "locEnd": 2931, + "filePath": "src/Table.stories.tsx", + "namedExport": "DraggableColumns", + "meta": {} + }, + "table--editable": { + "name": "Editable", + "levels": [ + "Table" + ], + "locStart": 1753, + "locEnd": 1831, + "filePath": "src/Table.stories.tsx", + "namedExport": "Editable", + "meta": {} + }, + "table--expandable": { + "name": "Expandable", + "levels": [ + "Table" + ], + "locStart": 548, + "locEnd": 607, + "filePath": "src/Table.stories.tsx", + "namedExport": "Expandable", + "meta": {} + }, + "table--expandable-subrows": { + "name": "Expandable subrows", + "levels": [ + "Table" + ], + "locStart": 609, + "locEnd": 703, + "filePath": "src/Table.stories.tsx", + "namedExport": "ExpandableSubrows", + "meta": {} + }, + "table--filters": { + "name": "Filters", + "levels": [ + "Table" + ], + "locStart": 310, + "locEnd": 467, + "filePath": "src/Table.stories.tsx", + "namedExport": "Filters", + "meta": {} + }, + "table--full": { + "name": "Full", + "levels": [ + "Table" + ], + "locStart": 1239, + "locEnd": 1363, + "filePath": "src/Table.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "table--full2": { + "name": "Full2", + "levels": [ + "Table" + ], + "locStart": 1365, + "locEnd": 1558, + "filePath": "src/Table.stories.tsx", + "namedExport": "Full2", + "meta": {} + }, + "table--global-filter": { + "name": "Global filter", + "levels": [ + "Table" + ], + "locStart": 469, + "locEnd": 546, + "filePath": "src/Table.stories.tsx", + "namedExport": "GlobalFilter", + "meta": {} + }, + "table--horizontal-scroll": { + "name": "Horizontal scroll", + "levels": [ + "Table" + ], + "locStart": 2470, + "locEnd": 2597, + "filePath": "src/Table.stories.tsx", + "namedExport": "HorizontalScroll", + "meta": {} + }, + "table--initial-state": { + "name": "Initial state", + "levels": [ + "Table" + ], + "locStart": 1015, + "locEnd": 1058, + "filePath": "src/Table.stories.tsx", + "namedExport": "InitialState", + "meta": {} + }, + "table--lazy-loading": { + "name": "Lazy loading", + "levels": [ + "Table" + ], + "locStart": 705, + "locEnd": 779, + "filePath": "src/Table.stories.tsx", + "namedExport": "LazyLoading", + "meta": {} + }, + "table--loading": { + "name": "Loading", + "levels": [ + "Table" + ], + "locStart": 949, + "locEnd": 980, + "filePath": "src/Table.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "table--localized": { + "name": "Localized", + "levels": [ + "Table" + ], + "locStart": 1560, + "locEnd": 1636, + "filePath": "src/Table.stories.tsx", + "namedExport": "Localized", + "meta": {} + }, + "table--no-data": { + "name": "No data", + "levels": [ + "Table" + ], + "locStart": 982, + "locEnd": 1013, + "filePath": "src/Table.stories.tsx", + "namedExport": "NoData", + "meta": {} + }, + "table--resizable-columns": { + "name": "Resizable columns", + "levels": [ + "Table" + ], + "locStart": 2279, + "locEnd": 2402, + "filePath": "src/Table.stories.tsx", + "namedExport": "ResizableColumns", + "meta": {} + }, + "table--row-in-viewport": { + "name": "Row in viewport", + "levels": [ + "Table" + ], + "locStart": 781, + "locEnd": 862, + "filePath": "src/Table.stories.tsx", + "namedExport": "RowInViewport", + "meta": {} + }, + "table--scroll-to-row": { + "name": "Scroll to row", + "levels": [ + "Table" + ], + "locStart": 2670, + "locEnd": 2743, + "filePath": "src/Table.stories.tsx", + "namedExport": "ScrollToRow", + "meta": {} + }, + "table--selectable-multi": { + "name": "Selectable multi", + "levels": [ + "Table" + ], + "locStart": 168, + "locEnd": 240, + "filePath": "src/Table.stories.tsx", + "namedExport": "SelectableMulti", + "meta": {} + }, + "table--selectable-single": { + "name": "Selectable single", + "levels": [ + "Table" + ], + "locStart": 105, + "locEnd": 166, + "filePath": "src/Table.stories.tsx", + "namedExport": "SelectableSingle", + "meta": {} + }, + "table--sortable": { + "name": "Sortable", + "levels": [ + "Table" + ], + "locStart": 242, + "locEnd": 308, + "filePath": "src/Table.stories.tsx", + "namedExport": "Sortable", + "meta": {} + }, + "table--status-and-cell-icons": { + "name": "Status and cell icons", + "levels": [ + "Table" + ], + "locStart": 3374, + "locEnd": 3488, + "filePath": "src/Table.stories.tsx", + "namedExport": "StatusAndCellIcons", + "meta": {} + }, + "table--sticky-columns": { + "name": "Sticky columns", + "levels": [ + "Table" + ], + "locStart": 3199, + "locEnd": 3358, + "filePath": "src/Table.stories.tsx", + "namedExport": "StickyColumns", + "meta": {} + }, + "table--virtualized": { + "name": "Virtualized", + "levels": [ + "Table" + ], + "locStart": 2613, + "locEnd": 2668, + "filePath": "src/Table.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "table--virtualized-sub-rows": { + "name": "Virtualized sub rows", + "levels": [ + "Table" + ], + "locStart": 2745, + "locEnd": 2805, + "filePath": "src/Table.stories.tsx", + "namedExport": "VirtualizedSubRows", + "meta": {} + }, + "table--with-manual-paginator-and-filter": { + "name": "With manual paginator and filter", + "levels": [ + "Table" + ], + "locStart": 1916, + "locEnd": 2111, + "filePath": "src/Table.stories.tsx", + "namedExport": "WithManualPaginatorAndFilter", + "meta": {} + }, + "table--with-paginator": { + "name": "With paginator", + "levels": [ + "Table" + ], + "locStart": 1833, + "locEnd": 1906, + "filePath": "src/Table.stories.tsx", + "namedExport": "WithPaginator", + "meta": {} + }, + "table--zebra-striped-rows": { + "name": "Zebra striped rows", + "levels": [ + "Table" + ], + "locStart": 2404, + "locEnd": 2468, + "filePath": "src/Table.stories.tsx", + "namedExport": "ZebraStripedRows", + "meta": {} + }, + "tabs--borderless-tabs": { + "name": "Borderless tabs", + "levels": [ + "Tabs" + ], + "locStart": 61, + "locEnd": 103, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "BorderlessTabs", + "meta": {} + }, + "tabs--default-tabs": { + "name": "Default tabs", + "levels": [ + "Tabs" + ], + "locStart": 13, + "locEnd": 59, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "DefaultTabs", + "meta": {} + }, + "tabs--horizontal-overflow": { + "name": "Horizontal overflow", + "levels": [ + "Tabs" + ], + "locStart": 228, + "locEnd": 287, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "HorizontalOverflow", + "meta": {} + }, + "tabs--legacy-tabs": { + "name": "Legacy tabs", + "levels": [ + "Tabs" + ], + "locStart": 421, + "locEnd": 471, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "LegacyTabs", + "meta": {} + }, + "tabs--pill-tabs": { + "name": "Pill tabs", + "levels": [ + "Tabs" + ], + "locStart": 105, + "locEnd": 158, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "PillTabs", + "meta": {} + }, + "tabs--sublabels-and-icons": { + "name": "Sublabels and icons", + "levels": [ + "Tabs" + ], + "locStart": 160, + "locEnd": 226, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "SublabelsAndIcons", + "meta": {} + }, + "tabs--vertical": { + "name": "Vertical", + "levels": [ + "Tabs" + ], + "locStart": 353, + "locEnd": 419, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "Vertical", + "meta": {} + }, + "tabs--vertical-overflow": { + "name": "Vertical overflow", + "levels": [ + "Tabs" + ], + "locStart": 289, + "locEnd": 351, + "filePath": "src/Tabs.stories.tsx", + "namedExport": "VerticalOverflow", + "meta": {} + }, + "tag--clickable": { + "name": "Clickable", + "levels": [ + "Tag" + ], + "locStart": 22, + "locEnd": 24, + "filePath": "src/Tag.stories.tsx", + "namedExport": "Clickable", + "meta": {} + }, + "tag--default": { + "name": "Default", + "levels": [ + "Tag" + ], + "locStart": 11, + "locEnd": 16, + "filePath": "src/Tag.stories.tsx", + "namedExport": "Default", + "meta": {} + }, + "tag--no-close": { + "name": "No close", + "levels": [ + "Tag" + ], + "locStart": 18, + "locEnd": 20, + "filePath": "src/Tag.stories.tsx", + "namedExport": "NoClose", + "meta": {} + }, + "tagcontainer--basic-tags-container": { + "name": "Basic tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 11, + "locEnd": 19, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "BasicTagsContainer", + "meta": {} + }, + "tagcontainer--default-tags-container": { + "name": "Default tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 21, + "locEnd": 29, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "DefaultTagsContainer", + "meta": {} + }, + "tagcontainer--scrollable-default-tags-container": { + "name": "Scrollable default tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 31, + "locEnd": 43, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "ScrollableDefaultTagsContainer", + "meta": {} + }, + "tagcontainer--truncated-basic-tags-container": { + "name": "Truncated basic tags container", + "levels": [ + "Tagcontainer" + ], + "locStart": 45, + "locEnd": 57, + "filePath": "src/TagContainer.stories.tsx", + "namedExport": "TruncatedBasicTagsContainer", + "meta": {} + }, + "text--basic": { + "name": "Basic", + "levels": [ + "Text" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Text.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "text--body": { + "name": "Body", + "levels": [ + "Text" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Text.stories.tsx", + "namedExport": "Body", + "meta": {} + }, + "text--headline": { + "name": "Headline", + "levels": [ + "Text" + ], + "locStart": 35, + "locEnd": 37, + "filePath": "src/Text.stories.tsx", + "namedExport": "Headline", + "meta": {} + }, + "text--leading": { + "name": "Leading", + "levels": [ + "Text" + ], + "locStart": 23, + "locEnd": 25, + "filePath": "src/Text.stories.tsx", + "namedExport": "Leading", + "meta": {} + }, + "text--polymorphic": { + "name": "Polymorphic", + "levels": [ + "Text" + ], + "locStart": 39, + "locEnd": 45, + "filePath": "src/Text.stories.tsx", + "namedExport": "Polymorphic", + "meta": {} + }, + "text--skeleton": { + "name": "Skeleton", + "levels": [ + "Text" + ], + "locStart": 47, + "locEnd": 49, + "filePath": "src/Text.stories.tsx", + "namedExport": "Skeleton", + "meta": {} + }, + "text--small": { + "name": "Small", + "levels": [ + "Text" + ], + "locStart": 19, + "locEnd": 21, + "filePath": "src/Text.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "text--subheading": { + "name": "Subheading", + "levels": [ + "Text" + ], + "locStart": 27, + "locEnd": 29, + "filePath": "src/Text.stories.tsx", + "namedExport": "Subheading", + "meta": {} + }, + "text--title": { + "name": "Title", + "levels": [ + "Text" + ], + "locStart": 31, + "locEnd": 33, + "filePath": "src/Text.stories.tsx", + "namedExport": "Title", + "meta": {} + }, + "textarea--basic": { + "name": "Basic", + "levels": [ + "Textarea" + ], + "locStart": 11, + "locEnd": 13, + "filePath": "src/Textarea.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "textarea--disabled": { + "name": "Disabled", + "levels": [ + "Textarea" + ], + "locStart": 15, + "locEnd": 17, + "filePath": "src/Textarea.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "tile--actionable": { + "name": "Actionable", + "levels": [ + "Tile" + ], + "locStart": 118, + "locEnd": 150, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Actionable", + "meta": {} + }, + "tile--all-props": { + "name": "All props", + "levels": [ + "Tile" + ], + "locStart": 63, + "locEnd": 117, + "filePath": "src/Tile.stories.tsx", + "namedExport": "AllProps", + "meta": {} + }, + "tile--anchor-link": { + "name": "Anchor link", + "levels": [ + "Tile" + ], + "locStart": 152, + "locEnd": 183, + "filePath": "src/Tile.stories.tsx", + "namedExport": "AnchorLink", + "meta": {} + }, + "tile--basic": { + "name": "Basic", + "levels": [ + "Tile" + ], + "locStart": 28, + "locEnd": 61, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "tile--condensed": { + "name": "Condensed", + "levels": [ + "Tile" + ], + "locStart": 185, + "locEnd": 209, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Condensed", + "meta": {} + }, + "tile--disabled": { + "name": "Disabled", + "levels": [ + "Tile" + ], + "locStart": 340, + "locEnd": 378, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Disabled", + "meta": {} + }, + "tile--folder": { + "name": "Folder", + "levels": [ + "Tile" + ], + "locStart": 250, + "locEnd": 278, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Folder", + "meta": {} + }, + "tile--loading": { + "name": "Loading", + "levels": [ + "Tile" + ], + "locStart": 310, + "locEnd": 338, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Loading", + "meta": {} + }, + "tile--status": { + "name": "Status", + "levels": [ + "Tile" + ], + "locStart": 280, + "locEnd": 308, + "filePath": "src/Tile.stories.tsx", + "namedExport": "Status", + "meta": {} + }, + "tile--with-avatar": { + "name": "With avatar", + "levels": [ + "Tile" + ], + "locStart": 211, + "locEnd": 248, + "filePath": "src/Tile.stories.tsx", + "namedExport": "WithAvatar", + "meta": {} + }, + "timepicker--basic": { + "name": "Basic", + "levels": [ + "Timepicker" + ], + "locStart": 18, + "locEnd": 55, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "timepicker--combined": { + "name": "Combined", + "levels": [ + "Timepicker" + ], + "locStart": 109, + "locEnd": 151, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "Combined", + "meta": {} + }, + "timepicker--custom-renderers": { + "name": "Custom renderers", + "levels": [ + "Timepicker" + ], + "locStart": 57, + "locEnd": 107, + "filePath": "src/TimePicker.stories.tsx", + "namedExport": "CustomRenderers", + "meta": {} + }, + "toasts--anchor-to-button": { + "name": "Anchor to button", + "levels": [ + "Toasts" + ], + "locStart": 206, + "locEnd": 249, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "AnchorToButton", + "meta": {} + }, + "toasts--close-individual": { + "name": "Close individual", + "levels": [ + "Toasts" + ], + "locStart": 251, + "locEnd": 316, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "CloseIndividual", + "meta": {} + }, + "toasts--informational": { + "name": "Informational", + "levels": [ + "Toasts" + ], + "locStart": 90, + "locEnd": 127, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Informational", + "meta": {} + }, + "toasts--negative": { + "name": "Negative", + "levels": [ + "Toasts" + ], + "locStart": 51, + "locEnd": 88, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Negative", + "meta": {} + }, + "toasts--position-changed": { + "name": "Position changed", + "levels": [ + "Toasts" + ], + "locStart": 168, + "locEnd": 204, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "PositionChanged", + "meta": {} + }, + "toasts--positive": { + "name": "Positive", + "levels": [ + "Toasts" + ], + "locStart": 12, + "locEnd": 49, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Positive", + "meta": {} + }, + "toasts--warning": { + "name": "Warning", + "levels": [ + "Toasts" + ], + "locStart": 129, + "locEnd": 166, + "filePath": "src/Toasts.stories.tsx", + "namedExport": "Warning", + "meta": {} + }, + "toggleswitch--basic": { + "name": "Basic", + "levels": [ + "Toggleswitch" + ], + "locStart": 20, + "locEnd": 22, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "toggleswitch--disabled-checked": { + "name": "Disabled checked", + "levels": [ + "Toggleswitch" + ], + "locStart": 28, + "locEnd": 30, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "DisabledChecked", + "meta": {} + }, + "toggleswitch--disabled-unchecked": { + "name": "Disabled unchecked", + "levels": [ + "Toggleswitch" + ], + "locStart": 32, + "locEnd": 34, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "DisabledUnchecked", + "meta": {} + }, + "toggleswitch--label-left": { + "name": "Label left", + "levels": [ + "Toggleswitch" + ], + "locStart": 46, + "locEnd": 48, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "LabelLeft", + "meta": {} + }, + "toggleswitch--label-right": { + "name": "Label right", + "levels": [ + "Toggleswitch" + ], + "locStart": 36, + "locEnd": 44, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "LabelRight", + "meta": {} + }, + "toggleswitch--small": { + "name": "Small", + "levels": [ + "Toggleswitch" + ], + "locStart": 24, + "locEnd": 26, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "toggleswitch--with-custom-icon": { + "name": "With custom icon", + "levels": [ + "Toggleswitch" + ], + "locStart": 50, + "locEnd": 52, + "filePath": "src/ToggleSwitch.stories.tsx", + "namedExport": "WithCustomIcon", + "meta": {} + }, + "tooltip--bottom": { + "name": "Bottom", + "levels": [ + "Tooltip" + ], + "locStart": 26, + "locEnd": 32, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Bottom", + "meta": {} + }, + "tooltip--controlled": { + "name": "Controlled", + "levels": [ + "Tooltip" + ], + "locStart": 49, + "locEnd": 55, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Controlled", + "meta": {} + }, + "tooltip--left": { + "name": "Left", + "levels": [ + "Tooltip" + ], + "locStart": 34, + "locEnd": 47, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Left", + "meta": {} + }, + "tooltip--right": { + "name": "Right", + "levels": [ + "Tooltip" + ], + "locStart": 18, + "locEnd": 24, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Right", + "meta": {} + }, + "tooltip--top": { + "name": "Top", + "levels": [ + "Tooltip" + ], + "locStart": 10, + "locEnd": 16, + "filePath": "src/Tooltip.stories.tsx", + "namedExport": "Top", + "meta": {} + }, + "transferlist--basic": { + "name": "Basic", + "levels": [ + "Transferlist" + ], + "locStart": 18, + "locEnd": 150, + "filePath": "src/TransferList.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "transferlist--with-label": { + "name": "With label", + "levels": [ + "Transferlist" + ], + "locStart": 152, + "locEnd": 286, + "filePath": "src/TransferList.stories.tsx", + "namedExport": "WithLabel", + "meta": {} + }, + "tree--async-loading": { + "name": "Async loading", + "levels": [ + "Tree" + ], + "locStart": 215, + "locEnd": 344, + "filePath": "src/Tree.stories.tsx", + "namedExport": "AsyncLoading", + "meta": {} + }, + "tree--basic": { + "name": "Basic", + "levels": [ + "Tree" + ], + "locStart": 20, + "locEnd": 96, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "tree--customized-expander": { + "name": "Customized expander", + "levels": [ + "Tree" + ], + "locStart": 346, + "locEnd": 480, + "filePath": "src/Tree.stories.tsx", + "namedExport": "CustomizedExpander", + "meta": {} + }, + "tree--full": { + "name": "Full", + "levels": [ + "Tree" + ], + "locStart": 98, + "locEnd": 213, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Full", + "meta": {} + }, + "tree--small": { + "name": "Small", + "levels": [ + "Tree" + ], + "locStart": 601, + "locEnd": 684, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Small", + "meta": {} + }, + "tree--virtualized": { + "name": "Virtualized", + "levels": [ + "Tree" + ], + "locStart": 482, + "locEnd": 599, + "filePath": "src/Tree.stories.tsx", + "namedExport": "Virtualized", + "meta": {} + }, + "tree--virtualized-with-horizontal-scroll": { + "name": "Virtualized with horizontal scroll", + "levels": [ + "Tree" + ], + "locStart": 686, + "locEnd": 796, + "filePath": "src/Tree.stories.tsx", + "namedExport": "VirtualizedWithHorizontalScroll", + "meta": {} + }, + "workflowdiagram--basic": { + "name": "Basic", + "levels": [ + "Workflowdiagram" + ], + "locStart": 11, + "locEnd": 23, + "filePath": "src/WorkflowDiagram.stories.tsx", + "namedExport": "Basic", + "meta": {} + }, + "workflowdiagram--with-tooltips": { + "name": "With tooltips", + "levels": [ + "Workflowdiagram" + ], + "locStart": 25, + "locEnd": 40, + "filePath": "src/WorkflowDiagram.stories.tsx", + "namedExport": "WithTooltips", + "meta": {} + } + } +} \ No newline at end of file