diff --git a/2240/react/assets/Add-BKxjr5jA.js b/2240/react/assets/Add-BKxjr5jA.js
new file mode 100644
index 00000000000..9b564af24d8
--- /dev/null
+++ b/2240/react/assets/Add-BKxjr5jA.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Airplane-DbZFyf1N.js b/2240/react/assets/Airplane-DbZFyf1N.js
new file mode 100644
index 00000000000..47acaadf1ab
--- /dev/null
+++ b/2240/react/assets/Airplane-DbZFyf1N.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Alert.stories-CJcRfzB1.js b/2240/react/assets/Alert.stories-CJcRfzB1.js
new file mode 100644
index 00000000000..119933c1fc3
--- /dev/null
+++ b/2240/react/assets/Alert.stories-CJcRfzB1.js
@@ -0,0 +1 @@
+import{r as t,B as f,c as m,u as p,S as g,p as h,I as j,a as C,j as i}from"./index-t5nukUIt.js";import{S as v}from"./Placeholder-Bo1aZTo8.js";import{S as y}from"./SmileyHappy-bgXJQ91t.js";import{I as q}from"./Icon-DqcqOTd7.js";import{A as b}from"./Anchor-zmS0nF6X.js";import"./Text-BAOnoVWg.js";let u=t.createContext(void 0),k=t.forwardRef((o,n)=>{let{children:a,type:s="informational",isSticky:l=!1,clickableText:r,clickableTextProps:c,onClose:d,...x}=o;return t.createElement(e.Wrapper,{type:s,isSticky:l,ref:n,...x},t.createElement(e.Icon,null),t.createElement(e.Message,null,a,r?t.createElement(e.Action,c,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,...c}=o;return t.createElement(f,{className:m("iui-alert",s),"data-iui-status":l,"data-iui-variant":r?"sticky":void 0,ref:n,...c},t.createElement(u.Provider,{value:{type:l}},a))}),I=t.forwardRef((o,n)=>{let{children:a,...s}=o,{type:l}=p(u),r=g[l];return t.createElement(q,{fill:l,ref:n,...s},a??t.createElement(r,null))}),A=h.span("iui-alert-message"),M=t.forwardRef((o,n)=>{let{children:a,className:s,...l}=o,{type:r}=p(u);return t.createElement(b,{as:o.href?"a":"button",className:m("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(j,{styleType:"borderless",size:"small","aria-label":"Close",ref:n,...s},a??t.createElement(C,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/2240/react/assets/Anchor-zmS0nF6X.js b/2240/react/assets/Anchor-zmS0nF6X.js
new file mode 100644
index 00000000000..237ea3009e3
--- /dev/null
+++ b/2240/react/assets/Anchor-zmS0nF6X.js
@@ -0,0 +1 @@
+import{r as e,B as o,c,V as u}from"./index-t5nukUIt.js";import{a as x}from"./Text-BAOnoVWg.js";const f=e.forwardRef((a,t)=>{let r=e.useContext(x),{isExternal:n,underline:i=r,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":n},a.className)},s,a.target==="_blank"&&e.createElement(u,null," (opens in new tab)"))});export{f as A};
diff --git a/2240/react/assets/Anchor.stories-B3nWCZTB.js b/2240/react/assets/Anchor.stories-B3nWCZTB.js
new file mode 100644
index 00000000000..3135648cf19
--- /dev/null
+++ b/2240/react/assets/Anchor.stories-B3nWCZTB.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{A as t}from"./Anchor-zmS0nF6X.js";import"./Text-BAOnoVWg.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/2240/react/assets/Avatar-BVijjTZ4.js b/2240/react/assets/Avatar-BVijjTZ4.js
new file mode 100644
index 00000000000..307c5242409
--- /dev/null
+++ b/2240/react/assets/Avatar-BVijjTZ4.js
@@ -0,0 +1 @@
+import{r as e,B as g,c as y,V as B}from"./index-t5nukUIt.js";import{i as k,S as p}from"./colors-ymlpSE_k.js";let S=t=>t?k(t)?p[t]:t:"";const x={away:"Away",busy:"Busy",offline:"Offline",online:"Online"},E=e.forwardRef((t,i)=>{let{size:l="small",status:a,abbreviation:s,image:r,backgroundColor:u,title:n,translatedStatusTitles:o,className:d,style:f,...m}=t,c={...x,...o};return e.createElement(g,{as:"span",className:y("iui-avatar",d),"data-iui-size":l!=="medium"?l:void 0,"data-iui-status":a,title:n,style:{backgroundColor:S(u),...f},ref:i,...m},r?null:s==null?void 0:s.substring(0,2),r,a?e.createElement(B,null,c[a]):null)});export{E as A};
diff --git a/2240/react/assets/Avatar.stories-B5zfjBt6.js b/2240/react/assets/Avatar.stories-B5zfjBt6.js
new file mode 100644
index 00000000000..0f4802e2231
--- /dev/null
+++ b/2240/react/assets/Avatar.stories-B5zfjBt6.js
@@ -0,0 +1 @@
+import{r as i,j as e}from"./index-t5nukUIt.js";import{A as r}from"./Avatar-BVijjTZ4.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/2240/react/assets/AvatarGroup.stories-dV7au9b7.js b/2240/react/assets/AvatarGroup.stories-dV7au9b7.js
new file mode 100644
index 00000000000..817f9952dc0
--- /dev/null
+++ b/2240/react/assets/AvatarGroup.stories-dV7au9b7.js
@@ -0,0 +1,2 @@
+import{r as a,B as b,c as M,j as r,T as f}from"./index-t5nukUIt.js";import{A as c}from"./Avatar-BVijjTZ4.js";import{g as u}from"./colors-ymlpSE_k.js";const d=a.forwardRef((i,e)=>{let t=99,{children:n,animated:g=!1,stacked:o=!0,maxIcons:s=5,iconSize:l="small",countIconProps:m,className:A,...j}=i,p=a.Children.toArray(n),h=p.length,y=v=>p.slice(0,v).map(x=>a.cloneElement(x,{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 i=["Terry Rivers","Robin Mercer","Morgan Vera","Ace Cash","Tanner Fraser","Ashley Miles","Jean Mullins"];return r.jsx(d,{iconSize:"medium",children:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},T=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Jean Mullins","Ashley Miles"];return r.jsx(d,{animated:!0,iconSize:"medium",children:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},k=()=>{const i=["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)=>i[t%i.length]).map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})})},w=()=>{const i=["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:i.map((e,t)=>r.jsx(c,{abbreviation:e.split(" ").map(n=>n[0]).join(""),backgroundColor:u(e),title:e},`${e}-${t}`))})},J=()=>{const i=["Terry Rivers","Robin Mercer","Morgan Vera","Ashley Miles","Jean Mullins","Charlie Mayfield","Peyton Pennington","Justice Harrington"],[e,t]=a.useState(null),g=i.slice(5).join(`
+`);return r.jsxs(r.Fragment,{children:[r.jsx(d,{countIconProps:{ref:t},iconSize:"medium",children:i.map((o,s)=>r.jsx(c,{abbreviation:o.split(" ").map(l=>l[0]).join(""),backgroundColor:u(o),title:o},`${o}-${s}`))}),r.jsx(f,{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/2240/react/assets/Badge-H2o3CQxs.js b/2240/react/assets/Badge-H2o3CQxs.js
new file mode 100644
index 00000000000..26270be46b6
--- /dev/null
+++ b/2240/react/assets/Badge-H2o3CQxs.js
@@ -0,0 +1 @@
+import{r as u,B as g,c}from"./index-t5nukUIt.js";import{i as f,S as m}from"./colors-ymlpSE_k.js";let B=e=>e?f(e)?m[e]:e:"",p=e=>e&&["positive","negative","warning","informational"].includes(e)?e:void 0;const x=u.forwardRef((e,a)=>{let{backgroundColor:s,style:r,className:n,children:o,...l}=e,t=s==="primary"?"informational":s,i=p(t),d=t&&!i?{"--iui-badge-background-color":B(t),...r}:{...r};return u.createElement(g,{as:"span",className:c("iui-badge",n),style:d,"data-iui-status":i,ref:a,...l},o)});export{x as B};
diff --git a/2240/react/assets/Badge.stories-gjod7sfI.js b/2240/react/assets/Badge.stories-gjod7sfI.js
new file mode 100644
index 00000000000..cb4632cf5fb
--- /dev/null
+++ b/2240/react/assets/Badge.stories-gjod7sfI.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{B as t}from"./Badge-H2o3CQxs.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/2240/react/assets/Blockquote.stories-DKhe7QT1.js b/2240/react/assets/Blockquote.stories-DKhe7QT1.js
new file mode 100644
index 00000000000..0696f85ebf3
--- /dev/null
+++ b/2240/react/assets/Blockquote.stories-DKhe7QT1.js
@@ -0,0 +1 @@
+import{r as t,B as l,c as u,j as e}from"./index-t5nukUIt.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/2240/react/assets/Breadcrumbs.stories-IBpVzmcm.js b/2240/react/assets/Breadcrumbs.stories-IBpVzmcm.js
new file mode 100644
index 00000000000..84f659cd96c
--- /dev/null
+++ b/2240/react/assets/Breadcrumbs.stories-IBpVzmcm.js
@@ -0,0 +1 @@
+import{r as s,b as y,d as B,B as u,c as g,j as t,I as j}from"./index-t5nukUIt.js";import{S as R}from"./ChevronRightDouble-B2dEZ7oH.js";import{S}from"./Folder-B1KnsTnL.js";import{S as I}from"./More-ZnVmqxXr.js";import{B as v}from"./Button-CCMFLemb.js";import{A as M}from"./Anchor-zmS0nF6X.js";import{S as N}from"./SvgChevronRight-D4u8Qhfr.js";import{T as f}from"./Text-BAOnoVWg.js";import{D as A}from"./DropdownMenu-B6zpNdf6.js";import{M as w}from"./MenuItem-C5HYGp0L.js";import{D as $}from"./DropdownButton-CU8T2jBM.js";import{I as D}from"./Input-BadsHKqi.js";import"./ProgressRadial-CnAU4x13.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./SvgCaretUpSmall-CH8fRkcq.js";import"./SvgCaretDownSmall-D4bb48kW.js";let F=s.forwardRef((r,o)=>{let{children:e,currentIndex:c=e.length-1,separator:n,overflowButton:m,className:a,...i}=r,[h,d]=y(e),E=B(h,o);return s.createElement(u,{as:"nav",className:g("iui-breadcrumbs",a),ref:E,"aria-label":"Breadcrumb",...i},s.createElement(u,{as:"ol",className:"iui-breadcrumbs-list"},d>1&&s.createElement(s.Fragment,null,s.createElement(x,{item:e[0],isActive:c===0}),s.createElement(b,{separator:n})),e.length-d>0&&s.createElement(s.Fragment,null,s.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},m?m(d):s.createElement(u,{as:"span",className:"iui-breadcrumbs-content"},"…")),s.createElement(b,{separator:n})),e.slice(d>1?e.length-d+1:e.length-1).map((O,C)=>{let p=d>1?1+(e.length-d)+C:e.length-1;return s.createElement(s.Fragment,{key:p},s.createElement(x,{item:e[p],isActive:c===p}),p<e.length-1&&s.createElement(b,{separator:n}))})))}),x=({item:r,isActive:o})=>{let e=r;return((e==null?void 0:e.type)==="span"||(e==null?void 0:e.type)==="a"||(e==null?void 0:e.type)===v)&&(e=s.createElement(k,e.props)),s.createElement(u,{as:"li",className:"iui-breadcrumbs-item"},e&&s.cloneElement(e,{"aria-current":e.props["aria-current"]??o?"location":void 0}))},b=({separator:r})=>s.createElement(u,{as:"li",className:"iui-breadcrumbs-separator","aria-hidden":!0},r??s.createElement(N,null)),k=s.forwardRef((r,o)=>{let{as:e,...c}=r,n={...c,className:g("iui-breadcrumbs-content",r.className),ref:o};return String(e)==="span"||r.href==null&&r.onClick==null&&e==null?s.createElement(u,{as:"span",...n}):s.createElement(v,{as:e==="a"||e==null&&r.href?M:e,styleType:"borderless",...n})});const l=Object.assign(F,{Item:k}),le={title:"Breadcrumbs"},oe=()=>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)]}),ne=()=>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)]}),ae=()=>t.jsxs(l,{separator:t.jsx(R,{}),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)]}),L=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{children:r})};L.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(f,{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 T=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:o=>{const e=o>1?r.length-o:r.length-2;return t.jsx(j,{"aria-label":`Item ${e}`,onClick:()=>{console.log(`Visit breadcrumb ${e}`)},styleType:"borderless",label:`Item ${e}`,labelProps:{placement:"bottom"},children:t.jsx(I,{})})},children:r})};T.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(f,{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 z=()=>{const r=Array(10).fill(null).map((o,e)=>t.jsxs(l.Item,{onClick:()=>console.log(`Clicked on breadcrumb ${e+1}`),children:["Item ",e]},e));return t.jsx(l,{overflowButton:o=>t.jsx(A,{menuItems:e=>Array(r.length-o).fill(null).map((c,n)=>{const m=o>1?n+1:n,a=()=>{console.log(`Visit breadcrumb ${m}`),e()};return t.jsxs(w,{onClick:a,children:["Item ",m]},m)}),children:t.jsx(j,{"aria-label":"Dropdown with more breadcrumbs",onClick:()=>console.log("Clicked on overflow icon"),styleType:"borderless",children:t.jsx(I,{})})}),children:r})};z.decorators=[r=>t.jsxs(t.Fragment,{children:[t.jsx(f,{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 ie=()=>{const r=s.useMemo(()=>["Root","Level 1","Level 2","Level 3","Level 4"],[]),[o,e]=s.useState(r.length-1),[c,n]=s.useState(!1),m=s.useMemo(()=>r.slice(0,o+1).map((a,i)=>t.jsx(l.Item,{onClick:()=>{o!==i?e(i):n(!0)},children:a},`Breadcrumb${i}`)),[r,o]);return t.jsxs("div",{style:{display:"inline-flex",width:450},children:[t.jsx($,{startIcon:t.jsx(S,{"aria-hidden":!0}),styleType:"borderless",menuItems:a=>r.map((i,h)=>t.jsx(w,{onClick:()=>{e(h),n(!1),a()},children:i},`Item${h}`))}),c?t.jsx(D,{defaultValue:r.slice(0,o+1).join("/"),onChange:({target:{value:a}})=>{const i=a.substring(a.lastIndexOf("/",a.length-2)+1);e(r.findIndex(h=>i.includes(h)))},onKeyDown:({key:a})=>a==="Enter"&&n(!1),onBlur:()=>n(!1)}):t.jsx(l,{children:m})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{oe as Basic,T as CustomOverflowBackButton,z as CustomOverflowDropdown,ae as CustomSeparator,ie as FolderNavigation,ne as Links,L as Overflow,le as default};
diff --git a/2240/react/assets/Button-CCMFLemb.js b/2240/react/assets/Button-CCMFLemb.js
new file mode 100644
index 00000000000..04e1cec857a
--- /dev/null
+++ b/2240/react/assets/Button-CCMFLemb.js
@@ -0,0 +1 @@
+import{r as e,J as x,i as B,c as s,B as n}from"./index-t5nukUIt.js";import{P as E}from"./ProgressRadial-CnAU4x13.js";const z=e.forwardRef((o,p)=>{let{children:r,className:N,size:d,styleType:u="default",startIcon:c,endIcon:m,labelProps:a,startIconProps:t,endIconProps:i,stretched:b,loading:l,disabled:f,...h}=o,v=e.useContext(x);return e.createElement(B,{ref:p,className:s("iui-button","iui-field",N),"data-iui-variant":u!=="default"?u:void 0,"data-iui-size":d,"data-iui-loading":l?"true":void 0,"data-iui-has-popover":v?"open":void 0,disabled:f||l,...h,style:{"--_iui-width":b?"100%":void 0,...o.style}},c&&e.createElement(n,{as:"span","aria-hidden":!0,...t,className:s("iui-button-icon",t==null?void 0:t.className)},c),r&&e.createElement(n,{as:"span",...a,className:s("iui-button-label",a==null?void 0:a.className)},r),m&&e.createElement(n,{as:"span","aria-hidden":!0,...i,className:s("iui-button-icon",i==null?void 0:i.className)},m),l&&e.createElement(E,{size:d==="small"?"x-small":"small",className:"iui-button-spinner","aria-hidden":!0}))});export{z as B};
diff --git a/2240/react/assets/Button.stories-B-UKygYG.js b/2240/react/assets/Button.stories-B-UKygYG.js
new file mode 100644
index 00000000000..2bb466d04d5
--- /dev/null
+++ b/2240/react/assets/Button.stories-B-UKygYG.js
@@ -0,0 +1 @@
+import{r as l,j as t}from"./index-t5nukUIt.js";import{S as s}from"./Add-BKxjr5jA.js";import{S as c}from"./Placeholder-Bo1aZTo8.js";import{B as e}from"./Button-CCMFLemb.js";import{N as i}from"./NotificationMarker-Bl6gH8MB.js";import"./ProgressRadial-CnAU4x13.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/2240/react/assets/ButtonGroup.stories-vb7eIB9_.js b/2240/react/assets/ButtonGroup.stories-vb7eIB9_.js
new file mode 100644
index 00000000000..31351b4ed3e
--- /dev/null
+++ b/2240/react/assets/ButtonGroup.stories-vb7eIB9_.js
@@ -0,0 +1 @@
+import{r as c,j as e,e as n,I as i}from"./index-t5nukUIt.js";import{S as h}from"./Add-BKxjr5jA.js";import{S as u}from"./Edit-D-c_3Xf-.js";import{S as x}from"./More-ZnVmqxXr.js";import{S as d}from"./Placeholder-Bo1aZTo8.js";import{D as j}from"./DropdownMenu-B6zpNdf6.js";import{M as I}from"./MenuItem-C5HYGp0L.js";import{T as p}from"./Text-BAOnoVWg.js";import{I as g}from"./Input-BadsHKqi.js";import{B as b}from"./Button-CCMFLemb.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./ProgressRadial-CnAU4x13.js";const v=o=>c.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},c.createElement("path",{d:"M14 1v1H2V1h3l1-1h4l1 1zM3 3h10v12a1 1 0 01-1 1H4a1 1 0 01-1-1zm6 11h1V5H9zm-3 0h1V5H6z"})),C=o=>c.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...o},c.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"})),N={title:"ButtonGroup"},D=()=>e.jsxs(n,{role:"toolbar",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(h,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(u,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(v,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(C,{})})]}),k=()=>{const o=Array.from({length:10},(l,t)=>e.jsx(i,{label:`Item #${t}`,children:e.jsx(d,{})},t));return e.jsx(n,{orientation:"horizontal",overflowButton:l=>e.jsx(j,{menuItems:t=>{const a=o.length-l;return Array.from({length:a},(m,r)=>{const s=l+r;return e.jsxs(I,{onClick:t,icon:e.jsx(d,{}),children:["Item #",s]},s)})},children:e.jsx(i,{label:"More",children:e.jsx(x,{})})}),children:o})};k.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(p,{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 U=()=>e.jsxs(n,{children:[e.jsx(g,{defaultValue:"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ",readOnly:!0,style:{minWidth:"30ch"}}),e.jsx(b,{styleType:"high-visibility",onClick:async()=>{await navigator.clipboard.writeText("Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2V4YW1wbGUuYXV0aDAuY29tLyIsImF1ZCI6Imh0dHBzOi8vYXBpLmV4YW1wbGUuY29tL2NhbGFuZGFyL3YxLyIsInN1YiI6InVzcl8xMjMiLCJpYXQiOjE0NTg3ODU3OTYsImV4cCI6MTQ1ODg3MjE5Nn0.CA7eaHjIHz5NxeIJoFK9krqaeZrPLwmMmgI_XiQiIkQ"),console.log("Copied bearer token to clipboard")},children:"Copy"})]}),F=()=>e.jsxs(n,{orientation:"vertical",children:[e.jsx(i,{label:"Add",onClick:()=>console.log("Clicked add!"),children:e.jsx(h,{})}),e.jsx(i,{label:"Edit",onClick:()=>console.log("Clicked edit!"),isActive:!0,children:e.jsx(u,{})}),e.jsx(i,{disabled:!0,label:"Delete",onClick:()=>console.log("Clicked delete!"),children:e.jsx(v,{})}),e.jsx(i,{label:"Undo",onClick:()=>console.log("Clicked undo!"),children:e.jsx(C,{})})]}),w=()=>{const o=Array(10).fill(null).map((l,t)=>e.jsx(i,{onClick:()=>console.log(`Clicked on button ${t+1}`),children:e.jsx(d,{})},t));return e.jsx(n,{orientation:"vertical",style:{height:"clamp(100px, 40vmax, 80vh)"},overflowButton:l=>e.jsx(j,{menuItems:t=>Array(o.length-l+1).fill(null).map((a,m)=>{const r=l+m,s=()=>{console.log(`Clicked button ${r} (overflow)`),t()};return e.jsxs(I,{onClick:s,icon:e.jsx(d,{}),children:["Button #",r]},r)}),children:e.jsx(i,{onClick:()=>console.log("Clicked on overflow icon"),children:e.jsx(x,{})})}),children:o})};w.decorators=[o=>e.jsxs(e.Fragment,{children:[e.jsx(p,{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{U as InputButtonCombo,k as Overflow,F as Vertical,w as VerticalOverflow,D as WithIcons,N as default};
diff --git a/2240/react/assets/Calendar-BjqJ3HPg.js b/2240/react/assets/Calendar-BjqJ3HPg.js
new file mode 100644
index 00000000000..13926f0ef62
--- /dev/null
+++ b/2240/react/assets/Calendar-BjqJ3HPg.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Camera-EET74PnV.js b/2240/react/assets/Camera-EET74PnV.js
new file mode 100644
index 00000000000..378a8af0972
--- /dev/null
+++ b/2240/react/assets/Camera-EET74PnV.js
@@ -0,0 +1 @@
+import{r as a}from"./index-t5nukUIt.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/2240/react/assets/Carousel.stories-AKmHxbNu.js b/2240/react/assets/Carousel.stories-AKmHxbNu.js
new file mode 100644
index 00000000000..2b7edd1b36e
--- /dev/null
+++ b/2240/react/assets/Carousel.stories-AKmHxbNu.js
@@ -0,0 +1 @@
+import{r as e,f as J,d as $,g as B,h as L,B as E,c as k,m as X,i as Y,k as Z,l as M,I as P,n as ee,o as te,j as d,R as z}from"./index-t5nukUIt.js";import{u as re}from"./useIntersection-PIH1b3k1.js";import{S as le}from"./SvgChevronLeft-CH8boqDV.js";import{S as se}from"./SvgChevronRight-D4u8Qhfr.js";import{T as oe}from"./Text-BAOnoVWg.js";import{C as K}from"./Code-tt0Fl-J4.js";const N=e.createContext(void 0),ne=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:o,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)");o.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(),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:o,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===o?0:void 0,ref:x,inert:r!==o?"":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,o=e.useContext(N),s=l??(o==null?void 0:o.slideCount)??e.Children.count(c),h=r??(o==null?void 0:o.currentIndex)??0,C=t.id??(o==null?void 0:o.idPrefix),x=e.useCallback(m=>{var n,T;o&&(o.setCurrentIndex(m),o.scrollToSlide.current(m)),(T=(n=g.current)==null?void 0:n.children[m])==null||T.focus(),a==null||a(m)},[o,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 n=g.current.children[0].offsetWidth;R(Math.floor(m/n))});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,n)=>{let T=n===j&&n!==0||n===D&&n!==s-1,q=n===j+1&&n!==1||n===D-1&&n!==s-2,G=n<j||n>D;return e.createElement(O,{key:n,"aria-label":`Slide ${n+1}`,isActive:n===h,onClick:()=>x(n),isSmall:q,isSmaller:T||G,id:C&&`${C}--dot-${n}`})}),[s,j,D,h,C,x]),A=B("(prefers-reduced-motion: no-preference)");e.useEffect(()=>{var n;let m=(n=g.current)==null?void 0:n.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 n=m.key;(n==="ArrowLeft"||n==="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 o=(l+i-1)%l;a(o),c.current(o,{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 o=(l+i+1)%l;a(o),c.current(o,{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,...o}=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),...o,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:ne,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:o})=>{const s=f-o>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(oe,{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/2240/react/assets/Checkbox-B3IcZK1h.js b/2240/react/assets/Checkbox-B3IcZK1h.js
new file mode 100644
index 00000000000..e06441ddb8a
--- /dev/null
+++ b/2240/react/assets/Checkbox-B3IcZK1h.js
@@ -0,0 +1 @@
+import{r as e,d as y,B as r,c as t}from"./index-t5nukUIt.js";import{P as R}from"./ProgressRadial-CnAU4x13.js";const v=e.forwardRef((m,u)=>{let{className:p,disabled:i=!1,indeterminate:c=!1,label:l,status:n,variant:d="default",isLoading:s=!1,wrapperProps:b={},labelProps:f={},style:x,...h}=m,a=e.useRef(null),k=y(a,u);e.useEffect(()=>{a.current&&(a.current.indeterminate=c,a.current.checked=!c&&a.current.checked)});let o=e.createElement(e.Fragment,null,e.createElement(r,{as:"input",className:t("iui-checkbox",{"iui-checkbox-visibility":d==="eyeball","iui-loading":s},p),style:x,disabled:i||s,type:"checkbox",ref:k,...h}),s&&e.createElement(R,{size:"x-small",indeterminate:!0})),{className:E,...N}=b,{className:g,...P}=f;return l?e.createElement(r,{as:"label",className:t("iui-checkbox-wrapper",{"iui-disabled":i,[`iui-${n}`]:!!n,"iui-loading":s},E),...N},o,l&&e.createElement(r,{as:"span",className:t("iui-checkbox-label",g),...P},l)):o});export{v as C};
diff --git a/2240/react/assets/Checkbox.stories-BGFxzVmE.js b/2240/react/assets/Checkbox.stories-BGFxzVmE.js
new file mode 100644
index 00000000000..78c59f50595
--- /dev/null
+++ b/2240/react/assets/Checkbox.stories-BGFxzVmE.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{C as t}from"./Checkbox-B3IcZK1h.js";import"./ProgressRadial-CnAU4x13.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/2240/react/assets/ChevronRightDouble-B2dEZ7oH.js b/2240/react/assets/ChevronRightDouble-B2dEZ7oH.js
new file mode 100644
index 00000000000..d6815d373e8
--- /dev/null
+++ b/2240/react/assets/ChevronRightDouble-B2dEZ7oH.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Code-tt0Fl-J4.js b/2240/react/assets/Code-tt0Fl-J4.js
new file mode 100644
index 00000000000..e48e7719784
--- /dev/null
+++ b/2240/react/assets/Code-tt0Fl-J4.js
@@ -0,0 +1 @@
+import{p as o}from"./index-t5nukUIt.js";const c=o.code("iui-code");export{c as C};
diff --git a/2240/react/assets/Code.stories-8F9-UXpF.js b/2240/react/assets/Code.stories-8F9-UXpF.js
new file mode 100644
index 00000000000..7d309a23242
--- /dev/null
+++ b/2240/react/assets/Code.stories-8F9-UXpF.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{C as t}from"./Code-tt0Fl-J4.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/2240/react/assets/ColorPicker.stories-Y8ugFnDY.js b/2240/react/assets/ColorPicker.stories-Y8ugFnDY.js
new file mode 100644
index 00000000000..caeb58cdc52
--- /dev/null
+++ b/2240/react/assets/ColorPicker.stories-Y8ugFnDY.js
@@ -0,0 +1 @@
+import{l as K,r as a,q as he,B as k,c as G,d as oe,i as ge,V as fe,n as pe,I as z,j as C,P as W,e as ae}from"./index-t5nukUIt.js";import{S as te}from"./Slider-DlQ1_ZPT.js";import{u as q}from"./useEventListener-5zUv3STn.js";import{I as T}from"./Input-BadsHKqi.js";import{B as le}from"./Button-CCMFLemb.js";import"./ProgressRadial-CnAU4x13.js";function re(u,e,o){return e in u?Object.defineProperty(u,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):u[e]=o,u}let A=new Uint8Array(4),U=new Uint32Array(A.buffer);const de=u=>typeof u!="string"&&"r"in u&&"g"in u&&"b"in u,be=u=>typeof u!="string"&&"h"in u&&"s"in u&&"l"in u,Ce=u=>typeof u!="string"&&"h"in u&&"s"in u&&"v"in u;class p{static create(e){return e?de(e)?p.fromRGB(e):be(e)?p.fromHSL(e):Ce(e)?p.fromHSV(e):typeof e=="string"?p.fromString(e,p.fromTbgr(0)):p.fromTbgr(0):p.fromTbgr(0)}toTbgr(){return this._tbgr}static fromTbgr(e){return new p(e)}static fromRgbt(e,o,s,r){return this.fromTbgr(this.computeTbgrFromComponents(e,o,s,r))}static computeTbgrFromComponents(e,o,s,r){return A[0]=e,A[1]=o,A[2]=s,A[3]=r||0,U[0]}static fromString(e,o){let[s,r]=this.computeTbgrFromString(e,o==null?void 0:o.toTbgr());return new p(s,r)}static fromHSL(e){let o=e.a??1;return new p(this.computeTbgrFromHSL(e.h/360,e.s/100,e.l/100,Math.round((1-o)*255)),e.h)}static fromRGB(e){let o=e.a??1;return p.fromRgbt(e.r,e.g,e.b,Math.round((1-o)*255))}static fromHSV(e){let o=e.a??1,s=Math.round((1-o)*255);if(!e.s||e.h===-1){let R=255&Math.floor(255*e.v/100+.5+3e-14);return p.fromRgbt(R,R,R,0)}let r=e.h,h=e.s,g=e.v;r===360&&(r=0),r/=60;let i=Math.floor(r),b=r-i;g/=100,h/=100;let c=255&Math.floor(g*(1-h)*255+.5),m=255&Math.floor(g*(1-h*b)*255+.5),n=255&Math.floor(g*(1-h*(1-b))*255+.5),f=255&Math.floor(255*g+.5),l=0,v=0,S=0;switch(i){case 0:l=f,S=n,v=c;break;case 1:l=m,S=f,v=c;break;case 2:l=c,S=f,v=n;break;case 3:l=c,S=m,v=f;break;case 4:l=n,S=c,v=f;break;case 5:l=f,S=c,v=m;break}return new p(p.computeTbgrFromComponents(l,S,v,s),e.h)}static computeTbgrFromString(e,o){e=e.toLowerCase();let s=/^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(e);if(s){let r,h=s[1],g=s[2],i=m=>m[m.length-1]==="%",b=m=>{let n=parseFloat(m);return 255*K(i(m)?n/100:n,0,1)},c=m=>{let n=i(m)?parseFloat(m)/100*255:parseInt(m,10);return K(n,0,255)};switch(h){case"rgb":case"rgba":if(r=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(g),r)return[this.computeTbgrFromComponents(c(r[1]),c(r[2]),c(r[3]),typeof r[4]=="string"?255-b(r[4]):0),void 0];break;case"hsl":case"hsla":if(r=/^(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(g),r){let m=parseFloat(r[1]),n=parseInt(r[2],10)/100,f=parseInt(r[3],10)/100,l=typeof r[4]=="string"?255-b(r[4]):0;return[this.computeTbgrFromHSL(m/360,n,f,l),m]}break}}else if(s=/^\#([A-Fa-f\d]+)$/.exec(e)){let r=s[1],h=r.length;if(h===3)return[this.computeTbgrFromComponents(parseInt(r.charAt(0)+r.charAt(0),16),parseInt(r.charAt(1)+r.charAt(1),16),parseInt(r.charAt(2)+r.charAt(2),16),0),void 0];if(h===6)return[this.computeTbgrFromComponents(parseInt(r.charAt(0)+r.charAt(1),16),parseInt(r.charAt(2)+r.charAt(3),16),parseInt(r.charAt(4)+r.charAt(5),16),0),void 0];if(h===8)return[this.computeTbgrFromComponents(parseInt(r.charAt(0)+r.charAt(1),16),parseInt(r.charAt(2)+r.charAt(3),16),parseInt(r.charAt(4)+r.charAt(5),16),255-parseInt(r.charAt(6)+r.charAt(7),16)),void 0]}if(o)return[o,void 0];throw new Error("unable to parse string into ColorValue")}static getColors(e){return U[0]=e,{b:A[2],g:A[1],r:A[0],t:A[3]}}getRgb(e){return U[0]=this._tbgr,e?(A[0]<<24)+(A[1]<<16)+(A[2]<<8)+(255-A[3]):(A[0]<<16)+(A[1]<<8)+A[2]}getAlpha(){return p.getAlpha(this._tbgr)}static getAlpha(e){return U[0]=e,255-A[3]}toHexString(e){if(e){let o=this.getRgb(e);return o<0&&(o=4294967295+o+1),`#${`00000000${o.toString(16)}`.slice(-8)}`}return`#${`000000${this.getRgb().toString(16)}`.slice(-6)}`}static computeTbgrFromHSL(e,o,s,r=0){let h=(m,n,f)=>(f<0&&(f+=1),f>1&&(f-=1),f<.16666666666666666?m+(n-m)*6*f:f<.5?n:f<.6666666666666666?m+(n-m)*6*(.6666666666666666-f):m),g=(m,n,f)=>Math.round(255*h(m,n,f));if(e=((m,n)=>(m%n+n)%n)(e,1),o=K(o,0,1),s=K(s,0,1),o===0)return s*=255,this.computeTbgrFromComponents(s,s,s,r);let b=s<=.5?s*(1+o):s+o-s*o,c=2*s-b;return this.computeTbgrFromComponents(g(c,b,e+1/3),g(c,b,e),g(c,b,e-1/3),r)}toHslColor(){return{...p.toHsl(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsl(e){let{r:o,g:s,b:r}=p.getColors(e),h=o/255,g=s/255,i=r/255,b=Math.min(h,g,i),c=Math.max(h,g,i),m=c-b,n=0,f=0;n=m===0?0:h===c?(g-i)/m%6:g===c?(i-h)/m+2:(h-g)/m+4,n=Math.round(60*n),n<0&&(n+=360);let l=(c+b)/2;return f=m===0?0:m/(1-Math.abs(2*l-1)),f=Number((100*f).toFixed(1)),l=Number((100*l).toFixed(1)),{h:n,s:f,l,a:this.getAlpha(e)/255}}toRgbColor(){let{r:e,g:o,b:s}=p.getColors(this._tbgr);return{r:e,g:o,b:s,a:this.getAlpha()/255}}toHsvColor(){return{...p.toHsv(this._tbgr),...this._hue!=null&&{h:this._hue}}}static toHsv(e){let{r:o,g:s,b:r}=p.getColors(e),h=o/255,g=s/255,i=r/255,b=Math.min(h,g,i),c=Math.max(h,g,i),m=c-b,n=0;n=m===0?0:h===c?(g-i)/m%6:g===c?(i-h)/m+2:(h-g)/m+4,n=Math.round(60*n),n<0&&(n+=360);let f=c,l=c===0?0:m/c;return l=Number((100*l).toFixed(1)),f=Number((100*f).toFixed(1)),{h:n,s:l,v:f,a:this.getAlpha(e)/255}}equals(e){return this._tbgr===e._tbgr}static getFormattedColorNumber(e,o=1){return o===0&&Math.round(e).toString(),Number(e.toFixed(o)).toString()}toRgbString(e){let o=this.toRgbColor(),s=`${o.r}, ${o.g}, ${o.b}`;if(e){let r=o.a??1;return`rgba(${s}, ${p.getFormattedColorNumber(r,2)})`}return`rgb(${s})`}toHslString(e){let o=this.toHslColor(),s=`${p.getFormattedColorNumber(this._hue??o.h)}, ${p.getFormattedColorNumber(o.s)}%, ${p.getFormattedColorNumber(o.l)}%`;if(e){let r=o.a??1;return`hsla(${s}, ${p.getFormattedColorNumber(r,2)})`}return`hsl(${s})`}toHsvString(e){let o=this.toHsvColor(),s=`${this._hue??o.h}, ${o.s}%, ${o.v}%`;if(e){let r=o.a??1;return`hsva(${s}, ${p.getFormattedColorNumber(r,2)})`}return`hsv(${s})`}constructor(e,o){re(this,"_tbgr",void 0),re(this,"_hue",void 0),U[0]=e,this._tbgr=U[0],this._hue=o}}const ve=u=>a.createElement(he,u,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"})),ne=a.createContext(void 0),X=()=>{let u=a.useContext(ne);if(u==null)throw new Error("useColorPickerContext must be used within a ColorPickerContext.Provider");return u},Z=u=>u instanceof p?u:p.create(u),J=a.forwardRef((u,e)=>{let{children:o,className:s,selectedColor:r,onChange:h,onChangeComplete:g,showAlpha:i=!1,applyBackground:b=!0,...c}=u,m=a.useRef(null),n=a.useMemo(()=>Z(r),[r]),f=a.useRef(n.toTbgr()),[l,v]=a.useState(n);a.useEffect(()=>{v(n)},[n]);let[S,R]=a.useState(()=>l.toHsvColor());a.useEffect(()=>{n.toTbgr()!==f.current&&(f.current=n.toTbgr(),R(n.toHsvColor()))},[n]);let $=a.useCallback((H,x,j)=>{R(H);let I=j??p.create(H);x?g==null||g(I):h==null||h(I),f.current=I.toTbgr(),v(I)},[h,g]);return a.createElement(k,{className:G("iui-color-picker",{"iui-popover-surface":b},s),ref:oe(m,e),...c},a.createElement(ne.Provider,{value:{activeColor:l,setActiveColor:v,hsvColor:S,applyHsvColorChange:$,onChangeComplete:g,showAlpha:i}},o))}),Y=a.forwardRef((u,e)=>{let{color:o,style:s,onClick:r,isActive:h,className:g,...i}=u,b=a.useMemo(()=>typeof o=="string"?o:Z(o).toHslString(!0),[o]);return a.createElement(k,{as:r?ge:"span",className:G("iui-color-swatch",{"iui-active":h},g),style:{"--iui-color-swatch-background":b,...s},onClick:r,"aria-pressed":r&&h?"true":void 0,ref:e,...i},u.children??a.createElement(fe,null,b.toUpperCase()))});let xe=(u,e)=>(K(e,u.top,u.bottom)-u.top)/u.height*100,Ee=(u,e)=>(K(e,u.left,u.right)-u.left)/u.width*100;const se=a.forwardRef((u,e)=>{var _,V,ee;let{className:o,...s}=u,r=a.useRef(),h=oe(r,e),{activeColor:g,hsvColor:i,onChangeComplete:b,applyHsvColorChange:c,showAlpha:m}=X(),n=a.useMemo(()=>p.create({h:i.h,s:100,v:100}),[i.h]),f=a.useMemo(()=>i.h,[i]),l=a.useMemo(()=>m?i.a??1:1,[i.a,m]),v=a.useMemo(()=>g.toHexString(),[g]),[S,R]=a.useState(!1),$=n.toHexString(),H=100-i.v,x=i.s,j=a.useCallback((d,w)=>{let M={h:Number(d.toFixed(2)),s:i.s,v:i.v,a:i.a};c(M,w)},[c,i]),I=a.useCallback((d,w)=>{let N=Number(d.toFixed(2)),M={h:i.h,s:i.s,v:i.v,a:N};c(M,w)},[c,i]),B=a.useRef(null),O=a.useRef(null),t=a.useCallback((d,w,N)=>{let M={h:i.h,s:d,v:100-w,a:i.a};c(M,N)},[c,i]),E=a.useCallback((d,w)=>{if(B.current&&S||B.current&&w==="onClick"){let N=Ee(B.current.getBoundingClientRect(),d.clientX),M=xe(B.current.getBoundingClientRect(),d.clientY);w==="onChange"?t(N,M,!0):t(N,M,!1)}},[S,t]),F=a.useCallback(d=>{S&&(E(d,"onChange"),R(!1),d.preventDefault(),d.stopPropagation())},[S,E]);q("pointerup",F,(_=r.current)==null?void 0:_.ownerDocument);let D=a.useCallback(d=>{S&&(d.preventDefault(),d.stopPropagation(),E(d,"onUpdate"))},[S,E]);q("pointermove",D,(V=r.current)==null?void 0:V.ownerDocument);let L=a.useCallback(d=>{S&&(E(d,"onChange"),R(!1))},[S,E]);q("pointerleave",L,(ee=r.current)==null?void 0:ee.ownerDocument);let y=a.useRef({}),ue=d=>{if(d.altKey)return;let w=x,N=H;switch(y.current[d.key]=!0,d.key){case"ArrowDown":N=Math.min(N+1,100),t(w,N,!1);break;case"ArrowUp":N=Math.max(N-1,0),t(w,N,!1);break;case"ArrowLeft":w=Math.max(w-1,0),t(w,N,!1);break;case"ArrowRight":w=Math.min(w+1,100),t(w,N,!1);break}},me=d=>{switch(y.current[d.key]=!1,d.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":if(y.current.ArrowUp||y.current.ArrowDown||y.current.ArrowLeft||y.current.ArrowRight)return;b==null||b(p.create(i));break}};return a.createElement(k,{className:G("iui-color-selection-wrapper",o),ref:h,...s},a.createElement(k,{className:"iui-color-field",style:{"--iui-color-field-hue":$,"--iui-color-picker-selected-color":v},ref:B,onPointerDown:d=>{var w;d.preventDefault(),E(d,"onClick"),R(!0),(w=O.current)==null||w.focus()}},a.createElement(k,{className:"iui-color-dot",style:{"--iui-color-dot-inset-block":`${H.toString()}% auto`,"--iui-color-dot-inset-inline":`${x.toString()}% auto`},onPointerDown:()=>{var d;R(!0),(d=O.current)==null||d.focus()},onKeyDown:ue,onKeyUp:me,tabIndex:0,ref:O})),a.createElement(te,{minLabel:"",maxLabel:"",values:[f],className:"iui-hue-slider",trackDisplayMode:"none",tooltipProps:()=>({visible:!1}),onChange:d=>{j(d[0],!0)},onUpdate:d=>{j(d[0],!1)},min:0,max:359,thumbProps:()=>({"aria-label":"Hue"})}),m&&a.createElement(te,{minLabel:"",maxLabel:"",values:[l],className:"iui-opacity-slider",trackDisplayMode:"none",tooltipProps:()=>({visible:!1}),onChange:d=>{I(d[0],!0)},onUpdate:d=>{I(d[0],!1)},min:0,max:1,step:.01,style:{"--iui-color-picker-selected-color":$},thumbProps:()=>({"aria-label":"Opacity"})}))}),ie=a.forwardRef((u,e)=>{let{defaultColorFormat:o,allowedColorFormats:s=["hsl","rgb","hex"],className:r,...h}=u,g=a.useRef(null),{activeColor:i,applyHsvColorChange:b,hsvColor:c,showAlpha:m}=X(),[n,f]=a.useState(o);a.useEffect(()=>{f(o)},[o]);let[l,v]=a.useState(["","","",""]);a.useEffect(()=>{if(n==="hsl"){let t=i.toHslColor();v([p.getFormattedColorNumber(c.h),p.getFormattedColorNumber(t.s),p.getFormattedColorNumber(t.l),p.getFormattedColorNumber(t.a??i.getAlpha()/255,2)])}else if(n==="rgb"){let t=i.toRgbColor();v([t.r.toString(),t.g.toString(),t.b.toString(),p.getFormattedColorNumber(t.a??i.getAlpha()/255,2)])}else v([i.toHexString(m)]),R(!0)},[i,c.h,n,m]);let[S,R]=a.useState(!0),$=a.useCallback(()=>{let t=s[(s.indexOf(n)+1)%s.length]??s[0];f(t)},[n,s]),H=t=>!!(t&&g.current&&g.current.contains(t)),x=()=>{let t;if(n==="hex")try{let E=l[0].replace(/ /g,"").toLowerCase();if(t=p.create(E),R(!0),i.toHexString(m).toLowerCase()===E)return}catch{R(!1);return}if(n==="hsl"){let[E,F,D,L]=l.map(Number);if(E<0||E>360||F<0||F>100||D<0||D>100||L<0||L>1)return;let y=i.toHslColor();if(y.h===E&&y.s===F&&y.l===D&&y.a===L)return;t=p.create({h:E,s:F,l:D,a:L})}if(n==="rgb"){let[E,F,D,L]=l.map(Number);if(E<0||E>255||F<0||F>255||D<0||D>255||L<0||L>1)return;let y=i.toRgbColor();if(y.r===E&&y.g===F&&y.b===D&&y.a===L)return;t=p.create({r:E,g:F,b:D,a:L})}t&&b(t.toHsvColor(),!0,t)},j=a.createElement(T,{size:"small",maxLength:m?9:7,minLength:1,placeholder:"HEX","aria-label":"Hex",value:l[0],onChange:t=>{let E=t.target.value.startsWith("#")?t.target.value:`#${t.target.value}`;v([E])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),x()},status:S?void 0:"negative"}),I=a.createElement(a.Fragment,null,a.createElement(T,{size:"small",type:"number",min:"0",max:"359",step:".1",placeholder:"H","aria-label":"Hue",value:l[0]??"",onChange:t=>{v([t.target.value,l[1],l[2],l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[0])<0||Number(l[0])>360?"negative":void 0}),a.createElement(T,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"S","aria-label":"Saturation",value:l[1]??"",onChange:t=>{v([l[0],t.target.value,l[2],l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[1])<0||Number(l[1])>100?"negative":void 0}),a.createElement(T,{size:"small",type:"number",min:"0",max:"100",step:".1",placeholder:"L","aria-label":"Lightness",value:l[2]??"",onChange:t=>{v([l[0],l[1],t.target.value,l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[2])<0||Number(l[2])>100?"negative":void 0}),m&&a.createElement(T,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:l[3]??"",onChange:t=>{v([l[0],l[1],l[2],t.target.value])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[3])<0||Number(l[3])>1?"negative":void 0})),B=a.createElement(a.Fragment,null,a.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"R","aria-label":"Red",value:l[0]??"",onChange:t=>{v([t.target.value,l[1],l[2],l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[0])<0||Number(l[0])>255?"negative":void 0}),a.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"G","aria-label":"Green",value:l[1]??"",onChange:t=>{v([l[0],t.target.value,l[2],l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[1])<0||Number(l[1])>255?"negative":void 0}),a.createElement(T,{size:"small",type:"number",min:"0",max:"255",placeholder:"B","aria-label":"Blue",value:l[2]??"",onChange:t=>{v([l[0],l[1],t.target.value,l[3]])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[2])<0||Number(l[2])>255?"negative":void 0}),m&&a.createElement(T,{size:"small",type:"number",min:"0",max:"1",step:".01",placeholder:"A","aria-label":"Alpha",value:l[3]??"",onChange:t=>{v([l[0],l[1],l[2],t.target.value])},onKeyDown:t=>{t.key==="Enter"&&(t.preventDefault(),x())},onBlur:t=>{t.preventDefault(),H(t.relatedTarget)||x()},status:Number(l[3])<0||Number(l[3])>1?"negative":void 0})),O=pe();return a.createElement(k,{className:G("iui-color-input-wrapper",r),ref:e,...h},a.createElement(k,{className:"iui-color-picker-section-label",id:O},m&&n!=="hex"?n.toUpperCase()+"A":n.toUpperCase()),a.createElement(k,{className:"iui-color-input"},s.length>1&&a.createElement(z,{styleType:"borderless",onClick:$,size:"small",label:"Switch format"},a.createElement(ve,null)),a.createElement(k,{ref:g,className:"iui-color-input-fields",role:n!=="hex"?"group":void 0,"aria-labelledby":n!=="hex"?O:void 0},n==="hex"&&j,n==="rgb"&&B,n==="hsl"&&I)))}),Q=a.forwardRef((u,e)=>{let{colors:o,label:s,className:r,children:h,...g}=u,{activeColor:i,setActiveColor:b,onChangeComplete:c}=X();return a.createElement(k,{className:G("iui-color-palette-wrapper",r),ref:e,...g},s&&a.createElement(k,{className:"iui-color-picker-section-label"},s),a.createElement(k,{className:"iui-color-palette"},h,o&&o.map((m,n)=>{let f=Z(m);return a.createElement(Y,{key:n,color:f,onClick:()=>{c==null||c(f),b(f)},isActive:f.equals(i)})})))}),ce=u=>a.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...u},a.createElement("path",{d:"M5 15l-3.781-3.5L5 8v2h8v3H5zm6-7l3.781-3.5L11 1v2H3v3h8z"})),He={title:"ColorPicker"},P=[{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"}],ke=()=>{const[u,e]=a.useState(!1),[o,s]=a.useState(P[5]),[r,h]=a.useState(P[5].name),g=i=>{const b=i.toHexString(),c=P.findIndex(m=>m.color===b.toLowerCase());s(P[c]),h(P[c].name),console.log(`Selected ${P[c].color}`)};return C.jsxs(C.Fragment,{children:[C.jsx(W,{content:C.jsx(J,{selectedColor:o.color,onChangeComplete:g,children:C.jsx(Q,{colors:P.map(({color:i})=>i)})}),visible:u,onVisibleChange:e,placement:"bottom-start",children:C.jsx(z,{label:"Show color picker",children:C.jsx(Y,{style:{pointerEvents:"none"},color:o.color})})}),C.jsx("span",{style:{marginLeft:16},children:r})]})},Fe=()=>{const[u,e]=a.useState(!1),[o,s]=a.useState(p.create({h:0,s:100,l:50})),r=["hsl","rgb","hex"],[h,g]=a.useState(r[0]),i=c=>{s(c),console.log(`Selected ${b(c)}`)},b=(c=o)=>{switch(h){case"hsl":return c.toHslString();case"rgb":return c.toRgbString();case"hex":return c.toHexString().toUpperCase()}};return C.jsx(C.Fragment,{children:C.jsxs(ae,{children:[C.jsx(W,{content:C.jsxs(J,{selectedColor:o,onChangeComplete:i,children:[C.jsx(se,{}),C.jsx(ie,{defaultColorFormat:h}),C.jsx(Q,{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:u,onVisibleChange:e,placement:"bottom-start",children:C.jsx(z,{label:"Show color picker",children:C.jsx(Y,{style:{pointerEvents:"none"},color:o})})}),C.jsx(le,{onClick:()=>{g(r[(r.indexOf(h)+1)%r.length])},endIcon:C.jsx(ce,{}),children:C.jsx("div",{style:{width:170},children:b()??"No color selected."})})]})})},De=()=>{const[u,e]=a.useState(!1),[o,s]=a.useState(p.create({r:90,g:105,b:115,a:.4})),r=["hsl","rgb","hex"],[h,g]=a.useState(r[0]),i=c=>{s(c),console.log(`Selected ${b(c)}`)},b=(c=o)=>{switch(h){case"hsl":return c.toHslString(!0);case"rgb":return c.toRgbString(!0);case"hex":return c.toHexString(!0)}};return C.jsx(C.Fragment,{children:C.jsxs(ae,{children:[C.jsx(W,{content:C.jsxs(J,{selectedColor:o,onChangeComplete:i,showAlpha:!0,children:[C.jsx(se,{}),C.jsx(ie,{defaultColorFormat:h}),C.jsx(Q,{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:u,onVisibleChange:e,placement:"bottom-start",children:C.jsx(z,{label:"Show color picker",children:C.jsx(Y,{style:{pointerEvents:"none"},color:o})})}),C.jsx(le,{onClick:()=>{g(r[(r.indexOf(h)+1)%r.length])},endIcon:C.jsx(ce,{}),children:C.jsx("div",{style:{width:200},children:b()??"No color selected."})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Fe as Advanced,ke as Basic,De as WithAlpha,He as default};
diff --git a/2240/react/assets/ComboBox.stories-0QGCQ-pC.js b/2240/react/assets/ComboBox.stories-0QGCQ-pC.js
new file mode 100644
index 00000000000..7cb3066a076
--- /dev/null
+++ b/2240/react/assets/ComboBox.stories-0QGCQ-pC.js
@@ -0,0 +1 @@
+import{r as v,B as m,c as S,V as h,j as l,R as u}from"./index-t5nukUIt.js";import{S as g}from"./Camera-EET74PnV.js";import{C as o,I as M,S as C}from"./InputGrid-CEH0Ale1.js";import{L as I}from"./Label-DWsyELlB.js";import{M as A}from"./MenuItem-C5HYGp0L.js";import"./Input-BadsHKqi.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./focusable-DDe8vqPn.js";const y=v.forwardRef((e,a)=>{let{hasSublabel:n,hasIcon:s,contentWidth:t,translatedStrings:b={loading:"Loading…"},className:d,style:c,...r}=e;return v.createElement(m,{className:S("iui-menu-item-skeleton",d),"data-iui-size":n&&"large",style:{"--iui-menu-item-content-skeleton-max-width":t,...c},ref:a,...r},s&&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(h,null,b.loading)))}),Z={decorators:[e=>l.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)",minHeight:380},children:l.jsx(e,{})})],title:"ComboBox"},i=[{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"}],G=async()=>new Promise(e=>{setTimeout(()=>{e(i.map(a=>({...a,sublabel:a.value,icon:l.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${a.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${a.value.toLowerCase()}.png 2x`,alt:""})})))},2e3)}),J=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??"")})},Y=()=>{const e=u.useMemo(()=>i,[]),[a,n]=u.useState("CA");return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},value:a,onChange:s=>{console.log(s),n(s)}})},$=()=>{const e=u.useMemo(()=>i.map((a,n)=>({...a,sublabel:`${a.value}${n%2?" -- disabled":""}`,disabled:n%2!==0,startIcon:l.jsx("img",{loading:"lazy",style:{width:20,height:15},src:`https://flagcdn.com/w20/${a.value.toLowerCase()}.png`,srcSet:`https://flagcdn.com/w40/${a.value.toLowerCase()}.png 2x`,alt:""})})),[]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??"")})},Q=()=>{const e=u.useMemo(()=>i,[]);return l.jsxs(M,{children:[l.jsx(I,{children:"Country"}),l.jsx(o,{options:e,onChange:a=>console.log(a??""),inputProps:{placeholder:"Select a country"}})]})},q=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??""),status:"negative"})},X=()=>{const e=u.useMemo(()=>i,[]),[a,n]=u.useState("AF"),s=u.useCallback(b=>{console.log(b??""),n(b)},[]),t=u.useCallback(({value:b,label:d},{isSelected:c,id:r})=>l.jsx(A,{id:r,isSelected:c,value:b,children:l.jsx("em",{style:{textTransform:"uppercase",fontWeight:c?"bold":void 0},children:d})},r),[]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},value:a,onChange:s,itemRenderer:t})},_=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(o,{options:e,message:"This is a message",inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??"")})},aa=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(o,{options:e,message:l.jsx(C,{startIcon:l.jsx(g,{}),children:"This is a message"}),inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??"")})},ea=()=>{const[e,a]=u.useState([]),[n,s]=u.useState(),[t,b]=u.useState(!0),d=u.useCallback(r=>{console.log(r??""),s(r)},[]),c=u.useMemo(()=>t?l.jsx(l.Fragment,{children:new Array(6).fill(null).map((r,p)=>l.jsx(y,{hasIcon:!0,hasSublabel:!0,contentWidth:`${Math.min(Math.max(Math.random()*100,25),60)}%`},p))}):"No options found",[t]);return l.jsx(o,{inputProps:{placeholder:"Select a country"},value:n,onChange:d,emptyStateMessage:c,options:e,onShow:u.useCallback(async()=>{t&&(a(await G()),b(!1))},[t])})},la=()=>{const e=u.useMemo(()=>i,[]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},onChange:a=>console.log(a??""),enableVirtualization:!0})},ua=()=>{const e=u.useMemo(()=>i,[]),[a,n]=u.useState(["CA","AX"]);return l.jsx(o,{options:e,inputProps:{placeholder:"Select a country"},multiple:!0,value:a,onChange:(s,t)=>{console.log(t.value+" "+t.type),n(s)}})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{J as Basic,Y as Controlled,X as CustomRenderer,$ as DisabledItems,ea as Loading,ua as MultipleSelect,la as Virtualized,aa as WithCustomMessageIcon,Q as WithLabel,_ as WithMessage,q as WithStatus,Z as default};
diff --git a/2240/react/assets/DatePicker-BG1WG_q2.js b/2240/react/assets/DatePicker-BG1WG_q2.js
new file mode 100644
index 00000000000..24dbfd44591
--- /dev/null
+++ b/2240/react/assets/DatePicker-BG1WG_q2.js
@@ -0,0 +1 @@
+import{r as n,q as Z,n as Ye,B as b,c as v,I as x}from"./index-t5nukUIt.js";import{T as Ee}from"./TimePicker-Djj96e52.js";import{S as ke}from"./SvgChevronLeft-CH8boqDV.js";import{S as Te}from"./SvgChevronRight-D4u8Qhfr.js";const Q=(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),s<r},Re=m=>n.createElement(Z,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"})),Ne=m=>n.createElement(Z,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(),He=(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<c},X=(m,u)=>!u,Ie=["January","February","March","April","May","June","July","August","September","October","November","December"],xe=["Su","Mo","Tu","We","Th","Fr","Sa"],ye=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const Oe=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))],y=[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:y,days:d}},ze=n.forwardRef((m,u)=>{let{date:s,onChange:r,localizedNames:c,className:d,setFocus:y=!1,showTime:_=!1,use12Hours:ee=!1,precision:te,hourStep:re,minuteStep:ae,secondStep:ne,useCombinedRenderer:le,combinedRenderer:se,hourRenderer:oe,minuteRenderer:ue,secondRenderer:ie,meridiemRenderer:me,showYearSelection:J=!1,enableRangeSelect:E=!1,startDate:w,endDate:A,monthYearProps:T,calendarProps:ce,monthProps:R,weekDayProps:N,dayProps:S,weekProps:H,isDateDisabled:Y,applyBackground:ge=!0,showDatesOutsideMonth:C=!0,...fe}=m,K=(c==null?void 0:c.months)??Ie,De=(c==null?void 0:c.shortDays)??xe,he=(c==null?void 0:c.days)??ye,[g,j]=n.useState(s),[l,$]=n.useState(w),[i,B]=n.useState(A),[D,f]=n.useState(l??g??new Date),[o,we]=n.useState((l==null?void 0:l.getMonth())??(g==null?void 0:g.getMonth())??new Date().getMonth()),[h,Me]=n.useState((l==null?void 0:l.getFullYear())??(g==null?void 0:g.getFullYear())??new Date().getFullYear()),[de,q]=n.useState(!0),F=n.useRef(y);n.useEffect(()=>{F.current&&(F.current=!1)});let M=n.useCallback((e,t)=>{we(e),Me(t)},[]);n.useEffect(()=>{let e=new Date;j(s),$(w),B(A),E||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,A,E]);let L=n.useMemo(()=>{let e=new Date(h,o,1).getDay();e===0&&C&&(e=7);let t=[];for(let a=1;a<=42;a++){let k=a-e;t.push(new Date(h,o,k))}return t},[o,h,C]),pe=n.useMemo(()=>{let e=[],t=Math.ceil(L.length/7);for(let a=0;a<t;a++)e.push(L.slice(7*a,(a+1)*7));return e},[L]),I=(e,t)=>{let a=l??g??new Date;return new Date(e,t,a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds())},Se=()=>{let e=h-1;M(o,e),f(I(e,o))},Fe=()=>{let e=h+1;M(o,e),f(I(e,o))},O=()=>{let e=o!==0?o-1:11,t=o!==0?h:h-1;M(e,t),f(I(t,e))},z=()=>{let e=o!==11?o+1:0,t=o!==11?h:h+1;M(e,t),f(I(t,e))},U=e=>{if(E)if(de){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());$(a),f(a),Q(a,i)?i&&(r==null||r(a,i)):(B(a),r==null||r(a,a)),q(!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),Q(a,l)?($(a),i&&(r==null||r(a,i))):(B(a),l&&(r==null||r(l,a)),q(!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());j(a),f(a),X(r,E)&&(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&&O(),f(t),F.current=!0,e.preventDefault();break;case"ArrowLeft":t.setDate(D.getDate()-1),t.getMonth()!==o&&O(),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)||U(D),e.preventDefault();break}},V=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&&He(e,l,i)&&(t+="-range"),p(e,new Date)&&(t+="-today"),t},G=Ye();return n.createElement(b,{className:v("iui-date-picker",{"iui-popover-surface":ge},d),ref:u,...fe},n.createElement("div",null,n.createElement(b,{as:"div",...T,className:v("iui-calendar-month-year",T==null?void 0:T.className)},J&&n.createElement(x,{styleType:"borderless",onClick:Se,"aria-label":"Previous year",size:"small"},n.createElement(Re,null)),n.createElement(x,{styleType:"borderless",onClick:O,"aria-label":"Previous month",size:"small"},n.createElement(ke,null)),n.createElement("span",{"aria-live":"polite"},n.createElement(b,{as:"span",id:G,title:K[o],...R,className:v("iui-calendar-month",R==null?void 0:R.className)},K[o])," ",h),n.createElement(x,{styleType:"borderless",onClick:z,"aria-label":"Next month",size:"small"},n.createElement(Te,null)),J&&n.createElement(x,{styleType:"borderless",onClick:Fe,"aria-label":"Next year",size:"small"},n.createElement(Ne,null))),n.createElement(b,{as:"div",...N,className:v("iui-calendar-weekdays",N==null?void 0:N.className)},De.map((e,t)=>n.createElement("div",{key:e,title:he[t]},e))),n.createElement("div",{onKeyDown:be,role:"listbox","aria-labelledby":G,...ce},pe.map((e,t)=>n.createElement(b,{as:"div",key:`week-${o}-${t}`,...H,className:v("iui-calendar-week",H==null?void 0:H.className)},e.map((a,k)=>{let ve=a.getDate(),P=Y==null?void 0:Y(a);return a.getMonth()!==o&&!C?n.createElement(b,{key:`day-${o}-${k}`,className:v(V(a),S==null?void 0:S.className),"aria-hidden":!0}):n.createElement(b,{as:"div",key:`day-${o}-${k}`,onClick:()=>!P&&U(a),role:"option",tabIndex:p(a,D)?0:-1,"aria-disabled":P?"true":void 0,ref:W=>p(a,D)&&F.current&&(W==null?void 0:W.focus()),...S,className:v(V(a),S==null?void 0:S.className)},ve)}))))),_&&n.createElement(Ee,{date:l??g,use12Hours:ee,precision:te,hourStep:re,minuteStep:ae,secondStep:ne,useCombinedRenderer:le,combinedRenderer:se,hourRenderer:oe,minuteRenderer:ue,secondRenderer:ie,meridiemRenderer:me,onChange:e=>X(r,E)?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{ze as D,Oe as g,Q as i};
diff --git a/2240/react/assets/DatePicker.stories-BRXOBo_W.js b/2240/react/assets/DatePicker.stories-BRXOBo_W.js
new file mode 100644
index 00000000000..cc2afc42d37
--- /dev/null
+++ b/2240/react/assets/DatePicker.stories-BRXOBo_W.js
@@ -0,0 +1 @@
+import{r as o,j as e,P as c,I as i}from"./index-t5nukUIt.js";import{S as u}from"./Calendar-BjqJ3HPg.js";import{D as l,g as x}from"./DatePicker-BG1WG_q2.js";import"./TimePicker-Djj96e52.js";import"./SvgChevronLeft-CH8boqDV.js";import"./SvgChevronRight-D4u8Qhfr.js";const f={title:"DatePicker"},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(l,{date:t,onChange:s,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},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(l,{date:t,onChange:s,setFocus:!0,showTime:!0,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),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(l,{date:t,onChange:s,setFocus:!0,showTime:!0,useCombinedRenderer:!0,minuteStep:30,use12Hours:!0,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),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(l,{date:t,onChange:s,localizedNames:x("ja"),setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),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(l,{showYearSelection:!0,date:t,onChange:s,setFocus:!0}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),e.jsx("span",{style:{marginLeft:16},children:t.toString()})]})},k=()=>{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)),h=(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(l,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:h,setFocus:!0,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),e.jsxs("span",{style:{marginLeft:16},children:["Start Date: ",t.toString()]}),e.jsxs("span",{style:{marginLeft:16},children:["End Date: ",s.toString()]})]})},E=()=>{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)),h=a=>a.getMonth()!==6||a.getDate()<11||a.getDate()>22,d=(a,g)=>{r(a),g&&n(g)};return e.jsxs(e.Fragment,{children:[e.jsx(c,{content:e.jsx(l,{enableRangeSelect:!0,startDate:t,endDate:s,onChange:d,setFocus:!0,isDateDisabled:h,showDatesOutsideMonth:!1}),children:e.jsx(i,{id:"picker-button",children:e.jsx(u,{})})}),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{C as Basic,y as Localized,k as Range,E as SomeDatesDisabled,F as WithCombinedTime,b as WithTime,L as WithYear,f as default};
diff --git a/2240/react/assets/Dialog-J3nVlVT2.js b/2240/react/assets/Dialog-J3nVlVT2.js
new file mode 100644
index 00000000000..dc4a50b6184
--- /dev/null
+++ b/2240/react/assets/Dialog-J3nVlVT2.js
@@ -0,0 +1,32 @@
+import{r as e,Q as X,l as V,G as Q,q as J,B as Y,c as F,p as H,m as Z,I as _,d as W,k as ee,h as L,f as te,L as re,U as q,H as le}from"./index-t5nukUIt.js";import{u as ne}from"./useEventListener-5zUv3STn.js";import{g as ie}from"./focusable-DDe8vqPn.js";const se=l=>e.createElement("div",{style:{position:"absolute",inset:-6,display:"grid",pointerEvents:"none"}},e.createElement(oe,null),e.createElement(ae,l));let ae=l=>{let{elementRef:t,containerRef:r,onResizeStart:d,onResizeEnd:f}=l,m=e.useRef(!1),i=s=>{if(!t.current||s.button!==0)return;let a=s.clientX,$=s.clientY,[b,E]=X(t.current),{width:h,height:g}=t.current.getBoundingClientRect(),p=`${h}px`,x=`${g}px`,o=b,c=E,w=parseFloat(getComputedStyle(t.current).minWidth);Number.isNaN(w)&&(w=380);let v=parseFloat(getComputedStyle(t.current).minHeight),k=s.currentTarget.dataset.iuiResizer,u=t.current.ownerDocument||document,P=u.body.style.userSelect;u.body.style.userSelect="none";let T=S=>{var B;if(!t.current)return;m.current||(m.current=!0,d==null||d());let D=(B=r==null?void 0:r.current)==null?void 0:B.getBoundingClientRect(),O=V(S.clientX,(D==null?void 0:D.left)??0,(D==null?void 0:D.right)??u.documentElement.clientWidth??0),N=V(S.clientY,(D==null?void 0:D.top)??0,(D==null?void 0:D.bottom)??u.documentElement.clientHeight??0),C=a-O,z=$-N;switch(k){case"top-left":{let n=g+z;n>=v&&(x=t.current.style.height=`${n}px`,c=E-z);let y=h+C;y>=w&&(p=t.current.style.width=`${y}px`,o=b-C),t.current.style.transform=`translate(${o}px, ${c}px)`;break}case"top":{let n=g+z;if(n<v)break;x=t.current.style.height=`${n}px`,c=E-z,t.current.style.transform=`translate(${o}px, ${c}px)`;break}case"top-right":{let n=g+z;n>=v&&(x=t.current.style.height=`${n}px`,c=E-z),p=t.current.style.width=`${h-C}px`,t.current.style.transform=`translate(${o}px, ${c}px)`;break}case"right":p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g}px`,t.current.style.transform=`translate(${o}px, ${c}px)`;break;case"bottom-right":p=t.current.style.width=`${h-C}px`,x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${o}px, ${c}px)`;break;case"bottom":x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${o}px, ${c}px)`;break;case"bottom-left":{let n=h+C;n>=w&&(p=t.current.style.width=`${n}px`,o=b-C),x=t.current.style.height=`${g-z}px`,t.current.style.transform=`translate(${o}px, ${c}px)`;break}case"left":{let n=h+C;if(n<w)break;p=t.current.style.width=`${n}px`,x=t.current.style.height=`${g}px`,o=b-C,t.current.style.transform=`translate(${o}px, ${c}px)`;break}}};u.addEventListener("pointermove",T),u.addEventListener("pointerup",()=>{u.removeEventListener("pointermove",T),t.current&&(u.body.style.userSelect=P,m.current=!1,f==null||f({width:p,height:x,transform:`translate(${o}px, ${c}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"}}))},oe=e.memo(()=>e.createElement("style",null,ue)),ue=`
+[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 ce=l=>{let{children:t}=l,r=e.useRef(),d=()=>{let i=ie(r.current),s=i[0],a=i[(i.length||1)-1];return[s,a]},f=i=>{let[s,a]=d();i.relatedTarget===s?a==null||a.focus():s==null||s.focus()},m=i=>{let[s,a]=d();i.relatedTarget===a?s==null||s.focus():a==null||a.focus()};return e.createElement(e.Fragment,null,e.createElement("div",{tabIndex:0,onFocus:f,"aria-hidden":!0}),e.cloneElement(t,{ref:Q(t.ref,r)}),e.createElement("div",{tabIndex:0,onFocus:m,"aria-hidden":!0}))},de=l=>e.createElement(J,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"})),fe=e.forwardRef((l,t)=>{let{isVisible:r=!0,className:d,...f}=l;return e.createElement(Y,{className:F("iui-backdrop",{"iui-backdrop-visible":r},d),ref:t,...f})}),A=e.createContext(void 0),I=()=>e.useContext(A)||{},U=H.div("iui-dialog-title"),G=e.createContext(void 0),me=()=>({...e.useContext(G)}),pe=Object.assign(e.forwardRef((l,t)=>{let r=I(),{children:d,titleText:f,isDismissible:m=r.isDismissible,onClose:i=r.onClose,isDraggable:s=r.isDraggable,className:a,onPointerDown:$,...b}=l,{onPointerDown:E}=me();return e.createElement(Y,{className:F("iui-dialog-title-bar",a,{"iui-dialog-title-bar-filled":s}),ref:t,onPointerDown:Z($,E),...b},d||e.createElement(e.Fragment,null,e.createElement(U,null,f),m&&e.createElement(_,{size:"small",styleType:"borderless",onClick:i,"aria-label":"Close","data-iui-shift":"right"},e.createElement(de,null))))}),{Title:U}),ge=H.div("iui-dialog-content"),he=e.forwardRef((l,t)=>{let r=I(),{isVisible:d=r.isOpen,isDismissible:f=r.isDismissible,onClose:m=r.onClose,closeOnExternalClick:i=r.closeOnExternalClick,relativeTo:s=r.relativeTo,onMouseDown:a,className:$,style:b,...E}=l,h=e.useRef(null),g=W(h,t),p=x=>{x.persist(),x.target===h.current&&(f&&i&&m&&m(x),a==null||a(x))};return e.createElement(fe,{isVisible:d,className:F({"iui-backdrop-fixed":s==="viewport"},$),ref:g,onMouseDown:p,style:{pointerEvents:"auto",...b},...E})}),xe=H.div("iui-dialog-button-bar");let K=l=>{var r,d,f;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)??((d=L())==null?void 0:d.innerWidth)??0,bottom:(t==null?void 0:t.bottom)??((f=L())==null?void 0:f.innerHeight)??0,left:(t==null?void 0:t.left)??0}};const be=(l,t,r=!0)=>{let d=e.useRef(0),f=e.useRef(0),m=e.useRef(),i=e.useRef(),s=e.useRef(K(t)),a=e.useCallback(()=>{var P;if(!l.current||!r)return;let{top:o,right:c,bottom:w,left:v}=(P=l.current)==null?void 0:P.getBoundingClientRect(),[k,u]=X(l.current);s.current=K(t),w>s.current.bottom&&(u-=w-s.current.bottom),o<s.current.top&&(u+=s.current.top-o),c>s.current.right&&(k-=c-s.current.right),v<s.current.left&&(k+=s.current.left-v),m.current=k,i.current=u,l.current.style.transform=`translate(${k}px, ${u}px)`},[t,l,r]),[$,b]=ee(a);$(t==null?void 0:t.current),e.useEffect(()=>()=>{b==null||b.disconnect()},[b]),ne("resize",()=>{a(),m.current!=null&&i.current!=null&&h(`translate(${m.current}px, ${i.current}px)`)},L());let[E,h]=e.useState(""),g=e.useRef(o=>{if(!l.current)return;let c=o.clientX-d.current,w=o.clientY-f.current;l.current.style.transform=`translate(${c}px, ${w}px)`,a()}),p=e.useRef("");return{onPointerDown:e.useCallback(o=>{if(!l.current||o.button!==0||!r)return;let[c,w]=X(l.current);d.current=o.clientX-c,f.current=o.clientY-w,p.current=l.current.style.userSelect,l.current.style.userSelect="none";let v=l.current.ownerDocument||document;v.addEventListener("pointermove",g.current),v.addEventListener("pointerup",()=>{h(`translate(${m.current}px, ${i.current}px)`),v.removeEventListener("pointermove",g.current),l.current&&(l.current.style.userSelect=p.current)},{once:!0})},[l,r]),transform:E}},ye=e.forwardRef((l,t)=>{let r=I(),{className:d,children:f,styleType:m="default",isOpen:i=r.isOpen,isDismissible:s=r.isDismissible,onClose:a=r.onClose,closeOnEsc:$=r.closeOnEsc,trapFocus:b=r.trapFocus,setFocus:E=r.setFocus,preventDocumentScroll:h=r.preventDocumentScroll,onKeyDown:g,isDraggable:p=r.isDraggable,isResizable:x=r.isResizable,style:o,placement:c=r.placement,...w}=l,[v,k]=e.useState(),u=e.useRef(null),P=e.useRef(!1),T=e.useRef(),S=e.useRef("");e.useEffect(()=>{i&&(S.current=document.body.style.overflow)},[i]),e.useEffect(()=>{var y;let n=(y=u.current)==null?void 0:y.ownerDocument;if(!(!n||!h||S.current==="hidden"))return i?n.body.style.overflow="hidden":n.body.style.overflow=S.current,()=>{n.body.style.overflow=S.current}},[i,h]);let D=n=>{n.altKey||(n.persist(),s&&$&&n.key==="Escape"&&a&&a(n),g==null||g(n))},{onPointerDown:O,transform:N}=be(u,r.dialogRootRef,p),C=e.useCallback(n=>{p&&O(n)},[p,O]);te(()=>{if(!p||!i)return;let[n,y]=X(u.current);k(R=>{var M,j;return{...R,insetInlineStart:(M=u.current)==null?void 0:M.offsetLeft,insetBlockStart:(j=u.current)==null?void 0:j.offsetTop,transform:`translate(${n}px,${y}px)`}})},[p,i]);let z=e.useCallback(n=>{k(y=>({...y,...n}))},[]),B=e.createElement(Y,{className:F("iui-dialog",{"iui-dialog-default":m==="default","iui-dialog-full-page":m==="fullPage","iui-dialog-visible":i,"iui-dialog-draggable":p},d),role:"dialog",ref:W(u,t),onKeyDown:D,tabIndex:-1,"data-iui-placement":c,style:{transform:N,...v,...o},...w},e.createElement(re,null,e.createElement("slot",null),x&&e.createElement(se,{elementRef:u,containerRef:r.dialogRootRef,onResizeStart:()=>{P.current||(P.current=!0,z({maxInlineSize:"100%"}))},onResizeEnd:z})),f);return e.createElement(q,{in:i,appear:!0,timeout:{exit:600},onEntered:()=>{var n,y;T.current=(n=u.current)==null?void 0:n.ownerDocument.activeElement,E&&((y=u.current)==null||y.focus({preventScroll:!0}))},onExit:()=>{var n,y,R;(y=u.current)!=null&&y.contains((n=u.current)==null?void 0:n.ownerDocument.activeElement)&&((R=T.current)==null||R.focus())},unmountOnExit:!0,nodeRef:u},e.createElement(G.Provider,{value:{onPointerDown:C}},b&&e.createElement(ce,null,B),!b&&B))});let Ee=e.forwardRef((l,t)=>{let{trapFocus:r=!1,setFocus:d=!1,preventDocumentScroll:f=!1,isOpen:m=!1,isDismissible:i=!0,closeOnEsc:s=!0,closeOnExternalClick:a=!1,onClose:$,isDraggable:b=!1,isResizable:E=!1,relativeTo:h="viewport",placement:g,className:p,portal:x=!1,...o}=l,c=e.useRef(null);return e.createElement(q,{in:m,timeout:{exit:600},mountOnEnter:!0,unmountOnExit:!0},e.createElement(A.Provider,{value:{isOpen:m,onClose:$,closeOnEsc:s,closeOnExternalClick:a,isDismissible:i,preventDocumentScroll:f,trapFocus:r,setFocus:d,isDraggable:b,isResizable:E,relativeTo:h,dialogRootRef:c,placement:g}},e.createElement(le,{portal:x},e.createElement(Y,{className:F("iui-dialog-wrapper",p),"data-iui-relative":h==="container",ref:W(t,c),...o}))))});const ze=Object.assign(Ee,{Backdrop:he,Main:ye,TitleBar:pe,Content:ge,ButtonBar:xe});export{ze as D,ge as a,xe as b};
diff --git a/2240/react/assets/Dialog.stories-BVd8yiNF.js b/2240/react/assets/Dialog.stories-BVd8yiNF.js
new file mode 100644
index 00000000000..fa21bc229d7
--- /dev/null
+++ b/2240/react/assets/Dialog.stories-BVd8yiNF.js
@@ -0,0 +1 @@
+import{r as c,j as e}from"./index-t5nukUIt.js";import{B as o}from"./Button-CCMFLemb.js";import{D as i}from"./Dialog-J3nVlVT2.js";import{C as u}from"./Code-tt0Fl-J4.js";import"./ProgressRadial-CnAU4x13.js";import"./useEventListener-5zUv3STn.js";import"./focusable-DDe8vqPn.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/2240/react/assets/Divider-DGhJVy2r.js b/2240/react/assets/Divider-DGhJVy2r.js
new file mode 100644
index 00000000000..d7e3c5a83b3
--- /dev/null
+++ b/2240/react/assets/Divider-DGhJVy2r.js
@@ -0,0 +1 @@
+import{r,B as s,c}from"./index-t5nukUIt.js";const l=r.forwardRef((a,e)=>{let{className:t,orientation:i="horizontal",...o}=a;return r.createElement(s,{as:"hr",className:c("iui-divider",t),"aria-orientation":i==="vertical"?"vertical":void 0,ref:e,...o})});export{l as D};
diff --git a/2240/react/assets/DropdownButton-CU8T2jBM.js b/2240/react/assets/DropdownButton-CU8T2jBM.js
new file mode 100644
index 00000000000..c55f58c4a44
--- /dev/null
+++ b/2240/react/assets/DropdownButton-CU8T2jBM.js
@@ -0,0 +1 @@
+import{r as t,c as h}from"./index-t5nukUIt.js";import{B as S}from"./Button-CCMFLemb.js";import{D as d}from"./DropdownMenu-B6zpNdf6.js";import{S as D}from"./SvgCaretUpSmall-CH8fRkcq.js";import{S as E}from"./SvgCaretDownSmall-D4bb48kW.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/2240/react/assets/DropdownButton.stories-UZqy7SxD.js b/2240/react/assets/DropdownButton.stories-UZqy7SxD.js
new file mode 100644
index 00000000000..c20a9a02aa8
--- /dev/null
+++ b/2240/react/assets/DropdownButton.stories-UZqy7SxD.js
@@ -0,0 +1 @@
+import{j as o}from"./index-t5nukUIt.js";import{D as r}from"./DropdownButton-CU8T2jBM.js";import{M as n}from"./MenuItem-C5HYGp0L.js";import"./Button-CCMFLemb.js";import"./ProgressRadial-CnAU4x13.js";import"./DropdownMenu-B6zpNdf6.js";import"./SvgCaretUpSmall-CH8fRkcq.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.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/2240/react/assets/DropdownMenu-B6zpNdf6.js b/2240/react/assets/DropdownMenu-B6zpNdf6.js
new file mode 100644
index 00000000000..7f354bfbd03
--- /dev/null
+++ b/2240/react/assets/DropdownMenu-B6zpNdf6.js
@@ -0,0 +1 @@
+import{r as e,F as g,v,m as w}from"./index-t5nukUIt.js";import{a as E}from"./MenuItem-C5HYGp0L.js";const y=e.forwardRef((t,o)=>e.createElement(g,null,e.createElement(h,{ref:o,...t})));let h=e.forwardRef((t,o)=>{let{menuItems:r,children:a,role:s="menu",visible:i,placement:m="bottom-start",matchWidth:f=!1,onVisibleChange:u,portal:p=!0,...c}=t,[d,n]=v(!1,i,u),b=e.useMemo(()=>typeof r=="function"?r(()=>n(!1)):r,[r,n]);return e.createElement(e.Fragment,null,e.createElement(E,{trigger:a,onKeyDown:w(t.onKeyDown,l=>{l.defaultPrevented||l.key==="Tab"&&n(!1)}),role:s,ref:o,portal:p,popoverProps:{placement:m,matchWidth:f,visible:d,onVisibleChange:n},...c},b))});export{y as D};
diff --git a/2240/react/assets/DropdownMenu.stories-BEnZTZ5w.js b/2240/react/assets/DropdownMenu.stories-BEnZTZ5w.js
new file mode 100644
index 00000000000..89514fd6e43
--- /dev/null
+++ b/2240/react/assets/DropdownMenu.stories-BEnZTZ5w.js
@@ -0,0 +1 @@
+import{r as s,j as e,I as c,R as p}from"./index-t5nukUIt.js";import{S as l}from"./More-ZnVmqxXr.js";import{S as x}from"./Placeholder-Bo1aZTo8.js";import{D as d}from"./DropdownMenu-B6zpNdf6.js";import{M as r}from"./MenuItem-C5HYGp0L.js";import{M as j}from"./MenuDivider-D5B4Rdcx.js";import{M as C}from"./MenuExtraContent-BgP9fhTZ.js";import{T as a}from"./Text-BAOnoVWg.js";import{S as k}from"./Select-B4ZOAKk1.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./Icon-DqcqOTd7.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.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"})),v=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"})),q={title:"DropdownMenu"},M=()=>{const n=(t,i)=>()=>{console.log(`Item #${t} clicked!`),i()},o=t=>[e.jsx(r,{onClick:n(1,t),children:"Item #1"},1),e.jsx(r,{onClick:n(2,t),children:"Item #2"},2),e.jsx(r,{onClick:n(3,t),disabled:!0,children:"Item #3"},3)];return e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})};M.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const g=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},o=t=>[e.jsx(r,{onClick:n("Crop",t),startIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(r,{onClick:n("Paste",t),startIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(r,{onClick:n("Move",t),startIcon:e.jsx(v,{}),children:"Move"},3)];return e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})};g.decorators=[n=>e.jsx("div",{style:{minHeight:150},children:e.jsx(n,{})})];const b=()=>{const n=(t,i)=>()=>{console.log(`${t} clicked!`),i()},o=t=>[e.jsx(r,{onClick:n("Crop",t),endIcon:e.jsx(I,{}),children:"Crop"},1),e.jsx(r,{onClick:n("Paste",t),endIcon:e.jsx(u,{}),children:"Paste"},2),e.jsx(r,{onClick:n("Move",t),endIcon:e.jsx(v,{}),children:"Move"},3)];return e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})};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()},o=t=>[e.jsx(r,{onClick:n(1,t),startIcon:e.jsx(x,{}),sublabel:"Sublabel #1",children:"Item #1"},1),e.jsx(r,{onClick:n(2,t),startIcon:e.jsx(x,{}),sublabel:"Sublabel #2",children:"Item #2"},2),e.jsx(r,{onClick:n(3,t),startIcon:e.jsx(x,{}),sublabel:"Sublabel #3",children:"Item #3"},3)];return e.jsx("div",{style:{minHeight:200},children:e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})})};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()},o=t=>[e.jsx(r,{onClick:n(1,t),children:"Item #1"},1),e.jsx(r,{onClick:n(2,t),children:"Item #2"},2),e.jsx(r,{subMenuItems:[e.jsx(r,{subMenuItems:[e.jsx(r,{onClick:n(7,t),children:"Item #7"},7),e.jsx(r,{onClick:n(8,t),children:"Item #8"},8)],children:"Item #4"},4),e.jsx(r,{onClick:n(5,t),children:"Item #5"},5),e.jsx(r,{subMenuItems:[e.jsx(r,{onClick:n(9,t),children:"Item #9"},9),e.jsx(r,{onClick:n(10,t),children:"Item #10"},10)],children:"Item #6"},6)],children:"Item #3"},3)];return e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})};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()},o=t=>[e.jsx(r,{onClick:n(1,t),children:"Item #1"},1),e.jsx(r,{onClick:n(2,t),children:"Item #2"},2),e.jsx(j,{},3),e.jsx(r,{onClick:n(3,t),disabled:!0,children:"Item #3"},4),e.jsx(r,{onClick:n(4,t),children:"Item #4"},5)];return e.jsx(d,{menuItems:o,children:e.jsx(c,{children:e.jsx(l,{})})})};S.decorators=[n=>e.jsx("div",{style:{minHeight:200},children:e.jsx(n,{})})];const f=()=>{const n=(m,h)=>()=>{console.log(`'${m}' clicked!`),h()},[o,t]=p.useState("User"),i=m=>[e.jsx(C,{children:e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:"leading",children:"Terry Rivers"}),e.jsx(a,{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:o,onChange:h=>t(h)})]})},0),e.jsx(j,{},1),e.jsx(r,{onClick:n("View profile",m),children:"View profile"},2),e.jsx(r,{onClick:n("Sign out",m),children:"Sign out"},3)];return e.jsx(d,{menuItems:i,children:e.jsx(c,{children:e.jsx(l,{})})})};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,q as default};
diff --git a/2240/react/assets/Edit-D-c_3Xf-.js b/2240/react/assets/Edit-D-c_3Xf-.js
new file mode 100644
index 00000000000..b95dfc8c7c1
--- /dev/null
+++ b/2240/react/assets/Edit-D-c_3Xf-.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/ExpandableBlock.stories-BypjKKmc.js b/2240/react/assets/ExpandableBlock.stories-BypjKKmc.js
new file mode 100644
index 00000000000..e0396498424
--- /dev/null
+++ b/2240/react/assets/ExpandableBlock.stories-BypjKKmc.js
@@ -0,0 +1 @@
+import{r as t,B as E,c as u,u as f,p as T,i as w,m as v,n as N,S as y,j as n}from"./index-t5nukUIt.js";import{I as h}from"./Icon-DqcqOTd7.js";import{L as S}from"./LinkAction-Mt8n1MRI.js";import{S as W}from"./SvgChevronRight-D4u8Qhfr.js";let m=t.createContext(void 0),R=t.forwardRef((a,l)=>{let{children:r,title:i,caption:c,endIcon:s,...d}=a;return t.createElement(e.Wrapper,{...d,ref:l},t.createElement(e.Trigger,{label:i,caption:c,endIcon:s}),t.createElement(e.Content,null,r))}),A=t.forwardRef((a,l)=>{let{children:r,className:i,onToggle:c,style:s,isExpanded:d,status:x,size:p="default",styleType:o="default",disabled:b=!1,...B}=a,[j,C]=t.useState(d??!1),k=d??j,[g,I]=t.useState(void 0);return t.createElement(m.Provider,{value:{status:x,isExpanded:k,onToggle:c,size:p,styleType:o,disabled:b,setExpanded:C,children:r,descriptionId:g,setDescriptionId:I}},t.createElement(E,{className:u("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=t.forwardRef((a,l)=>{let{className:r,children:i,label:c,caption:s,expandIcon:d,endIcon:x,...p}=a,{disabled:o,status:b}=f(m);return t.createElement(S,{className:u("iui-expandable-header",r),"data-iui-disabled":o?"true":void 0,ref:l,...p},i??t.createElement(t.Fragment,null,d??t.createElement(e.ExpandIcon,null),t.createElement(e.LabelArea,null,t.createElement(e.Title,null,c),s&&t.createElement(e.Caption,null,s)),x||b?t.createElement(e.EndIcon,null,x):null))}),D=t.forwardRef((a,l)=>{let{className:r,children:i,...c}=a;return t.createElement(h,{className:u("iui-expandable-block-icon",r),ref:l,...c},i??t.createElement(W,{"aria-hidden":!0}))}),z=T.span("iui-expandable-block-label"),P=t.forwardRef((a,l)=>{let{className:r,children:i,onClick:c,...s}=a,{isExpanded:d,setExpanded:x,disabled:p,onToggle:o,descriptionId:b}=f(m);return t.createElement(w,{className:u("iui-expandable-block-title","iui-link-action",r),"aria-expanded":d,"aria-disabled":p,onClick:v(c,()=>{p||(x(!d),o==null||o(!d))}),ref:l,"aria-describedby":b,...s},i)}),F=t.forwardRef((a,l)=>{let r=N(),{setDescriptionId:i}=f(m);return t.useEffect(()=>(i(a.id||r),()=>i(void 0)),[a.id,r,i]),t.createElement(E,{ref:l,id:r,...a,className:u("iui-expandable-block-caption",a==null?void 0:a.className)})}),_=t.forwardRef((a,l)=>{let{children:r,...i}=a,{status:c}=f(m),s=r??(c&&y[c]());return t.createElement(h,{fill:c,ref:l,...i},s)}),H=t.forwardRef((a,l)=>{let{className:r,children:i,innerProps:c,...s}=a;return t.createElement(E,{className:u("iui-expandable-content",r),ref:l,...s},t.createElement(E,c,i))});const e=Object.assign(R,{Wrapper:A,Trigger:L,ExpandIcon:D,LabelArea:z,Title:P,Caption:F,EndIcon:_,Content:H}),G={title:"ExpandableBlock"},J=()=>n.jsx(e,{title:"Basic Block",children:"Content in block!"}),K=()=>n.jsxs(e.Wrapper,{children:[n.jsxs(e.Trigger,{children:[n.jsx(e.ExpandIcon,{}),n.jsxs(e.LabelArea,{children:[n.jsx(e.Title,{children:"Basic Block"}),n.jsx(e.Caption,{children:"basic caption"})]})]}),n.jsx(e.Content,{children:"Content in block!"})]}),Q=()=>n.jsx(n.Fragment,{children:[...Array(3).fill(null)].map((a,l)=>n.jsxs(e.Wrapper,{children:[n.jsx(e.Trigger,{label:`Basic Block #${l+1}`}),n.jsx(e.Content,{children:"Content in block!"})]},l))}),U=()=>n.jsxs(e.Wrapper,{status:"positive",children:[n.jsxs(e.Trigger,{children:[n.jsx(e.ExpandIcon,{}),n.jsx(e.LabelArea,{children:n.jsx(e.Title,{children:"Basic Block With Status"})}),n.jsx(e.EndIcon,{})]}),n.jsx(e.Content,{children:"Content in block!"})]}),V=()=>n.jsxs(e.Wrapper,{size:"small",children:[n.jsx(e.Trigger,{label:"Basic Block"}),n.jsx(e.Content,{children:"Content in block!"})]}),X=()=>n.jsxs(e.Wrapper,{styleType:"borderless",children:[n.jsx(e.Trigger,{label:"Basic Block"}),n.jsx(e.Content,{children:"Content in block!"})]}),Y=()=>n.jsxs(e.Wrapper,{disabled:!0,children:[n.jsx(e.Trigger,{label:"Disabled Block"}),n.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/2240/react/assets/Fieldset.stories-DUkR1XqI.js b/2240/react/assets/Fieldset.stories-DUkR1XqI.js
new file mode 100644
index 00000000000..900d06a961d
--- /dev/null
+++ b/2240/react/assets/Fieldset.stories-DUkR1XqI.js
@@ -0,0 +1 @@
+import{r as l,c as b,j as e}from"./index-t5nukUIt.js";import{F as h}from"./FieldsetBase-FL63l21Z.js";import{L as m}from"./LabeledSelect-DpmG_LHA.js";import{I as n}from"./InputGroup-D9nJVe0d.js";import{R as a}from"./Radio-yS7mvy-7.js";import{T as i}from"./ToggleSwitch-CmySh2kn.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./Icon-DqcqOTd7.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./InputGrid-CEH0Ale1.js";import"./Label-DWsyELlB.js";import"./Input-BadsHKqi.js";import"./Textarea-BOoW5Jy8.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.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)}),H={title:"Fieldset"},J=()=>{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"})]})]})},K=()=>{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{J as Basic,K as Disabled,H as default};
diff --git a/2240/react/assets/FieldsetBase-FL63l21Z.js b/2240/react/assets/FieldsetBase-FL63l21Z.js
new file mode 100644
index 00000000000..9a110d58b9c
--- /dev/null
+++ b/2240/react/assets/FieldsetBase-FL63l21Z.js
@@ -0,0 +1 @@
+import{p as e}from"./index-t5nukUIt.js";const i=e.fieldset("iui-fieldset-base");export{i as F};
diff --git a/2240/react/assets/FileUpload.stories-DrJXmWoL.js b/2240/react/assets/FileUpload.stories-DrJXmWoL.js
new file mode 100644
index 00000000000..225ddc098ef
--- /dev/null
+++ b/2240/react/assets/FileUpload.stories-DrJXmWoL.js
@@ -0,0 +1 @@
+import{r as e,q as T,B as h,c as g,m as D,p as I,u as w,h as S,d as N,V as U,n as z,j as o,I as L}from"./index-t5nukUIt.js";import{L as R}from"./LabeledInput-BmNwKNU_.js";import{A as b}from"./Anchor-zmS0nF6X.js";import"./Input-BadsHKqi.js";import"./InputGrid-CEH0Ale1.js";import"./Label-DWsyELlB.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.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)}),q=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)}),G=I.div("iui-file-card-action"),K=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=S())!=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=N(a,x);return e.useEffect(()=>{i&&i!==f&&E(i)},[i,f,E]),e.createElement(e.Fragment,null,e.createElement(U,{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=z(),[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:q,Action:G,InputLabel:K,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"})),De={title:"FileUpload"},Ie=()=>{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(R,{placeholder:"Type a message",style:{width:"100%"},message:t.length?`Attached: ${t.map(l=>l.name)}`:"Drag files to attach"})})},ye=()=>{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)})})},je=()=>{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(L,{onClick:()=>{l([])},styleType:"borderless",children:o.jsx(X,{})})})]})})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{je as CustomFileUploadCard,ye as DefaultFileUploadCard,Ie as WrappingInput,De as default};
diff --git a/2240/react/assets/Flex-BMtqRvku.js b/2240/react/assets/Flex-BMtqRvku.js
new file mode 100644
index 00000000000..739fb356ca9
--- /dev/null
+++ b/2240/react/assets/Flex-BMtqRvku.js
@@ -0,0 +1 @@
+import{r as t,B as n,c}from"./index-t5nukUIt.js";let g=["3xs","2xs","xs","s","m","l","xl","2xl","3xl"],m=e=>g.includes(e)?`var(--iui-size-${e})`:e,y=t.forwardRef((e,a)=>{let{display:l,flexDirection:i,justifyContent:r,alignItems:s,gap:f,flexWrap:x,className:u,style:o,...p}=e;return t.createElement(n,{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,...o},ref:a,...p})}),d=t.forwardRef((e,a)=>{let{flex:l,className:i,style:r,...s}=e;return t.createElement(n,{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,o={"--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(n,{className:c("iui-flex-item",f),ref:a,style:o,...u})});const v=Object.assign(y,{Item:F,Spacer:d});export{v as F};
diff --git a/2240/react/assets/Flex.stories-BnJjtqoL.js b/2240/react/assets/Flex.stories-BnJjtqoL.js
new file mode 100644
index 00000000000..3877b4712de
--- /dev/null
+++ b/2240/react/assets/Flex.stories-BnJjtqoL.js
@@ -0,0 +1,11 @@
+import{j as e}from"./index-t5nukUIt.js";import{F as i}from"./Flex-BMtqRvku.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/2240/react/assets/Folder-B1KnsTnL.js b/2240/react/assets/Folder-B1KnsTnL.js
new file mode 100644
index 00000000000..e17bc5abee1
--- /dev/null
+++ b/2240/react/assets/Folder-B1KnsTnL.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Footer.stories-Dp_Y_qRa.js b/2240/react/assets/Footer.stories-Dp_Y_qRa.js
new file mode 100644
index 00000000000..9b1babcfee7
--- /dev/null
+++ b/2240/react/assets/Footer.stories-Dp_Y_qRa.js
@@ -0,0 +1 @@
+import{p as y,r,B as x,c as k,j as e}from"./index-t5nukUIt.js";import{A as v}from"./Anchor-zmS0nF6X.js";import"./Text-BAOnoVWg.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/2240/react/assets/Header.stories-BucUxAFi.js b/2240/react/assets/Header.stories-BucUxAFi.js
new file mode 100644
index 00000000000..b142ee635c0
--- /dev/null
+++ b/2240/react/assets/Header.stories-BucUxAFi.js
@@ -0,0 +1 @@
+import{r as t,q as P,B as o,c as j,I as C,i as B,d as H,j as e}from"./index-t5nukUIt.js";import{S as I}from"./Network-DJ_-Rgso.js";import{S as U}from"./Notification-BiNRQ_6s.js";import{D as w}from"./DropdownMenu-B6zpNdf6.js";import{S as L}from"./SvgChevronRight-D4u8Qhfr.js";import{S as R}from"./SvgCaretUpSmall-CH8fRkcq.js";import{S as A}from"./SvgCaretDownSmall-D4bb48kW.js";import{A as E}from"./Avatar-BVijjTZ4.js";import{M as v}from"./MenuItem-C5HYGp0L.js";import{M as F}from"./MenuExtraContent-BgP9fhTZ.js";import{T as z}from"./Text-BAOnoVWg.js";import{S as D}from"./Select-B4ZOAKk1.js";import{M as O}from"./MenuDivider-D5B4Rdcx.js";import{I as W}from"./Input-BadsHKqi.js";import{g as M}from"./colors-ymlpSE_k.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./Icon-DqcqOTd7.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.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 k=t.forwardRef((r,a)=>{let{appLogo:s,breadcrumbs:i,isSlim:n=!1,actions:c,menuItems:l,translatedStrings:m,className:h,children:b,...u}=r,g={...Y,...m};return t.createElement(o,{as:"header",className:j("iui-page-header",h),"data-iui-size":n?"slim":void 0,ref:a,...u},t.createElement(o,{className:"iui-page-header-left"},s,i&&t.createElement(o,{className:"iui-page-header-divider"}),i),b&&t.createElement(o,{className:"iui-page-header-center"},b),t.createElement(o,{className:"iui-page-header-right"},c,l&&t.createElement(w,{menuItems:l},t.createElement(C,{styleType:"borderless","aria-label":g.moreOptions},t.createElement(J,{"aria-hidden":!0})))))}),S=t.forwardRef((r,a)=>{let{className:s,items:i,...n}=r;return t.createElement(o,{as:"nav","aria-label":"breadcrumbs",className:j("iui-breadcrumbs","iui-header-breadcrumbs",s),ref:a,...n},t.createElement(o,{as:"ol",className:j("iui-breadcrumbs-list","iui-header-breadcrumbs-list")},i.reduce((c,l,m)=>[...c,l,m!==i.length-1&&t.createElement(o,{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:n,endIcon:c,styleType:l,size:m,...h}=r;return t.createElement(B,{className:j("iui-header-breadcrumb-button",s),ref:a,...h},n,i,c)}),$=t.forwardRef((r,a)=>{let{menuItems:s,className:i,menuPlacement:n="bottom-end",children:c,disabled:l,...m}=r,[h,b]=t.useState(!1),[u,g]=t.useState(0),x=t.useRef(null);return t.useEffect(()=>{x.current&&g(x.current.offsetWidth)},[c]),t.createElement(o,{className:j("iui-header-breadcrumb-button-wrapper",i),ref:x},t.createElement(T,{ref:a,disabled:l,...m},c),t.createElement(w,{placement:n,menuItems:s,style:{minInlineSize:u},onVisibleChange:V=>b(V)},t.createElement(B,{"aria-label":"More",className:"iui-header-breadcrumb-button iui-header-breadcrumb-button-split",disabled:l},h?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}))))}),q=t.forwardRef((r,a)=>{let{menuItems:s,className:i,children:n,...c}=r,[l,m]=t.useState(!1),[h,b]=t.useState(0),u=t.useRef(null),g=H(a,u);return t.useEffect(()=>{u.current&&b(u.current.offsetWidth)},[n]),t.createElement(w,{menuItems:s,style:{minInlineSize:h},onVisibleChange:x=>m(x)},t.createElement(T,{className:j("iui-header-breadcrumb-button",i),ref:g,"aria-label":"Dropdown",endIcon:l?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}),...c},n))}),d=t.forwardRef((r,a)=>{let{name:s,description:i,htmlName:n,isActive:c=!1,startIcon:l,menuItems:m,disabled:h,...b}=r,u={startIcon:l?t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-icon","aria-hidden":!0},l):null,children:t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text"},t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text-label"},s),i&&t.createElement(o,{as:"span",className:"iui-header-breadcrumb-button-text-sublabel"},i)),ref:a,disabled:h,name:n,...!!m&&{menuItems:m},...b},g=r.menuItems&&r.onClick?t.createElement($,u):r.menuItems?t.createElement(q,u):t.createElement(T,u);return t.createElement(o,{as:"li",className:"iui-header-breadcrumb-item","aria-current":c?"location":void 0,"aria-disabled":h?"true":void 0},g)}),y=t.forwardRef((r,a)=>{let{className:s,children:i,logo:n,onClick:c,as:l=c?"button":"div",...m}=r;return t.createElement(o,{className:j("iui-header-brand",s),as:l,type:l==="button"?"button":void 0,onClick:c,ref:a,...m},n?t.createElement(o,{as:"span",className:"iui-header-brand-icon","aria-hidden":!0},n):null,i&&t.createElement(o,{as:"span",className:"iui-header-brand-label"},i))}),_=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"})),N=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"})),je={title:"Header"},f=(r,a)=>s=>{console.log(`Menu '${r}', ${s} clicked!`),a()},p=r=>a=>[e.jsxs(v,{value:"Item #1",onClick:f(r,a),children:[r," item #1"]},1),e.jsxs(v,{value:"Item #2",onClick:f(r,a),children:[r," item #2"]},2),e.jsxs(v,{value:"Item #3",onClick:f(r,a),children:[r," item #3"]},3)],xe=()=>{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:n=>a(n)})]})},0),e.jsx(O,{},1),e.jsx(v,{value:"View profile",onClick:f("Avatar",i),children:"View profile"},2),e.jsx(v,{value:"Sign out",onClick:f("Avatar",i),children:"Sign out"},3)];return e.jsx(k,{appLogo:e.jsx(y,{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(S,{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(I,{}),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(N,{})},"version")]}),actions:[e.jsx(C,{onClick:()=>console.log("Clicked on the notification bell"),styleType:"borderless",children:e.jsx(U,{})},"notif"),e.jsx(w,{menuItems:p("Help"),children:e.jsx(C,{styleType:"borderless",children:e.jsx(_,{})})},"help"),e.jsx(w,{menuItems:s,children:e.jsx(C,{styleType:"borderless",children:e.jsx(E,{size:"medium",abbreviation:"TR",backgroundColor:M("Terry Rivers"),image:e.jsx("img",{src:"https://itwinplatformcdn.azureedge.net/iTwinUI/user-placeholder.png"}),title:"Terry Rivers"})})},"avatar")],menuItems:p("More")})},ve=()=>e.jsx(k,{appLogo:e.jsx(y,{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(S,{items:[e.jsx(d,{name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(I,{}),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(N,{}),isActive:!0},"version")]}),actions:[e.jsx(E,{size:"medium",abbreviation:"TR",backgroundColor:M("Terry Rivers"),title:"Terry Rivers"},"avatar")]}),fe=()=>e.jsx(k,{isSlim:!0,appLogo:e.jsx(y,{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(S,{items:[e.jsx(d,{name:"Project A (Super Size Edition)",description:"YJC-2249",startIcon:e.jsx(I,{}),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(N,{}),isActive:!0},"version")]}),actions:[e.jsx(E,{size:"medium",abbreviation:"TR",backgroundColor:M("Terry Rivers"),title:"Terry Rivers"},"avatar")]}),we=()=>{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(k,{appLogo:e.jsx(y,{logo:e.jsx(G,{})}),breadcrumbs:e.jsx(S,{items:[e.jsx(d,{name:"Project A",description:"YJC-2249",startIcon:e.jsx(I,{}),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(N,{}),isActive:!0},"version")]}),actions:[e.jsx(E,{size:"medium",abbreviation:"TR",backgroundColor:M("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{ve as Basic,we as CenterContent,xe as Full,fe as Slim,je as default};
diff --git a/2240/react/assets/Icon-DqcqOTd7.js b/2240/react/assets/Icon-DqcqOTd7.js
new file mode 100644
index 00000000000..d5bb4e92403
--- /dev/null
+++ b/2240/react/assets/Icon-DqcqOTd7.js
@@ -0,0 +1 @@
+import{r as a,B as d,c as u}from"./index-t5nukUIt.js";let o=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,...l}=e;return a.createElement(d,{as:"span",className:u("iui-svg-icon",i),"data-iui-icon-size":o(t),"data-iui-icon-color":s,"data-iui-padded":c?"true":void 0,ref:r,...l})});export{m as I};
diff --git a/2240/react/assets/Icon.stories-B4by3sNz.js b/2240/react/assets/Icon.stories-B4by3sNz.js
new file mode 100644
index 00000000000..df09c45a024
--- /dev/null
+++ b/2240/react/assets/Icon.stories-B4by3sNz.js
@@ -0,0 +1 @@
+import{r as l,j as e,R as d}from"./index-t5nukUIt.js";import{S as r}from"./Placeholder-Bo1aZTo8.js";import{S as c,a as x,b as m}from"./StatusWarning-Cbq0FZ8X.js";import{I as t}from"./Icon-DqcqOTd7.js";import{F as j}from"./Flex-BMtqRvku.js";import{S as u}from"./Slider-DlQ1_ZPT.js";import"./useEventListener-5zUv3STn.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/2240/react/assets/IconButton.stories-DCzT-0Jm.js b/2240/react/assets/IconButton.stories-DCzT-0Jm.js
new file mode 100644
index 00000000000..c94bd522e5d
--- /dev/null
+++ b/2240/react/assets/IconButton.stories-DCzT-0Jm.js
@@ -0,0 +1 @@
+import{j as e,I as o}from"./index-t5nukUIt.js";import{S as t}from"./Add-BKxjr5jA.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/2240/react/assets/IdeasButton.stories-BYhkk6cY.js b/2240/react/assets/IdeasButton.stories-BYhkk6cY.js
new file mode 100644
index 00000000000..7a73ad58f3c
--- /dev/null
+++ b/2240/react/assets/IdeasButton.stories-BYhkk6cY.js
@@ -0,0 +1 @@
+import{r as e,q as r,c as l,j as a}from"./index-t5nukUIt.js";import{B as m}from"./Button-CCMFLemb.js";import"./ProgressRadial-CnAU4x13.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/2240/react/assets/InformationPanel.stories-Cjfmvil9.js b/2240/react/assets/InformationPanel.stories-Cjfmvil9.js
new file mode 100644
index 00000000000..475578ae5d6
--- /dev/null
+++ b/2240/react/assets/InformationPanel.stories-Cjfmvil9.js
@@ -0,0 +1 @@
+import{r as o,d as T,B as x,c as I,p as E,I as P,a as V,R as u,j as e}from"./index-t5nukUIt.js";import{S as k}from"./Edit-D-c_3Xf-.js";import{B as y}from"./Button-CCMFLemb.js";import{T as D}from"./Table-5fgbm936.js";import{T as f}from"./Text-BAOnoVWg.js";import{L as c}from"./Label-DWsyELlB.js";import{I as p}from"./Input-BadsHKqi.js";import{T as A}from"./Textarea-BOoW5Jy8.js";import"./ProgressRadial-CnAU4x13.js";import"./SvgChevronRight-D4u8Qhfr.js";import"./Checkbox-B3IcZK1h.js";import"./useIntersection-PIH1b3k1.js";import"./useVirtualScroll-CFcjEM5a.js";import"./WithCSSTransition-8CV2-R5E.js";const w=o.forwardRef((t,a)=>{let{className:s,isOpen:n=!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(a,r),O=h=>{r.current&&(h.button!=null&&h.button!==0||(h.preventDefault(),h.stopPropagation(),r.current.ownerDocument.addEventListener("pointermove",N),r.current.ownerDocument.addEventListener("pointerup",()=>{var v;return(v=r.current)==null?void 0:v.ownerDocument.removeEventListener("pointermove",N)},{once:!0})))},N=o.useCallback(h=>{if(h.preventDefault(),!r.current)return;let{right:v,bottom:F}=r.current.getBoundingClientRect();d(i==="vertical"?{width:v-h.clientX,height:void 0}:{height:F-h.clientY,width:void 0})},[i]);return o.createElement(x,{className:I("iui-information-panel",{"iui-right":i==="vertical","iui-bottom":i==="horizontal","iui-visible":n},s),ref:m,...g,style:{width:i==="vertical"?b.width:void 0,height:i==="horizontal"?b.height:void 0,...t.style}},l&&o.createElement(x,{className:"iui-resizer",onPointerDown:O},o.createElement(x,{className:"iui-resizer-bar"})),j)}),q=E.div("iui-information-panel-wrapper"),C=o.forwardRef((t,a)=>{let{children:s,onClose:n,actions:i,className:l,...j}=t;return o.createElement(x,{className:I("iui-information-header",l),ref:a,...j},o.createElement(x,{as:"span",className:"iui-information-header-label"},s),o.createElement(x,{className:"iui-information-header-actions"},i,n&&o.createElement(P,{styleType:"borderless",onClick:n,"aria-label":"Close"},o.createElement(V,{"aria-hidden":!0}))))}),R=E.div("iui-information-body"),z=o.forwardRef((t,a)=>{let{className:s,displayStyle:n="default",children:i,...l}=t;return o.createElement(x,{className:I("iui-information-body-content",{"iui-inline":n==="inline"},s),ref:a,...l},i)}),ie={title:"InformationPanel"},S=()=>{const[t,a]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(y,{onClick:()=>a(i),children:"Details"})}],[]),n=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:n,emptyTableContent:"No data."}),e.jsxs(w,{isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{a(-1),console.log("Panel closed")},children:e.jsxs(f,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(z,{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})]})})]})]})};S.decorators=[t=>e.jsxs(e.Fragment,{children:[e.jsx(f,{isMuted:!0,style:{marginBottom:11},children:e.jsx("em",{children:"Click on Details to open InformationalPanel"})}),e.jsx(t,{})]})];const B=()=>{const[t,a]=u.useState(),s=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:{index:i}})=>e.jsx(y,{onClick:()=>a(i),children:"Details"})}],[]),n=u.useMemo(()=>[...Array(10).fill(null)].map((i,l)=>({name:`Row${l}`})),[]);return e.jsxs(q,{children:[e.jsx(D,{columns:s,data:n,emptyTableContent:"No data."}),e.jsxs(w,{orientation:"horizontal",isOpen:t!=null&&t!==-1,children:[e.jsx(C,{onClose:()=>{a(-1),console.log("Panel closed")},children:e.jsxs(f,{variant:"subheading",children:["Row ",t??0]})}),e.jsx(R,{children:e.jsxs(z,{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=[...S.decorators];const M=()=>{var g,b;const[t,a]=u.useState(),[s,n]=u.useState(!1),i=u.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{Header:"Details",Cell:({row:d})=>e.jsx(y,{onClick:()=>a(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(w,{isOpen:t!=null,children:[e.jsx(C,{onClose:()=>{a(void 0),n(!1),console.log("Panel closed")},actions:e.jsx(P,{styleType:"borderless",isActive:s,onClick:()=>n(d=>!d),children:e.jsx(k,{})}),children:e.jsx(f,{variant:"subheading",children:"Row details"})}),e.jsx(R,{children:t!=null&&e.jsxs(z,{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=[...S.decorators];const H=()=>{const[t,a]=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(y,{onClick:()=>a(n=>!n),children:"Toggle"})}),e.jsxs(w,{style:{width:"40%",maxWidth:"70%"},isOpen:t,orientation:"vertical",children:[e.jsx(C,{onClose:()=>{a(!1),console.log("Panel closed")},children:e.jsx(f,{variant:"subheading",children:"Details"})}),e.jsx(R,{children:e.jsx(f,{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(f,{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{S as Basic,M as CustomActions,H as CustomWidth,B as Horizontal,ie as default};
diff --git a/2240/react/assets/Input-BadsHKqi.js b/2240/react/assets/Input-BadsHKqi.js
new file mode 100644
index 00000000000..e055f8be752
--- /dev/null
+++ b/2240/react/assets/Input-BadsHKqi.js
@@ -0,0 +1 @@
+import{r as e,d as c,B as o,c as p}from"./index-t5nukUIt.js";const m=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{m as I};
diff --git a/2240/react/assets/Input.stories-DqNj_pNB.js b/2240/react/assets/Input.stories-DqNj_pNB.js
new file mode 100644
index 00000000000..eb72b8dcaf7
--- /dev/null
+++ b/2240/react/assets/Input.stories-DqNj_pNB.js
@@ -0,0 +1 @@
+import{j as t}from"./index-t5nukUIt.js";import{I as e}from"./Input-BadsHKqi.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/2240/react/assets/InputFlexContainer-DztgMTjx.js b/2240/react/assets/InputFlexContainer-DztgMTjx.js
new file mode 100644
index 00000000000..4a3c1b852cf
--- /dev/null
+++ b/2240/react/assets/InputFlexContainer-DztgMTjx.js
@@ -0,0 +1 @@
+import{r as e,B as d,c as n,I as f}from"./index-t5nukUIt.js";import{I as m}from"./Icon-DqcqOTd7.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{I,N as a,b};
diff --git a/2240/react/assets/InputGrid-CEH0Ale1.js b/2240/react/assets/InputGrid-CEH0Ale1.js
new file mode 100644
index 00000000000..00f8d8570b6
--- /dev/null
+++ b/2240/react/assets/InputGrid-CEH0Ale1.js
@@ -0,0 +1 @@
+import{r as e,S as Te,B as te,c as ae,u as D,d as xe,o as G,m as ye,H as Ae,f as Ce,L as qe,n as ze,v as Pe,G as We,z as He,E as U}from"./index-t5nukUIt.js";import{L as Se}from"./Label-DWsyELlB.js";import{I as Oe}from"./Input-BadsHKqi.js";import{T as je}from"./Textarea-BOoW5Jy8.js";import{I as $e}from"./Icon-DqcqOTd7.js";import{I as de}from"./InputWithDecorations-BVYTqao3.js";import{M as Ke}from"./MenuExtraContent-BgP9fhTZ.js";import{a as Ge,I as ce,b as Ue,A as Ye,S as re}from"./Select-B4ZOAKk1.js";import{T as Je}from"./Text-BAOnoVWg.js";import{S as Qe}from"./SvgCaretDownSmall-D4bb48kW.js";import{u as Xe}from"./useContainerWidth-g5koDt2g.js";import{L as Ze}from"./List-yZe469ZQ.js";import{u as _e}from"./useVirtualScroll-CFcjEM5a.js";import{L as ee}from"./ListItem-DmOFYNi1.js";import{S as et}from"./SvgCheckmark-uXV5t-W5.js";const fe=e.forwardRef((a,u)=>{let{children:c,startIcon:i,status:t,className:s,iconProps:l,contentProps:o,...r}=a,f=i??(t&&Te[t]()),C=i!==null&&!!f;return e.createElement(te,{className:ae("iui-status-message",s),"data-iui-status":t,ref:u,...r},C?e.createElement($e,{"aria-hidden":!0,...l},f):null,e.createElement(te,o,c))}),tt=e.forwardRef((a,u)=>{let{label:c,disabled:i,required:t,status:s,message:l,icon:o,isLabelInline:r,children:f,className:C,style:x,statusMessage:b,inputId:g,labelId:d,...V}=a;return e.createElement(te,{className:ae("iui-input-grid",C),"data-iui-status":s,"data-iui-label-placement":r?"inline":void 0,style:x,ref:u,...V},c&&e.createElement(Se,{as:g&&a.as!=="label"?"label":"div",required:t,disabled:i,htmlFor:g,id:d},c),f,b||l&&e.createElement(fe,{startIcon:o,status:s},l))}),me=e.createContext(void 0),Y=e.createContext(void 0),rt=e.forwardRef((a,u)=>{let{className:c,children:i,disabled:t,isOpen:s,...l}=a;return e.createElement($e,{as:"span",ref:u,className:ae("iui-end-icon",{"iui-disabled":t,"iui-open":s},c),...l},i??e.createElement(Qe,{"aria-hidden":!0}))}),at=e.forwardRef((a,u)=>{let{selectedItems:c=[],...i}=a;return e.createElement(Ge,{ref:u,tags:c,...i})}),nt=e.forwardRef((a,u)=>{let{selectTags:c,size:i,style:t,...s}=a,{isOpen:l,id:o,focusedIndex:r,setFocusedIndex:f,enableVirtualization:C,multiple:x,onClickHandler:b,popover:g,show:d,hide:V}=D(Y),{inputRef:ne,menuRef:y,optionsExtraInfo:L}=D(me),pe=xe(ne,g.refs.setReference,u),S=G(r??-1),be=v=>{var N,w;return((w=(N=y.current)==null?void 0:N.querySelector(`[data-iui-index="${v}"]`))==null?void 0:w.id)??""},O=e.useCallback(v=>{var w,Q,$,B,T,A,q,P,X,j;let N=Object.keys(L).length??0;if(!v.altKey)switch(v.key){case"ArrowDown":{if(v.preventDefault(),!l)return d();if(N===0)return;if(S.current===-1){let k=(w=y.current)==null?void 0:w.querySelector("[data-iui-index]");return f(Number((k==null?void 0:k.getAttribute("data-iui-index"))??0))}if(C&&!(($=(Q=y.current)==null?void 0:Q.querySelector(`[data-iui-index="${S.current}"]`))!=null&&$.nextElementSibling))return;let h=S.current;do{let k=(B=y.current)==null?void 0:B.querySelector(`[data-iui-index="${h}"]`),M=(k==null?void 0:k.nextElementSibling)??((T=y.current)==null?void 0:T.querySelector("[data-iui-index]"));if(h=Number(M==null?void 0:M.getAttribute("data-iui-index")),M)return f(h)}while(h!==S.current);break}case"ArrowUp":{if(v.preventDefault(),!l)return d();if(N===0||C&&!((q=(A=y.current)==null?void 0:A.querySelector(`[data-iui-index="${S.current}"]`))!=null&&q.previousElementSibling))return;if(S.current===-1)return f(((P=Object.values(L))==null?void 0:P[N-1].__originalIndex)??-1);let h=S.current;do{let k=(X=y.current)==null?void 0:X.querySelector(`[data-iui-index="${h}"]`),M=(k==null?void 0:k.previousElementSibling)??((j=y.current)==null?void 0:j.querySelector("[data-iui-index]:last-of-type"));if(h=Number(M==null?void 0:M.getAttribute("data-iui-index")),M)return f(h)}while(h!==S.current);break}case"Enter":v.preventDefault(),l?S.current>-1&&(b==null||b(S.current)):d();break;case"Escape":v.preventDefault(),V();break;case"Tab":V();break}},[f,C,S,l,y,b,L,d,V]),R=e.useRef(!1),H=e.useCallback(()=>{R.current=l},[l]),J=e.useCallback(()=>{R.current?V():d(),R.current=!1},[V,d]),[le,m]=Xe();return e.createElement(e.Fragment,null,e.createElement(Oe,{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:{...x&&{paddingInlineStart:m+18},...t},"aria-describedby":x?`${o}-selected-live`:void 0,size:i,...g.getReferenceProps({...s,onPointerDown:ye(a.onPointerDown,H),onClick:ye(a.onClick,J),onKeyDown:ye(a.onKeyDown,O)})}),x&&c?e.createElement(at,{ref:le,selectedItems:c,id:`${o}-selected-live`}):null)}),lt=e.forwardRef((a,u)=>{let{className:c,status:i,message:t,children:s,...l}=a,{id:o}=D(Y);return e.createElement(tt,{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 it=a=>{let{children:u,...c}=a,{filteredOptions:i,getMenuItem:t,focusedIndex:s}=D(Y),{menuRef:l}=D(me),o=e.useMemo(()=>{let b=0;for(let g=0;g<Math.min(5,i.length);g++)i[g].sublabel&&b++;return b>=Math.min(3,i.length)},[i]),r=e.useMemo(()=>{var g;let b=(g=l.current)==null?void 0:g.querySelector(`[data-iui-index="${s}"]`);return b?Number(b.getAttribute("data-iui-filtered-index")??s):s},[s,l]),{virtualizer:f,css:C}=_e({count:i.length||1,getScrollElement:()=>l.current,estimateSize:()=>o?48:36,gap:-1});Ce(()=>{f.scrollToIndex(r)},[f,r]);let x=e.useCallback(b=>{let g=i.length>0?t(i[b.index],b.index):u;return e.cloneElement(g,{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(qe,{css:C},e.createElement(te,{as:"div","data-iui-virtualizer":"root",...c,style:{minBlockSize:f.getTotalSize(),...a.style}},e.createElement("slot",null))),e.createElement(e.Fragment,null,f.getVirtualItems().map(b=>x(b))))};const st=e.forwardRef((a,u)=>{let{className:c,children:i,style:t,...s}=a,{id:l,enableVirtualization:o,popover:r}=D(Y),{menuRef:f}=D(me),C=xe(r.refs.setFloating,u,f);return r.open&&e.createElement(Ae,{portal:!0},e.createElement(Ze,{as:"div",className:ae("iui-menu",c),id:`${l}-list`,role:"listbox",ref:C,...r.getFloatingProps({style:o?{maxInlineSize:0,...t}:t,...s})},o?e.createElement(it,null,i):i))}),ut=e.memo(e.forwardRef((a,u)=>{let{children:c,isSelected:i,disabled:t,value:s,onClick:l,sublabel:o,size:r=o?"large":"default",startIcon:f,endIcon:C,role:x="option",index:b,...g}=a,{focusedIndex:d,enableVirtualization:V}=D(Y),y=xe(u,L=>{!V&&d===b&&(L==null||L.scrollIntoView({block:"nearest"}))});return e.createElement(ee,{as:"div",actionable:!0,size:r,active:i,disabled:t,focused:d===b,ref:y,onClick:()=>l==null?void 0:l(s),role:x,tabIndex:x==="presentation"?void 0:-1,"aria-selected":i,"aria-disabled":t,"data-iui-index":b,...g},f&&e.createElement(ee.Icon,{as:"span","aria-hidden":!0},f),e.createElement(ee.Content,null,c,o&&e.createElement(ee.Description,null,o)),C||i&&e.createElement(ee.Icon,{as:"span","aria-hidden":!0},C??e.createElement(et,null)))}));let F=(a,u)=>u&&(Array.isArray(a)||a==null),ot=(a,u)=>!u,Ve=(a,u)=>a.id??`${u}-option-${a.label.replace(/\s/g,"-")}`;const ve=e.forwardRef((a,u)=>{var we;let c=ze(),i=e.useCallback((n,p)=>n.filter(I=>I.label.toLowerCase().includes(p.toLowerCase())),[]),{options:t,value:s,onChange:l,filterFunction:o=i,inputProps:r,endIconProps:f,dropdownMenuProps:C,emptyStateMessage:x="No options found",itemRenderer:b,enableVirtualization:g=!1,multiple:d=!1,onShow:V,onHide:ne,id:y=r!=null&&r.id?`iui-${r.id}-cb`:c,defaultValue:L,...pe}=a,S=e.useRef(null),be=e.useRef(null),O=G(l),R=G(t),H=G(o),J=e.useMemo(()=>{let n={};return t.forEach((p,I)=>{n[Ve(p,y)]={__originalIndex:I}}),n},[y,t]),le=e.useCallback(n=>{if(n!==void 0){if(F(n,d)){let p=[];return n==null||n.forEach(I=>{let E=t.findIndex(z=>z.value===I);E>-1&&p.push(E)}),p}return t.findIndex(p=>p.value===n)}},[d,t]),[m,v]=Pe(le(L)??(d?[]:-1),le(s)),N=e.useRef(s);Ce(()=>{s!==N.current&&(N.current=s,s===void 0&&(F(m,d)?v([]):v(-1)))},[d,m,v,s]);let[w,Q]=e.useState(!1),[$,B]=e.useState(-1),T=G(V),A=G(ne),q=e.useCallback(()=>{var n;Q(!0),(n=T.current)==null||n.call(T)},[T]),P=e.useCallback(()=>{var n;Q(!1),(n=A.current)==null||n.call(A)},[A]);Ce(()=>{var n,p;w?((n=S.current)==null||n.focus(),F(m,d)||B(m??-1)):(B(-1),F(m,d)||h(m>=0?((p=R.current[m])==null?void 0:p.label)??"":""))},[w,d,R,m]);let X=e.useRef(t);e.useEffect(()=>{t!==X.current&&(X.current=t,n());function n(){var p;F(m,d)?B(-1):B(m),!F(m,d)&&!w&&h(m>=0?(p=t[m])==null?void 0:p.label:"")}},[t,w,d,m]);let[j,h]=e.useState(((we=r==null?void 0:r.value)==null?void 0:we.toString())??""),[k,M]=e.useState(!1),Ie=e.useMemo(()=>{var n;return k?(n=H.current)==null?void 0:n.call(H,t,j):t},[H,j,t,k]),[Le,Ne]=e.useState(""),Be=e.useCallback(n=>{var I;let{value:p}=n.currentTarget;h(p),q(),M(!0),$!=-1&&B(-1),(I=r==null?void 0:r.onChange)==null||I.call(r,n)},[$,r,q]),Z=e.useCallback(n=>F(m,d)?m.includes(n):m===n,[d,m]),ke=e.useCallback((n,p)=>{if(F(m,d))return p==="added"?[...m,n]:m==null?void 0:m.filter(I=>I!==n)},[m,d]),ge=e.useCallback((n,p,I)=>{var E,z,K,W;ot(O.current,d)?(z=O.current)==null||z.call(O,(E=R.current[n])==null?void 0:E.value):p&&I&&((W=O.current)==null||W.call(O,I==null?void 0:I.map(Ee=>{var se;return(se=R.current[Ee])==null?void 0:se.value}),{value:(K=R.current[n])==null?void 0:K.value,type:p}))},[d,O,R]),ie=e.useCallback(n=>{var p,I;if((p=S.current)==null||p.focus({preventScroll:!0}),!((I=R.current[n])!=null&&I.disabled))if(M(!1),d){let E=Z(n)?"removed":"added",z=ke(n,E);if(z==null)return;v(z),ge(n,E,z),Ne(z.map(K=>{var W;return(W=R.current[K])==null?void 0:W.label}).filter(Boolean).join(", "))}else v(n),P(),ge(n)},[ke,Z,d,ge,R,P,v]),Re=e.useCallback((n,p)=>{let I=Ve(n,y),{__originalIndex:E}=J[I],{icon:z,startIcon:K,label:W,...Ee}=n,se=K??z,ue=b?b(n,{isFocused:$===E,isSelected:Z(E),index:E,id:I}):null;return ue?e.cloneElement(ue,{onClick:_=>{var he,Me;ie(E),(Me=(he=ue.props).onClick)==null||Me.call(he,_)},focused:$===E,"data-iui-index":E,"data-iui-filtered-index":p,ref:We(ue.props.ref,_=>{!g&&$===E&&(_==null||_.scrollIntoView({block:"nearest"}))})}):e.createElement(ut,{key:I,id:I,startIcon:se,...Ee,isSelected:Z(E),onClick:()=>{ie(E)},index:E,"data-iui-filtered-index":p},W)},[g,$,y,Z,b,ie,J]),Fe=e.useMemo(()=>e.createElement(e.Fragment,null,e.isValidElement(x)?x:e.createElement(Ke,null,e.createElement(Je,{isMuted:!0},x))),[x]),De=He({visible:w,onVisibleChange:n=>n?q():P(),matchWidth:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"}},closeOnOutsideClick:!0,interactions:{click:!1,focus:!0}});return e.createElement(me.Provider,{value:{inputRef:S,menuRef:be,optionsExtraInfo:J}},e.createElement(Y.Provider,{value:{id:y,isOpen:w,focusedIndex:$,setFocusedIndex:B,onClickHandler:ie,enableVirtualization:g,filteredOptions:Ie,getMenuItem:Re,multiple:d,popover:De,show:q,hide:P}},e.createElement(lt,{ref:u,disabled:r==null?void 0:r.disabled,...pe},e.createElement(e.Fragment,null,e.createElement(nt,{value:j,disabled:r==null?void 0:r.disabled,...r,onChange:Be,selectTags:F(m,d)?m==null?void 0:m.map(n=>{let p=t[n];return e.createElement(Ue,{key:p.label,label:p.label})}).filter(Boolean):void 0})),e.createElement(rt,{...f,disabled:r==null?void 0:r.disabled,isOpen:w}),d?e.createElement(Ye,{text:Le}):null),e.createElement(st,{as:"div",...C},Ie.length>0&&!g?Ie.map(Re):Fe)))}),Mt=e.forwardRef((a,u)=>{let{children:c,className:i,labelPlacement:t,...s}=a,l=dt(c);return e.createElement(te,{className:ae("iui-input-grid",i),"data-iui-label-placement":t,ref:u,...s},l)});let dt=a=>{let{labelId:u,inputId:c,messageId:i}=ct(a);return e.useMemo(()=>e.Children.map(a,t=>e.isValidElement(t)?t.type===Se||t.type==="label"?U(t,s=>({...s.props,htmlFor:s.props.htmlFor||c,id:s.props.id||u})):t.type===fe?U(t,s=>({...s.props,id:s.props.id||i})):oe(t)||t.type===de||t.type===ce?ft(t,{labelId:u,inputId:c,messageId:i}):t:t),[a,c,u,i])},ct=a=>{let u=ze(),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!==re)return r.props.id||`${u}--input`}};return e.Children.forEach(a,r=>{e.isValidElement(r)&&((r.type===Se||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===re&&(l=!0))}),{labelId:l?c:void 0,inputId:s&&!l?i:void 0,messageId:t}},ft=(a,{labelId:u,inputId:c,messageId:i})=>{let t=(l={})=>{let o=[l["aria-describedby"],i].filter(Boolean).join(" ");return{...l,...a.type!==re&&{id:l.id||c},"aria-describedby":(o==null?void 0:o.trim())||void 0}},s=l=>l.type===ve?U(l,o=>({inputProps:t(o.props.inputProps)})):l.type===re?U(l,o=>({triggerProps:{"aria-labelledby":u,...t(o.props.triggerProps)}})):U(l,o=>t(o.props));return a.type===de||a.type===ce?U(a,l=>({children:e.Children.map(l.props.children,o=>e.isValidElement(o)&&oe(o)?s(o):o)})):s(a)},oe=a=>e.isValidElement(a)&&(a.type==="input"||a.type==="textarea"||a.type==="select"||a.type===Oe||a.type===je||a.type===de.Input||a.type===re||a.type===ve);export{ve as C,Mt as I,fe as S};
diff --git a/2240/react/assets/InputGrid.stories-B6PkYiVy.js b/2240/react/assets/InputGrid.stories-B6PkYiVy.js
new file mode 100644
index 00000000000..bd40bde6ed9
--- /dev/null
+++ b/2240/react/assets/InputGrid.stories-B6PkYiVy.js
@@ -0,0 +1 @@
+import{j as i,r as d}from"./index-t5nukUIt.js";import{S as m}from"./Add-BKxjr5jA.js";import{S as p}from"./Airplane-DbZFyf1N.js";import{I as e,S as s}from"./InputGrid-CEH0Ale1.js";import{L as r}from"./Label-DWsyELlB.js";import{I as c}from"./Input-BadsHKqi.js";import{I as t}from"./InputWithDecorations-BVYTqao3.js";import{S as h}from"./Select-B4ZOAKk1.js";import{S as u}from"./SearchBox-Jjjepmwm.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Text-BAOnoVWg.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./useContainerWidth-g5koDt2g.js";import"./List-yZe469ZQ.js";import"./useVirtualScroll-CFcjEM5a.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./SvgCheckmark-uXV5t-W5.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";const R={title:"InputGrid"},V=()=>i.jsxs(e,{children:[i.jsx(r,{children:"This is label"}),i.jsx(c,{}),i.jsx(s,{children:"This is message"})]}),_=()=>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"})]}),k=()=>{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"})]})},q=()=>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{V as WithInput,_ as WithInputWithDecorations,q as WithSearch,k as WithSelect,R as default};
diff --git a/2240/react/assets/InputGroup-D9nJVe0d.js b/2240/react/assets/InputGroup-D9nJVe0d.js
new file mode 100644
index 00000000000..c5b691f55b0
--- /dev/null
+++ b/2240/react/assets/InputGroup-D9nJVe0d.js
@@ -0,0 +1 @@
+import{r as s,c as m,B as b}from"./index-t5nukUIt.js";import{I as y,S as E}from"./InputGrid-CEH0Ale1.js";import{L as v}from"./Label-DWsyELlB.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/2240/react/assets/InputGroup.stories-Cp2z4fNC.js b/2240/react/assets/InputGroup.stories-Cp2z4fNC.js
new file mode 100644
index 00000000000..7bb74f56dfd
--- /dev/null
+++ b/2240/react/assets/InputGroup.stories-Cp2z4fNC.js
@@ -0,0 +1 @@
+import{s as c,r as f,t as y,j as i}from"./index-t5nukUIt.js";import{I as h}from"./InputGroup-D9nJVe0d.js";import{R as S}from"./Radio-yS7mvy-7.js";import{C as g}from"./Checkbox-B3IcZK1h.js";import{T as b}from"./ToggleSwitch-CmySh2kn.js";import"./InputGrid-CEH0Ale1.js";import"./Label-DWsyELlB.js";import"./Input-BadsHKqi.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";import"./ProgressRadial-CnAU4x13.js";var _={};(function(n){var s=c&&c.__createBinding||(Object.create?function(e,t,o,r){r===void 0&&(r=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,a)}:function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]}),u=c&&c.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),d=c&&c.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&s(t,e,o);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileyHappy=void 0;const l=d(f),m=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=m,n.default=n.SvgSmileyHappy})(_);const j=y(_);var v={};(function(n){var s=c&&c.__createBinding||(Object.create?function(e,t,o,r){r===void 0&&(r=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,a)}:function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]}),u=c&&c.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),d=c&&c.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&s(t,e,o);return u(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.SvgSmileySad=void 0;const l=d(f),m=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=m,n.default=n.SvgSmileySad})(v);const O=y(v),X={title:"InputGroup"},Y=()=>{const n=i.jsx(j,{}),s=i.jsx(O,{});return i.jsx(i.Fragment,{children:i.jsxs(h,{label:"Radio group",message:"Tell me how happy you are",children:[i.jsx(S,{name:"choice",value:"option1",onChange:()=>console.log("Clicked option 1!"),label:n}),i.jsx(S,{name:"choice",value:"option2",onChange:()=>console.log("Clicked option 2!"),label:s})]})})},Z=()=>{const n="Football",s="Hockey",[u,d]=f.useState(!0),[l,m]=f.useState(!1),[e,t]=f.useState(!1),[o,r]=f.useState(!0);f.useEffect(()=>{if(u&&l){t(!0),r(!1);return}u||l?(t(!1),r(!0)):(t(!1),r(!1))},[u,l]);const a=p=>{t(p),r(!1),d(p),m(p)};return i.jsxs(h,{label:"Select your hobbies",message:"Choose some hobbies",children:[i.jsx(g,{onChange:p=>a(p.target.checked),label:"Select all",indeterminate:o,checked:e}),i.jsx(g,{onChange:p=>d(p.target.checked),label:n,checked:u}),i.jsx(g,{onChange:p=>m(p.target.checked),label:s,checked:l})]})},$=()=>{const[n,s]=f.useState(!0),[u,d]=f.useState(!1);return i.jsxs(h,{label:"Toggle group",children:[i.jsx(b,{onChange:l=>s(l.target.checked),checked:n,label:"Toggle feature No.1"}),i.jsx(b,{checked:!0,disabled:!0,label:"This you cannot change"}),i.jsx(b,{onChange:l=>d(l.target.checked),label:"Toggle feature No.2",checked:u})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Z as CheckboxGroup,Y as RadioGroup,$ as ToggleGroup,X as default};
diff --git a/2240/react/assets/InputWithDecoration.stories-Bi4YDX__.js b/2240/react/assets/InputWithDecoration.stories-Bi4YDX__.js
new file mode 100644
index 00000000000..62401167638
--- /dev/null
+++ b/2240/react/assets/InputWithDecoration.stories-Bi4YDX__.js
@@ -0,0 +1 @@
+import{j as t}from"./index-t5nukUIt.js";import{S as e}from"./Add-BKxjr5jA.js";import{S as n}from"./Airplane-DbZFyf1N.js";import{I as s}from"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./Icon-DqcqOTd7.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/2240/react/assets/InputWithDecorations-BVYTqao3.js b/2240/react/assets/InputWithDecorations-BVYTqao3.js
new file mode 100644
index 00000000000..f6b26419ed8
--- /dev/null
+++ b/2240/react/assets/InputWithDecorations-BVYTqao3.js
@@ -0,0 +1 @@
+import{r as e,u as c,B as u}from"./index-t5nukUIt.js";import{I as p,a as I,b}from"./InputFlexContainer-DztgMTjx.js";let d=e.createContext(void 0),f=e.forwardRef((n,r)=>{let{children:a,size:t,isDisabled:i,...o}=n;return e.createElement(d.Provider,{value:{size:t,isDisabled:i}},e.createElement(p,{isDisabled:i,size:t,ref:r,...o},a))}),D=e.forwardRef((n,r)=>{let{id:a,size:t,disabled:i,...o}=n,{size:s,isDisabled:l}=c(d);return e.createElement(u,{as:"input",ref:r,"data-iui-size":t??s,disabled:i??l,id:a,...o})}),x=e.forwardRef((n,r)=>{let{children:a,size:t,disabled:i,...o}=n,{size:s,isDisabled:l}=c(d);return e.createElement(I,{ref:r,size:t??s,disabled:i??l,...o},a)}),z=b;const C=Object.assign(f,{Input:D,Button:x,Icon:z});export{C as I};
diff --git a/2240/react/assets/Kbd-DFlg6dJ0.js b/2240/react/assets/Kbd-DFlg6dJ0.js
new file mode 100644
index 00000000000..02760573e53
--- /dev/null
+++ b/2240/react/assets/Kbd-DFlg6dJ0.js
@@ -0,0 +1 @@
+import{r as e,B as o,c as n}from"./index-t5nukUIt.js";const f={Command:"⌘ Cmd",Shift:"⇧ Shift",Backspace:"⌫ Backspace",Enter:"↵ Enter",Eject:"⏏ Eject",Control:"Ctrl",Windows:"⊞ Win",Apple:"",Option:"⌥ Option",Left:"←",Up:"↑",Right:"→",Down:"↓"},i=e.forwardRef((t,a)=>{let{className:r,children:s,...c}=t;return e.createElement(o,{as:"kbd",className:n("iui-keyboard",r),ref:a,...c},s)});export{i as K,f as a};
diff --git a/2240/react/assets/Kbd.stories-gn1U3WGb.js b/2240/react/assets/Kbd.stories-gn1U3WGb.js
new file mode 100644
index 00000000000..afe2089da08
--- /dev/null
+++ b/2240/react/assets/Kbd.stories-gn1U3WGb.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{K as t,a as d}from"./Kbd-DFlg6dJ0.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/2240/react/assets/Label-DWsyELlB.js b/2240/react/assets/Label-DWsyELlB.js
new file mode 100644
index 00000000000..2b9903b2d73
--- /dev/null
+++ b/2240/react/assets/Label-DWsyELlB.js
@@ -0,0 +1 @@
+import{r as e,B as n,c as o}from"./index-t5nukUIt.js";const b=e.forwardRef((i,a)=>{let{displayStyle:r="block",required:l,disabled:s,className:t,children:d,...c}=i;return e.createElement(n,{as:"label",className:o("iui-input-label",{"iui-inline":r==="inline","iui-required":l},t),"data-iui-disabled":!!s||void 0,ref:a,...c},d)});export{b as L};
diff --git a/2240/react/assets/Label.stories-Bv2h4lYm.js b/2240/react/assets/Label.stories-Bv2h4lYm.js
new file mode 100644
index 00000000000..cb0c9090a43
--- /dev/null
+++ b/2240/react/assets/Label.stories-Bv2h4lYm.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{L as t}from"./Label-DWsyELlB.js";import{I as i}from"./Input-BadsHKqi.js";import{I as o}from"./InputGrid-CEH0Ale1.js";import{T as r}from"./Text-BAOnoVWg.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";const P={title:"Label",decorators:[n=>e.jsx("div",{style:{maxWidth:"clamp(300px, 50%, 100%)"},children:e.jsx(n,{})})]},q=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{htmlFor:"text-input",children:"Name"}),e.jsx(i,{id:"text-input",placeholder:"Enter name"})]}),v=()=>e.jsxs(o,{labelPlacement:"inline",children:[e.jsx(t,{displayStyle:"inline",required:!0,children:"Name"}),e.jsx(i,{defaultValue:"James Bond",required:!0})]}),F=()=>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{q as Basic,v as Inline,F as Polymorphic,P as default};
diff --git a/2240/react/assets/LabeledInput-BmNwKNU_.js b/2240/react/assets/LabeledInput-BmNwKNU_.js
new file mode 100644
index 00000000000..46c114a5b37
--- /dev/null
+++ b/2240/react/assets/LabeledInput-BmNwKNU_.js
@@ -0,0 +1 @@
+import{r as e,S as P,c as S}from"./index-t5nukUIt.js";import{I as g}from"./Input-BadsHKqi.js";import{I as L,S as h}from"./InputGrid-CEH0Ale1.js";import{L as q}from"./Label-DWsyELlB.js";import{I as w}from"./Icon-DqcqOTd7.js";import{I as x}from"./Select-B4ZOAKk1.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(g,{disabled:l,required:n,ref:i,...I}),E&&e.createElement(w,{fill:t,...a,className:S("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/2240/react/assets/LabeledInput.stories-D5lojFIq.js b/2240/react/assets/LabeledInput.stories-D5lojFIq.js
new file mode 100644
index 00000000000..399c4112a99
--- /dev/null
+++ b/2240/react/assets/LabeledInput.stories-D5lojFIq.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{S as a}from"./Camera-EET74PnV.js";import{S as s}from"./Placeholder-Bo1aZTo8.js";import{L as t}from"./LabeledInput-BmNwKNU_.js";import{S as r}from"./InputGrid-CEH0Ale1.js";import"./Input-BadsHKqi.js";import"./Label-DWsyELlB.js";import"./Icon-DqcqOTd7.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Textarea-BOoW5Jy8.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";const W={title:"LabeledInput"},B=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label"}),C=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label"}),M=()=>e.jsx(t,{placeholder:"Enter text here...",message:"This is a message",label:"This is a label",disabled:!0}),P=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"positive"}),k=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"warning"}),A=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",message:"This is a message",status:"negative"}),D=()=>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"})}),F=()=>e.jsx(t,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(s,{})}),H=()=>e.jsx(t,{placeholder:"Enter text here...",status:"negative",label:"This is a label",displayStyle:"inline"}),N=()=>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{B as Basic,M as Disabled,N as HybridLayout,H as Inline,A as Negative,P as Positive,k as Warning,D as WithCustomIcon,C as WithMessage,F as WithSvgIcon,W as default};
diff --git a/2240/react/assets/LabeledSelect-DpmG_LHA.js b/2240/react/assets/LabeledSelect-DpmG_LHA.js
new file mode 100644
index 00000000000..76c4b85435d
--- /dev/null
+++ b/2240/react/assets/LabeledSelect-DpmG_LHA.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.js";import{S as P}from"./Select-B4ZOAKk1.js";import{I as g,S}from"./InputGrid-CEH0Ale1.js";import{L as E}from"./Label-DWsyELlB.js";const w=e.forwardRef((s,i)=>{let{className:d,disabled:a=!1,label:r,message:t,status:l,svgIcon:m,displayStyle:n="default",style:c,required:o=!1,wrapperProps:p,labelProps:f,messageContentProps:u,messageIconProps:b,...y}=s;return e.createElement(g,{labelPlacement:n,"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:i,styleType:"default"}),typeof t=="string"?e.createElement(S,{status:l,startIcon:m,iconProps:b,contentProps:u},t):t)});export{w as L};
diff --git a/2240/react/assets/LabeledSelect.stories-67wcbqoy.js b/2240/react/assets/LabeledSelect.stories-67wcbqoy.js
new file mode 100644
index 00000000000..212bd8041c6
--- /dev/null
+++ b/2240/react/assets/LabeledSelect.stories-67wcbqoy.js
@@ -0,0 +1 @@
+import{j as e,R as o}from"./index-t5nukUIt.js";import{S as i}from"./Camera-EET74PnV.js";import{L as s}from"./LabeledSelect-DpmG_LHA.js";import{S as r}from"./InputGrid-CEH0Ale1.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./Icon-DqcqOTd7.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Label-DWsyELlB.js";import"./Input-BadsHKqi.js";import"./Textarea-BOoW5Jy8.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";const E={title:"LabeledSelect",decorators:[t=>e.jsx("div",{style:{minHeight:500},children:e.jsx(t,{})})]},R=()=>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"}),k=()=>{const[t,a]=o.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"})},A=()=>{const[t,a]=o.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"})},N=()=>{const[t,a]=o.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"})},W=()=>{const[t,a]=o.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(i,{}),children:"This is a message"}),placeholder:"Placeholder text",value:t,onChange:l=>a(l)})},q=()=>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{R as Basic,q as Native,N as Negative,k as Positive,A as Warning,W as WithCustomIcon,E as default};
diff --git a/2240/react/assets/LabeledTextarea.stories-DmFeOtEe.js b/2240/react/assets/LabeledTextarea.stories-DmFeOtEe.js
new file mode 100644
index 00000000000..c5c34542ba1
--- /dev/null
+++ b/2240/react/assets/LabeledTextarea.stories-DmFeOtEe.js
@@ -0,0 +1 @@
+import{r as t,j as e}from"./index-t5nukUIt.js";import{S as i}from"./Camera-EET74PnV.js";import{S as o}from"./Placeholder-Bo1aZTo8.js";import{L as l}from"./LabeledInput-BmNwKNU_.js";import{S as n}from"./InputGrid-CEH0Ale1.js";import"./Input-BadsHKqi.js";import"./Label-DWsyELlB.js";import"./Icon-DqcqOTd7.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Textarea-BOoW5Jy8.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";const a=t.forwardRef((s,r)=>t.createElement(l,{as:"textarea",rows:3,ref:r,...s})),P={title:"LabeledTextarea"},R=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea"}),A=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",disabled:!0}),B=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"positive"}),N=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"warning"}),_=()=>e.jsx(a,{label:"Textarea Label",message:"Display Message",placeholder:"This is a textarea",status:"negative"}),k=()=>e.jsx(a,{placeholder:"This is a textarea",label:"Textarea Label",message:e.jsx(n,{startIcon:e.jsx(i,{}),children:"Display Message"})}),q=()=>e.jsx(a,{placeholder:"Enter text here...",label:"This is a label",status:"negative",svgIcon:e.jsx(o,{})}),z=()=>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{R as Basic,A as Disabled,z as Inline,_ as Negative,B as Positive,N as Warning,k as WithCustomIcon,q as WithSvgIcon,P as default};
diff --git a/2240/react/assets/LinkAction-Mt8n1MRI.js b/2240/react/assets/LinkAction-Mt8n1MRI.js
new file mode 100644
index 00000000000..8f798bb9f08
--- /dev/null
+++ b/2240/react/assets/LinkAction-Mt8n1MRI.js
@@ -0,0 +1 @@
+import{r as t,B as o,c as s,p as r}from"./index-t5nukUIt.js";const n=t.forwardRef((a,e)=>{let{as:i=a.href?"a":"button"}=a;return t.createElement(o,{...a,as:i,className:s("iui-link-action",a.className),ref:e})}),l=r.div("iui-link-box");export{l as L,n as a};
diff --git a/2240/react/assets/List-yZe469ZQ.js b/2240/react/assets/List-yZe469ZQ.js
new file mode 100644
index 00000000000..dde76736523
--- /dev/null
+++ b/2240/react/assets/List-yZe469ZQ.js
@@ -0,0 +1 @@
+import{p as i}from"./index-t5nukUIt.js";const s=i.div("iui-list",{role:"list"});export{s as L};
diff --git a/2240/react/assets/List.stories-BEv5OM_m.js b/2240/react/assets/List.stories-BEv5OM_m.js
new file mode 100644
index 00000000000..412d6c0931c
--- /dev/null
+++ b/2240/react/assets/List.stories-BEv5OM_m.js
@@ -0,0 +1 @@
+import{r as s,j as e}from"./index-t5nukUIt.js";import{S as n}from"./Placeholder-Bo1aZTo8.js";import{L as i}from"./List-yZe469ZQ.js";import{L as t}from"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.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/2240/react/assets/ListItem-DmOFYNi1.js b/2240/react/assets/ListItem-DmOFYNi1.js
new file mode 100644
index 00000000000..9b9f8fcf3d2
--- /dev/null
+++ b/2240/react/assets/ListItem-DmOFYNi1.js
@@ -0,0 +1 @@
+import{r as i,B as m,c as u,p as t}from"./index-t5nukUIt.js";import{a as f}from"./LinkAction-Mt8n1MRI.js";let p=i.forwardRef((e,a)=>{let{size:s="default",disabled:o=!1,active:l=!1,actionable:r=!1,focused:c=!1,className:n,...d}=e;return i.createElement(m,{role:"listitem",className:u("iui-list-item",n),"data-iui-active":l?"true":void 0,"data-iui-disabled":o?"true":void 0,"data-iui-size":s==="large"?"large":void 0,"data-iui-actionable":r?"true":void 0,"data-iui-focused":c?"true":void 0,ref:a,...d})}),v=t.div("iui-list-item-icon"),I=t.div("iui-list-item-content"),L=t.div("iui-list-item-description"),b=f;const A=Object.assign(p,{Icon:v,Content:I,Description:L,Action:b});export{A as L};
diff --git a/2240/react/assets/MenuDivider-D5B4Rdcx.js b/2240/react/assets/MenuDivider-D5B4Rdcx.js
new file mode 100644
index 00000000000..7b4b428c082
--- /dev/null
+++ b/2240/react/assets/MenuDivider-D5B4Rdcx.js
@@ -0,0 +1 @@
+import{p as i}from"./index-t5nukUIt.js";const o=i.div("iui-menu-divider",{role:"separator"});export{o as M};
diff --git a/2240/react/assets/MenuExtraContent-BgP9fhTZ.js b/2240/react/assets/MenuExtraContent-BgP9fhTZ.js
new file mode 100644
index 00000000000..32f8043f6ca
--- /dev/null
+++ b/2240/react/assets/MenuExtraContent-BgP9fhTZ.js
@@ -0,0 +1 @@
+import{p as o}from"./index-t5nukUIt.js";const n=o.li("iui-menu-content",{role:"presentation"});export{n as M};
diff --git a/2240/react/assets/MenuItem-C5HYGp0L.js b/2240/react/assets/MenuItem-C5HYGp0L.js
new file mode 100644
index 00000000000..a8f0f1c876d
--- /dev/null
+++ b/2240/react/assets/MenuItem-C5HYGp0L.js
@@ -0,0 +1 @@
+import{r as e,q as Q,w as X,x as Y,y as Z,v as _,z as $,A as ee,C as te,d as A,D as ne,E as ae,G as oe,H as re,B as le,c as D,J as se,K as ie,m as V,n as ue}from"./index-t5nukUIt.js";import{u as ce}from"./focusable-DDe8vqPn.js";import{L as m}from"./ListItem-DmOFYNi1.js";const de=p=>e.createElement(Q,p,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"})),me=e.forwardRef((p,N)=>{let{className:R,trigger:x,positionReference:i,portal:d=!0,popoverProps:C,children:f,...g}=p,n=X(),u=Y(),s=Z(),{interactions:S,visible:v,onVisibleChange:M,...r}=C??{},{listNavigation:w,hover:o,...b}=S??{},[I,c]=_(!1,v,M),[H,h]=e.useState(!1),[k,P]=e.useState(null),{focusableElementsRef:z,focusableElements:T}=ce(k,{filter:t=>t.filter(a=>!(t!=null&&t.some(E=>E.contains(a.parentElement))))}),[F,L]=e.useState(null),l=$({nodeId:u,visible:I,onVisibleChange:t=>t?c(!0):U(),interactions:{hover:n==null?o:{enabled:!!o&&!H,...o},...b},...r,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"},...r.middleware}}),{getReferenceProps:q,getFloatingProps:B,getItemProps:K}=ee([te(l.context,{activeIndex:F,focusItemOnHover:!1,listRef:z,onNavigate:L,...w})]);e.useEffect(()=>{i!==void 0&&l.refs.setPositionReference(i)},[l.refs,i]);let J=A(P,N,l.refs.setFloating),y=e.useRef(null),U=e.useCallback(()=>{var t;c(!1),s==null&&((t=y.current)==null||t.focus({preventScroll:!0}))},[s,c]);ne(e.useCallback(()=>{let t=a=>{(s===a.parentId&&u!==a.nodeId||s===a.nodeId)&&(c(!1),h(!1))};return n==null||n.events.on("onNodeFocused",t),()=>{n==null||n.events.off("onNodeFocused",t)}},[u,s,n==null?void 0:n.events,c]),()=>{},()=>{});let W=({focusableItemIndex:t,userProps:a})=>K({...a,tabIndex:F!=null&&F>=0&&t!=null&&t>=0&&F===t?0:-1,onFocus:V(a==null?void 0:a.onFocus,()=>{queueMicrotask(()=>{h(!0)}),n==null||n.events.emit("onNodeFocused",{nodeId:u,parentId:s})}),onMouseEnter:V(a==null?void 0:a.onMouseEnter,E=>{t!=null&&t>=0&&L(t),E.target===E.currentTarget&&E.currentTarget.focus()})}),j=ae(x,t=>q(l.getReferenceProps({...t.props,"aria-expanded":l.open,ref:oe(y,l.refs.setReference)}))),G=l.open&&e.createElement(re,{portal:d},e.createElement(le,{as:"div",className:D("iui-menu",R),ref:J,...B(l.getFloatingProps({role:"menu",...g}))},f));return e.createElement(e.Fragment,null,e.createElement(O.Provider,{value:{popoverGetItemProps:W,focusableElements:T}},e.createElement(se.Provider,{value:l.open},j),n!=null?e.createElement(ie,{id:u},G):G))}),O=e.createContext(void 0),ve=e.forwardRef((p,N)=>{let{className:R,children:x,isSelected:i,disabled:d,value:C,onClick:f,sublabel:g,size:n=g?"large":"default",icon:u,startIcon:s=u,badge:S,endIcon:v=S,role:M="menuitem",subMenuItems:r=[],...w}=p,o=e.useContext(O),b=e.useRef(null),I=ue(),c=e.useMemo(()=>({placement:"right-start",interactions:{click:!0,hover:!0,listNavigation:{nested:r.length>0,openOnArrowKeyDown:!0}}}),[r.length]),h={onClick:()=>{d||f==null||f(C)}},k=o==null?void 0:o.focusableElements.findIndex(z=>z===b.current),P=e.createElement(m,{as:"button",type:"button",className:D("iui-button-base",R),actionable:!0,size:n,active:i,disabled:d,ref:A(b,N),role:M,tabIndex:i?0:-1,"aria-selected":i,"aria-haspopup":r.length>0?"true":void 0,"aria-controls":r.length>0?I:void 0,"aria-disabled":d,...(o==null?void 0:o.popoverGetItemProps)!=null?o.popoverGetItemProps({focusableItemIndex:k,userProps:h}):h,...w},s&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},s),e.createElement(m.Content,null,e.createElement("div",null,x),g&&e.createElement(m.Description,null,g)),!v&&r.length>0&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},e.createElement(de,null)),v&&e.createElement(m.Icon,{as:"span","aria-hidden":!0},v));return e.createElement(e.Fragment,null,r.length>0&&!d?e.createElement(me,{id:I,trigger:P,popoverProps:c},r):P)});export{ve as M,me as a};
diff --git a/2240/react/assets/Modal.stories-CzDumRSH.js b/2240/react/assets/Modal.stories-CzDumRSH.js
new file mode 100644
index 00000000000..e28566ff553
--- /dev/null
+++ b/2240/react/assets/Modal.stories-CzDumRSH.js
@@ -0,0 +1 @@
+import{r,j as e}from"./index-t5nukUIt.js";import{B as t}from"./Button-CCMFLemb.js";import{D as c,a as C,b as O}from"./Dialog-J3nVlVT2.js";import"./ProgressRadial-CnAU4x13.js";import"./useEventListener-5zUv3STn.js";import"./focusable-DDe8vqPn.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/2240/react/assets/More-ZnVmqxXr.js b/2240/react/assets/More-ZnVmqxXr.js
new file mode 100644
index 00000000000..fcee02cad93
--- /dev/null
+++ b/2240/react/assets/More-ZnVmqxXr.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Network-DJ_-Rgso.js b/2240/react/assets/Network-DJ_-Rgso.js
new file mode 100644
index 00000000000..b081c78937c
--- /dev/null
+++ b/2240/react/assets/Network-DJ_-Rgso.js
@@ -0,0 +1 @@
+import{r as c}from"./index-t5nukUIt.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/2240/react/assets/NonIdealState.stories-svfRWX8t.js b/2240/react/assets/NonIdealState.stories-svfRWX8t.js
new file mode 100644
index 00000000000..67644091ece
--- /dev/null
+++ b/2240/react/assets/NonIdealState.stories-svfRWX8t.js
@@ -0,0 +1 @@
+import{r as l,B as c,c as z,j as e}from"./index-t5nukUIt.js";import{B as a}from"./Button-CCMFLemb.js";import{A as x}from"./Anchor-zmS0nF6X.js";import"./ProgressRadial-CnAU4x13.js";import"./Text-BAOnoVWg.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/2240/react/assets/Notification-BiNRQ_6s.js b/2240/react/assets/Notification-BiNRQ_6s.js
new file mode 100644
index 00000000000..77242291e65
--- /dev/null
+++ b/2240/react/assets/Notification-BiNRQ_6s.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/NotificationMarker-Bl6gH8MB.js b/2240/react/assets/NotificationMarker-Bl6gH8MB.js
new file mode 100644
index 00000000000..09e3d64a448
--- /dev/null
+++ b/2240/react/assets/NotificationMarker-Bl6gH8MB.js
@@ -0,0 +1 @@
+import{r,B as c,c as u}from"./index-t5nukUIt.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/2240/react/assets/NotificationMarker.stories-Du_Z2Jf5.js b/2240/react/assets/NotificationMarker.stories-Du_Z2Jf5.js
new file mode 100644
index 00000000000..9edfd1143a3
--- /dev/null
+++ b/2240/react/assets/NotificationMarker.stories-Du_Z2Jf5.js
@@ -0,0 +1 @@
+import{j as s,I as i}from"./index-t5nukUIt.js";import{S as t}from"./Notification-BiNRQ_6s.js";import{N as e}from"./NotificationMarker-Bl6gH8MB.js";import{B as l}from"./Button-CCMFLemb.js";import{T as r}from"./Text-BAOnoVWg.js";import"./ProgressRadial-CnAU4x13.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/2240/react/assets/Overlay.stories-Dx2hr14l.js b/2240/react/assets/Overlay.stories-Dx2hr14l.js
new file mode 100644
index 00000000000..ae7686ce149
--- /dev/null
+++ b/2240/react/assets/Overlay.stories-Dx2hr14l.js
@@ -0,0 +1 @@
+import{r,B as p,p as l,a0 as m,j as t}from"./index-t5nukUIt.js";import{P as x}from"./ProgressLinear-DKQnOQXB.js";import{P as v}from"./ProgressRadial-CnAU4x13.js";let y=r.forwardRef((e,n)=>{let{content:o,children:a,...c}=e;return r.createElement(u,{ref:n,...c},r.createElement(d,null,o),r.createElement(s,null,a))}),s=r.forwardRef((e,n)=>{let{children:o,...a}=e;return f(),r.createElement(p,{inert:"",ref:n,...a},o)}),d=l.div("iui-overlay"),u=l.div("iui-overlay-wrapper");const i=Object.assign(y,{Wrapper:u,HiddenContent:s,Overlay:d});let f=()=>{let e=r.useRef(!1),n="https://cdn.jsdelivr.net/npm/wicg-inert@3.1.2/dist/inert.min.js";r.useEffect(()=>{(async()=>!HTMLElement.prototype.hasOwnProperty("inert")&&!e.current&&!m&&(await new Function("url","return import(url)")(n),e.current=!0))()},[])};const g={title:"Overlay"},O=()=>{const e={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return t.jsxs(i.Wrapper,{style:e,children:[t.jsx(i.HiddenContent,{style:{padding:"12px"},children:t.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."})}),t.jsx(i.Overlay,{children:t.jsx(x,{indeterminate:!0})})]})},b=()=>{const e={border:"1px solid var(--iui-color-border)",position:"relative",marginBottom:"12px"};return t.jsxs(i.Wrapper,{style:e,children:[t.jsx(i.HiddenContent,{style:{padding:"12px"},children:t.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."})}),t.jsx(i.Overlay,{children:t.jsx(v,{indeterminate:!0})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{O as Linear,b as Radial,g as default};
diff --git a/2240/react/assets/Overview.stories-Zeu7njHK.js b/2240/react/assets/Overview.stories-Zeu7njHK.js
new file mode 100644
index 00000000000..cdb2427910b
--- /dev/null
+++ b/2240/react/assets/Overview.stories-Zeu7njHK.js
@@ -0,0 +1,29 @@
+import{a1 as s,j as e}from"./index-t5nukUIt.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 (
+    <>
+      <ThemeProvider theme='light'>
+        <Button>Hello!</Button>
+      </ThemeProvider>
+    </>
+  );
+}
+`})}),`
+`,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/2240/react/assets/Placeholder-Bo1aZTo8.js b/2240/react/assets/Placeholder-Bo1aZTo8.js
new file mode 100644
index 00000000000..39cb0740697
--- /dev/null
+++ b/2240/react/assets/Placeholder-Bo1aZTo8.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/ProgressLinear-DKQnOQXB.js b/2240/react/assets/ProgressLinear-DKQnOQXB.js
new file mode 100644
index 00000000000..624b18332fc
--- /dev/null
+++ b/2240/react/assets/ProgressLinear-DKQnOQXB.js
@@ -0,0 +1 @@
+import{r as e,B as i,c as r,L as f,V as v,l as x}from"./index-t5nukUIt.js";const V=e.forwardRef((l,n)=>{let{value:t,indeterminate:d=t===void 0,labels:s=[],isAnimated:o=!1,status:u,className:c,labelGroupProps:a,...m}=l,g=x(t??100,0,100);return e.createElement(i,{className:r("iui-progress-indicator-linear",c),ref:n,"data-iui-status":u,"data-iui-indeterminate":d?"true":void 0,"data-iui-animated":o?"true":void 0,style:{"--iui-progress-percentage":`${g}%`},...m},e.createElement(f,null,t!==100&&e.createElement(v,null,"Loading."),e.createElement("slot",null)),s.length>0&&e.createElement(i,{as:"div",...a,className:r("iui-progress-indicator-linear-label",a==null?void 0:a.className)},s.map((p,E)=>e.createElement("span",{key:E},p))))});export{V as P};
diff --git a/2240/react/assets/ProgressLinear.stories-B8kItYsy.js b/2240/react/assets/ProgressLinear.stories-B8kItYsy.js
new file mode 100644
index 00000000000..19e3383dbe3
--- /dev/null
+++ b/2240/react/assets/ProgressLinear.stories-B8kItYsy.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{a as n,S as r,b as a}from"./StatusWarning-Cbq0FZ8X.js";import{P as t}from"./ProgressLinear-DKQnOQXB.js";import{I as s}from"./Icon-DqcqOTd7.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/2240/react/assets/ProgressRadial-CnAU4x13.js b/2240/react/assets/ProgressRadial-CnAU4x13.js
new file mode 100644
index 00000000000..69c52cf2d7f
--- /dev/null
+++ b/2240/react/assets/ProgressRadial-CnAU4x13.js
@@ -0,0 +1 @@
+import{r as e,q as n,B as g,c as p,l as h,L as v,V as S}from"./index-t5nukUIt.js";const x=a=>e.createElement(n,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"})),i=a=>e.createElement(n,a,e.createElement("path",{d:"M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z"})),f=e.forwardRef((a,s)=>{let{value:t,indeterminate:d=t===void 0,status:r,size:l,className:m,style:o,children:c,...u}=a,E={negative:e.createElement(i,{"aria-hidden":!0}),positive:e.createElement(x,{"aria-hidden":!0}),warning:e.createElement(i,{"aria-hidden":!0})};return e.createElement(g,{className:p("iui-progress-indicator-radial",m),"data-iui-size":l,"data-iui-status":r,"data-iui-indeterminate":d?"true":void 0,ref:s,style:{...t!==void 0&&{"--iui-progress-percentage":`${h(t,0,100)}%`},...o},...u},e.createElement(v,null,t!==100&&e.createElement(S,null,"Loading."),e.createElement("slot",null)),l!=="x-small"?c??(r?E[r]:null):null)});export{f as P};
diff --git a/2240/react/assets/ProgressRadial.stories-Cq5imwWc.js b/2240/react/assets/ProgressRadial.stories-Cq5imwWc.js
new file mode 100644
index 00000000000..725d9599811
--- /dev/null
+++ b/2240/react/assets/ProgressRadial.stories-Cq5imwWc.js
@@ -0,0 +1 @@
+import{j as t}from"./index-t5nukUIt.js";import{P as e}from"./ProgressRadial-CnAU4x13.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/2240/react/assets/Radio-yS7mvy-7.js b/2240/react/assets/Radio-yS7mvy-7.js
new file mode 100644
index 00000000000..774527c8247
--- /dev/null
+++ b/2240/react/assets/Radio-yS7mvy-7.js
@@ -0,0 +1 @@
+import{r as e,d as b,B as t,c as i}from"./index-t5nukUIt.js";const E=e.forwardRef((m,u)=>{let{className:o,disabled:r=!1,label:l,status:d,labelProps:a,wrapperProps:s,style:n,...f}=m,N=e.useRef(null),R=b(N,u),c=e.createElement(t,{as:"input",className:i("iui-radio",o),style:n,disabled:r,type:"radio",ref:R,...f});return l?e.createElement(t,{as:"label",...s,className:i("iui-radio-wrapper",{"iui-disabled":r,[`iui-${d}`]:!!d},s==null?void 0:s.className)},c,l&&e.createElement(t,{as:"span",...a,className:i("iui-radio-label",a==null?void 0:a.className)},l)):c});export{E as R};
diff --git a/2240/react/assets/Radio.stories-D1V_edgc.js b/2240/react/assets/Radio.stories-D1V_edgc.js
new file mode 100644
index 00000000000..f682468dae3
--- /dev/null
+++ b/2240/react/assets/Radio.stories-D1V_edgc.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{R as t}from"./Radio-yS7mvy-7.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/2240/react/assets/RadioTileGroup.stories-dt-wZiYP.js b/2240/react/assets/RadioTileGroup.stories-dt-wZiYP.js
new file mode 100644
index 00000000000..417d2f2bc22
--- /dev/null
+++ b/2240/react/assets/RadioTileGroup.stories-dt-wZiYP.js
@@ -0,0 +1 @@
+import{r as a,d as z,B as l,c as s,j as e}from"./index-t5nukUIt.js";import{S as w}from"./Network-DJ_-Rgso.js";import{I as B}from"./InputGroup-D9nJVe0d.js";import"./InputGrid-CEH0Ale1.js";import"./Label-DWsyELlB.js";import"./Input-BadsHKqi.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./InputWithDecorations-BVYTqao3.js";import"./InputFlexContainer-DztgMTjx.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./MenuItem-C5HYGp0L.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./Text-BAOnoVWg.js";import"./useContainerWidth-g5koDt2g.js";import"./useVirtualScroll-CFcjEM5a.js";const i=a.forwardRef((t,u)=>{let{icon:r,label:o,description:n,className:v,wrapperProps:d,iconProps:m,labelProps:c,subLabelProps:p,style:h,...f}=t,j=a.useRef(null),b=z(j,u);return a.createElement(l,{as:"label","data-iui-disabled":t.disabled?"true":void 0,...d,className:s("iui-radio-tile",d==null?void 0:d.className)},a.createElement(l,{as:"input",ref:b,className:s("iui-radio-tile-input",v),style:h,type:"radio",...f}),r&&a.createElement(l,{as:"span","aria-hidden":!0,...m,className:s("iui-radio-tile-icon",m==null?void 0:m.className)},r),o&&a.createElement(l,{as:"div",...c,className:s("iui-radio-tile-label",c==null?void 0:c.className)},o),n&&a.createElement(l,{as:"div",...p,className:s("iui-radio-tile-sublabel",p==null?void 0:p.className)},n))}),x=a.forwardRef((t,u)=>{let{children:r,label:o,...n}=t;return a.createElement(B,{label:o,ref:u,...n},a.createElement(l,{className:"iui-radio-tile-container"},r))}),g=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:"M0 2.042l6-.824V7H.001M6 8v5.782L.001 12.95V8zm1-6.899L15 0v7H7m8 1v7l-8-1.111V8z"})),K={title:"RadioTileGroup"},Q=()=>e.jsxs(x,{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"})]}),U=()=>e.jsxs(x,{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{U as Colored,Q as Monochrome,K as default};
diff --git a/2240/react/assets/SearchBox-Jjjepmwm.js b/2240/react/assets/SearchBox-Jjjepmwm.js
new file mode 100644
index 00000000000..c414f99347d
--- /dev/null
+++ b/2240/react/assets/SearchBox-Jjjepmwm.js
@@ -0,0 +1 @@
+import{r as e,q as H,n as L,c as x,u,B as O,d as B,m as I,a as T}from"./index-t5nukUIt.js";import{I as A,b as G,a as J}from"./InputFlexContainer-DztgMTjx.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,q]=e.useState(N),h=e.useRef(null),S=e.useRef(null),[y,C]=e.useState(c),b=c??y,M=()=>{C(!1),r==null||r(),queueMicrotask(()=>{var p;return(p=S.current)==null?void 0:p.focus({preventScroll:!0})})},j=()=>{C(!0),o==null||o(),queueMicrotask(()=>{var p;return(p=h.current)==null?void 0:p.focus({preventScroll:!0})})};return e.createElement(i.Provider,{value:{size:a,isDisabled:s,onCollapse:M,onExpand:j,inputRef:h,inputId:P,setInputId:q,openButtonRef:S,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(f,null)),e.createElement(z,null,e.createElement(g,null),e.createElement(v,w),l?e.createElement(k,null):null))))}),R=({children:t})=>{let{isExpanded:n,expandable:a}=u(i);return!a||n?null:e.createElement(e.Fragment,null,t??e.createElement(f,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(G,{"aria-hidden":!0,className:x("iui-search-icon",a),ref:n,...s},l??e.createElement(m,null))}),v=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(O,{as:"input",id:l??r,ref:B(n,d),role:"searchbox",type:"text",className:x("iui-search-input",a),disabled:c,...s})}),E=e.forwardRef((t,n)=>{let{children:a,...l}=t,{size:s,isDisabled:r}=u(i);return e.createElement(J,{size:s,ref:n,disabled:r,...l},a??e.createElement(m,null))}),k=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onCollapse:r,size:o,isDisabled:c}=u(i);return e.createElement(E,{ref:n,"aria-label":"Close searchbox",size:o,disabled:c,onClick:I(l,r),...s},a??e.createElement(T,null))}),f=e.forwardRef((t,n)=>{let{children:a,onClick:l,...s}=t,{onExpand:r,size:o,isDisabled:c,openButtonRef:d}=u(i);return e.createElement(E,{ref:B(n,d),"aria-label":"Expand searchbox",size:o,disabled:c,onClick:I(l,r),styleType:"default",...s},a??e.createElement(m,null))});const V=Object.assign(K,{Icon:g,Input:v,Button:E,CollapseButton:k,ExpandButton:f,ExpandedState:z,CollapsedState:R});export{V as S};
diff --git a/2240/react/assets/SearchBox.stories-C7P0TNtM.js b/2240/react/assets/SearchBox.stories-C7P0TNtM.js
new file mode 100644
index 00000000000..1a03918a16e
--- /dev/null
+++ b/2240/react/assets/SearchBox.stories-C7P0TNtM.js
@@ -0,0 +1 @@
+import{r,j as e}from"./index-t5nukUIt.js";import{S as t}from"./SearchBox-Jjjepmwm.js";import{T as d}from"./Text-BAOnoVWg.js";import{D as s}from"./Divider-DGhJVy2r.js";import"./InputFlexContainer-DztgMTjx.js";import"./Icon-DqcqOTd7.js";const n=a=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},r.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"})),o=a=>r.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...a},r.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"}}),S=()=>e.jsxs(t,{children:[e.jsx(t.Button,{title:"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(s,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(o,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})})]}),b=()=>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,{}),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(o,{})}),e.jsx(t.Button,{"aria-label":"Next result",children:e.jsx(n,{})}),e.jsx(s,{orientation:"vertical"}),e.jsx(t.CollapseButton,{})]})]}),g=()=>e.jsx(t,{size:"small",inputProps:{placeholder:"Search..."}}),C=()=>{const[a,l]=r.useState(!1),i=()=>{console.log("Expanding searchbox"),l(!0)},c=()=>{console.log("Collapsing searchbox"),l(!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(s,{orientation:"vertical"}),e.jsx(t.Button,{"aria-label":"Previous result",children:e.jsx(o,{})}),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,S as BasicWithCustomItems,b as BasicWithStatus,v as Expandable,w as ExpandableWithCustomItems,g as Small,C as WithCustomAction,B as default};
diff --git a/2240/react/assets/Select-B4ZOAKk1.js b/2240/react/assets/Select-B4ZOAKk1.js
new file mode 100644
index 00000000000..fdab8b6589b
--- /dev/null
+++ b/2240/react/assets/Select-B4ZOAKk1.js
@@ -0,0 +1 @@
+import{p as se,r as e,h as A,V as ie,B as h,c as k,b as ue,d as F,m as D,n as ce,o as oe,z as de,H as me,M as fe,N as be}from"./index-t5nukUIt.js";import{M as Ee}from"./MenuItem-C5HYGp0L.js";import{I as ve}from"./Icon-DqcqOTd7.js";import{L as ge}from"./List-yZe469ZQ.js";import{S as he}from"./SvgCheckmark-uXV5t-W5.js";import{S as Se}from"./SvgCaretDownSmall-D4bb48kW.js";const K=se.div("iui-input-with-icon"),ye=({text:t=""})=>{let[n,a]=e.useState(t);return e.useEffect(()=>{var s;a(t);let r=(s=A())==null?void 0:s.setTimeout(()=>a(""),5e3);return()=>{var o;return void((o=A())==null?void 0:o.clearTimeout(r))}},[t]),e.createElement(ie,{as:"div","aria-live":"polite","aria-atomic":"true"},n)},W=e.forwardRef((t,n)=>{let{className:a,label:r,...s}=t;return e.createElement(h,{as:"span",className:k("iui-select-tag",a),ref:n,...s},e.createElement(h,{as:"span",className:"iui-select-tag-label"},r))}),xe=e.forwardRef((t,n)=>{let{tags:a,className:r,...s}=t,[o,f]=ue(a),m=F(n,o);return e.createElement(h,{className:k("iui-select-tag-container",r),ref:m,...s},e.createElement(e.Fragment,null,f<a.length?a.slice(0,f-1):a,f<a.length&&e.createElement(W,{label:`+${a.length-f+1} item(s)`})))}),ze=e.forwardRef((t,n)=>{let{native:a,...r}=t,s=a?pe:Ce;return e.createElement(s,{...r,ref:n})});let pe=e.forwardRef((t,n)=>{let{triggerProps:a,options:r,disabled:s,placeholder:o,defaultValue:f=o!==void 0?"":void 0,value:m,onChange:S,size:y,status:N,styleType:d,required:v,...b}=t;return e.createElement(K,{...b,ref:n},e.createElement(j,{as:"select",size:y,status:N,styleType:d,disabled:s,defaultValue:m===void 0?f:void 0,value:m===null?"":m,required:v,...a,onKeyDown:D(a==null?void 0:a.onKeyDown,u=>{var T,c;u.key==="Enter"&&((c=(T=u.currentTarget).showPicker)==null||c.call(T))}),onChange:D(a==null?void 0:a.onChange,u=>{S==null||S(u.currentTarget.value,u)})},d!=="borderless"&&o!==void 0?e.createElement("option",{value:"",disabled:!0},o):null,r.map(u=>e.createElement("option",{key:u.value,...u},u.label))),e.createElement(U,{disabled:s}))}),Ce=e.forwardRef((t,n)=>{let a=ce(),{options:r,value:s,onChange:o,placeholder:f,disabled:m=!1,size:S,itemRenderer:y,selectedItemRenderer:N,menuClassName:d,menuStyle:v,multiple:b=!1,triggerProps:u,status:T,popoverProps:c,styleType:G,...J}=t,[O,z]=e.useState(!1),[Q,X]=e.useState(""),[Y,L]=e.useState(),i=s!==void 0?s:Y,g=oe(o),$=e.useRef(null),Z=e.useCallback(()=>{var l;m||(z(!0),(l=c==null?void 0:c.onVisibleChange)==null||l.call(c,!0))},[m,c]),V=e.useCallback(()=>{var l,E;z(!1),(l=$.current)==null||l.focus({preventScroll:!0}),(E=c==null?void 0:c.onVisibleChange)==null||E.call(c,!1)},[c]),_=e.useMemo(()=>r.map((l,E)=>{let p=M(i,b)?(i==null?void 0:i.includes(l.value))??!1:i===l.value,H=y?y(l,{close:()=>z(!1),isSelected:p}):e.createElement(Ee,null,l.label),{label:te,icon:ae,startIcon:le,...ne}=l,re=le??ae;return e.cloneElement(H,{key:`${te}-${E}`,isSelected:p,startIcon:re,endIcon:p?e.createElement(he,{"aria-hidden":!0}):null,onClick:()=>{var R,q;if(!l.disabled&&(Ne(g.current,b)?(L(l.value),(R=g.current)==null||R.call(g,l.value),V()):(L(C=>p?C==null?void 0:C.filter(B=>l.value!==B):[...C??[],l.value]),(q=g.current)==null||q.call(g,l.value,p?"removed":"added")),M(i,b))){let C=i||[],B=p?C.filter(I=>l.value!==I):[...C,l.value];X(r.filter(I=>B.includes(I.value)).map(I=>I.label).filter(Boolean).join(", "))}},ref:R=>{p&&!b&&(R==null||R.scrollIntoView({block:"nearest"}))},role:"option",...ne,...H.props})}),[V,y,b,g,r,i]),x=e.useMemo(()=>{if(i!=null)return M(i,b)?r.filter(l=>i.some(E=>E===l.value)):r.find(l=>l.value===i)},[b,r,i]),P=e.useMemo(()=>{let l=0;return Array.isArray(i)&&i.length>0?l=r.findIndex(E=>E.value===i[0]):i&&(l=r.findIndex(E=>E.value===i)),l>=0?l:0},[r,i]),ee=e.useCallback(l=>e.createElement(W,{key:l.label,label:l.label}),[]),w=de({visible:O,matchWidth:!0,closeOnOutsideClick:!0,middleware:{size:{maxHeight:"var(--iui-menu-max-height)"}},...c,onVisibleChange:l=>l?Z():V()});return e.createElement(e.Fragment,null,e.createElement(K,{...J,ref:F(w.refs.setPositionReference,n)},e.createElement(j,{...w.getReferenceProps(),tabIndex:0,role:"combobox",size:S,status:T,"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:G,...u,ref:F($,u==null?void 0:u.ref,w.refs.setReference),className:k({"iui-placeholder":(!x||x.length===0)&&!!f},u==null?void 0:u.className)},(!x||x.length===0)&&e.createElement(h,{as:"span",className:"iui-content"},f),M(x,b)?e.createElement(Re,{selectedItems:x,selectedItemsRenderer:N,tagRenderer:ee}):e.createElement(we,{selectedItem:x,selectedItemRenderer:N})),e.createElement(U,{disabled:m,isOpen:O}),b?e.createElement(ye,{text:Q}):null),w.open&&e.createElement(me,null,e.createElement(ke,{defaultFocusedIndex:P,className:d,id:`${a}-menu`,key:`${a}-menu`,...w.getFloatingProps({style:v,onKeyDown:({key:l})=>{l==="Tab"&&V()}}),ref:w.refs.setFloating},_)))}),M=(t,n)=>n,Ne=(t,n)=>!n,j=e.forwardRef((t,n)=>{let{size:a,status:r,styleType:s="default",...o}=t;return e.createElement(h,{"data-iui-size":a,"data-iui-status":r,"data-iui-variant":s!=="default"?s:void 0,...o,ref:n,className:k("iui-select-button","iui-field",t.className)})}),U=e.forwardRef((t,n)=>{let{disabled:a,isOpen:r,...s}=t;return e.createElement(ve,{"aria-hidden":!0,...s,ref:n,className:k("iui-end-icon",{"iui-disabled":a,"iui-open":r},t.className)},e.createElement(Se,null))}),we=({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(h,{as:"span",className:"iui-icon","aria-hidden":!0},a),e.createElement(h,{as:"span",className:"iui-content"},t.label)))},Re=({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(h,{as:"span",className:"iui-content"},e.createElement(xe,{tags:r})))},ke=e.forwardRef((t,n)=>{let{defaultFocusedIndex:a=0,autoFocus:r=!0,children:s,className:o,...f}=t,[m,S]=e.useState(a),y=e.useCallback(d=>{queueMicrotask(()=>{let v=d==null?void 0:d.querySelector('[tabindex="0"]');v==null||v.focus()})},[]),N=e.useMemo(()=>e.Children.map(s,(d,v)=>e.isValidElement(d)?e.createElement(fe,{key:v,render:d,ref:d.props.ref||d.ref}):d),[s]);return e.createElement(be,{render:e.createElement(ge,{as:"div",className:k("iui-menu",o)}),orientation:"vertical",role:"listbox",activeIndex:m,onNavigate:S,ref:F(n,r?y:void 0),...f},N)});export{ye as A,K as I,ze as S,xe as a,W as b};
diff --git a/2240/react/assets/Select.stories-CI0iKHsZ.js b/2240/react/assets/Select.stories-CI0iKHsZ.js
new file mode 100644
index 00000000000..45bcbd01440
--- /dev/null
+++ b/2240/react/assets/Select.stories-CI0iKHsZ.js
@@ -0,0 +1 @@
+import{b as p,r as i,j as l,R as n}from"./index-t5nukUIt.js";import{S as x}from"./SmileyHappy-bgXJQ91t.js";import{S}from"./SmileySad-CluQUuh9.js";import{S as r}from"./Select-B4ZOAKk1.js";import{M as v}from"./MenuItem-C5HYGp0L.js";import"./Icon-DqcqOTd7.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";let m="…";const h=e=>{let{text:t,endCharsCount:o=6,textRenderer:a,style:s,...u}=e,[b,d]=p(t),c=i.useMemo(()=>d<t.length?`${t.substring(0,d-o-m.length)}${m}${t.substring(t.length-o)}`:t,[o,t,d]);return i.createElement("span",{style:{display:"flex",minWidth:0,flexGrow:1,whiteSpace:"nowrap",...s},ref:b,...u},(a==null?void 0:a(c,t))??c)},I=e=>i.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...e},i.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,t)=>t.globalState.story.includes("truncate-middle-text")?l.jsx("div",{style:{minHeight:365,width:300},children:l.jsx(e,{})}):l.jsx("div",{style:{minHeight:365},children:l.jsx(e,{})})]},B=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return l.jsx(r,{options:e,placeholder:"Placeholder text"})},F=()=>{const e=[{value:"happy",label:"Happy",startIcon:l.jsx(x,{})},{value:"neutral",label:"Neutral",startIcon:l.jsx(I,{})},{value:"sad",label:"Sad",startIcon:l.jsx(S,{})}],[t,o]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:o,placeholder:"How are you today?"})},_=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[t,o]=n.useState(2);return l.jsx(r,{options:e,value:t,onChange:o,placeholder:"Placeholder text",popoverProps:{visible:!0}})},E=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[t,o]=n.useState(void 0);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{disabled:!0,options:e,value:t,onChange:o,placeholder:"Placeholder text"})})},W=()=>{const e=[{value:1,label:"Item #1"},{value:2,label:"Item #2"},{value:3,label:"Item #3"}],[t,o]=n.useState(2);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{options:e,value:t,onChange:o,placeholder:"Placeholder text",disabled:!0})})},N=()=>{const[e,t]=n.useState(void 0);return l.jsx(r,{options:[...Array(20).fill(null)].map((o,a)=>({label:`Item #${a}`,value:a})),value:e,onChange:t,placeholder:"Placeholder text"})},L=()=>{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"}],[t,o]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:o,placeholder:"Placeholder text",size:"large"})},$=()=>{const e=[{value:"yellow",label:"Yellow"},{value:"green",label:"Green"},{value:"red",label:"Red"}],[t,o]=n.useState(void 0);return l.jsx(r,{options:e,value:t,onChange:a=>o(a),placeholder:"Placeholder text",itemRenderer:a=>l.jsx(v,{style:{color:a.value},children:a.label}),selectedItemRenderer:a=>l.jsx("span",{style:{backgroundColor:a.value},children:a.label})})},z=()=>{const e=[{value:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html",label:"MyFileWithAReallyLongNameThatWillBeTruncatedBecauseItIsReallyThatLongSoHardToBelieve_FinalVersion_V2.html"},{value:"ShortNameFile.jpg",label:"ShortNameFile.jpg"},{value:"SomeOtherFile.dgn",label:"SomeOtherFile.dgn"}],[t,o]=n.useState(e[0].value),a=i.useCallback((s,u)=>l.jsx("span",{title:s!==u?u:void 0,children:s}),[]);return l.jsx(r,{options:e,value:t,onChange:o,placeholder:"Placeholder text",itemRenderer:s=>l.jsx(v,{children:l.jsx(h,{text:s.label,textRenderer:a})}),selectedItemRenderer:s=>l.jsx(h,{text:s.label,textRenderer:a})})},O=()=>{const[e,t]=n.useState([]);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{options:[...Array(20).fill(null)].map((o,a)=>({label:`Item #${a}`,value:a})),value:e,onChange:(o,a)=>t(s=>a==="removed"?s.filter(u=>o!==u):[...s,o]),placeholder:"Placeholder text",multiple:!0})})},k=()=>{const[e,t]=n.useState([]);return l.jsx("div",{style:{minHeight:350},children:l.jsx(r,{options:[...Array(20).fill(null)].map((o,a)=>({label:`Item #${a}`,value:a})),value:e,onChange:(o,a)=>t(s=>a==="removed"?s.filter(u=>o!==u):[...s??[],o]),placeholder:"Placeholder text",multiple:!0,selectedItemRenderer:o=>l.jsx(l.Fragment,{children:o.map(a=>a.label).join(", ")})})})},D=()=>{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 l.jsx(r,{native:!0,options:e,placeholder:"Choose an option"})},G=()=>{const e=[{value:"1",label:"Item #1"},{value:"2",label:"Item #2",disabled:!0},{value:"3",label:"Item #3"}];return l.jsx(r,{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,G as Borderless,$ as Custom,E as Disabled,W as DisabledWithSelectedValue,N as ManyItems,O as Multi,k as MultiCustomRenderer,D as Native,L as Sublabels,z as TruncateMiddleText,F as WithIcons,_ as WithSelectedValue,A as default};
diff --git a/2240/react/assets/Settings-BsRB1D0h.js b/2240/react/assets/Settings-BsRB1D0h.js
new file mode 100644
index 00000000000..eebcf637245
--- /dev/null
+++ b/2240/react/assets/Settings-BsRB1D0h.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/SideNavigation.stories-5vVdR4AF.js b/2240/react/assets/SideNavigation.stories-5vVdR4AF.js
new file mode 100644
index 00000000000..10c57393c8c
--- /dev/null
+++ b/2240/react/assets/SideNavigation.stories-5vVdR4AF.js
@@ -0,0 +1 @@
+import{r as t,v as T,I as y,B as c,c as v,T as k,j as e,R as b}from"./index-t5nukUIt.js";import{S as D}from"./Placeholder-Bo1aZTo8.js";import{S as j}from"./Settings-BsRB1D0h.js";import{W as O}from"./WithCSSTransition-8CV2-R5E.js";import{S as M}from"./SvgChevronRight-D4u8Qhfr.js";import{B as F}from"./Button-CCMFLemb.js";import{T as E}from"./Text-BAOnoVWg.js";import{A as V}from"./Anchor-zmS0nF6X.js";import"./ProgressRadial-CnAU4x13.js";const A=t.createContext(void 0),I=t.forwardRef((s,i)=>{let{items:r,secondaryItems:n,expanderPlacement:a="top",className:d,isExpanded:p,onExpanderClick:o,submenu:x,isSubmenuOpen:m=!1,wrapperProps:l,contentProps:u,topProps:g,bottomProps:f,...R}=s,[S,N]=T(!1,p),w=t.createElement(y,{label:"Toggle icon labels","aria-expanded":S,className:"iui-sidenav-button iui-expand",size:"small",onClick:t.useCallback(()=>{N(z=>!z),o==null||o()},[o,N])},t.createElement(M,null));return t.createElement(A.Provider,{value:S},t.createElement(c,{...l,className:v("iui-side-navigation-wrapper",l==null?void 0:l.className),ref:i},t.createElement(c,{as:"div",className:v("iui-side-navigation",{"iui-expanded":S,"iui-collapsed":!S},d),...R},a==="top"&&w,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)},r),t.createElement(c,{as:"div",...f,className:v("iui-bottom",f==null?void 0:f.className)},n)),a==="bottom"&&w),x&&t.createElement(O,{in:m,dimension:"width",timeout:200,classNames:"iui"},x)))}),h=t.forwardRef((s,i)=>{let{className:r,children:n,isActive:a=!1,disabled:d=!1,isSubmenuOpen:p=!1,...o}=s,x=t.useContext(A)===!0,m=t.createElement(F,{className:v("iui-sidenav-button",{"iui-submenu-open":p},r),"data-iui-active":a,size:"large",disabled:d,ref:i,...o},n);return x?m:t.createElement(k,{content:n,placement:"right",ariaStrategy:"none"},m)}),L=t.forwardRef((s,i)=>{let{children:r,className:n,...a}=s;return t.createElement(c,{className:v("iui-side-navigation-submenu",n),ref:i,...a},t.createElement(c,{className:"iui-side-navigation-submenu-content"},r))}),_=t.forwardRef((s,i)=>{let{children:r,actions:n,className:a,...d}=s;return t.createElement(c,{className:v("iui-side-navigation-submenu-header",a),ref:i,...d},t.createElement(c,{className:"iui-side-navigation-submenu-header-label"},r),n&&t.createElement(c,{className:"iui-side-navigation-submenu-header-actions"},n))}),C=s=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},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=s=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},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=s=>t.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...s},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:[s=>e.jsx("div",{style:{height:"calc(100vh - 24px)"},children:e.jsx(s,{})})],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(j,{}),children:"Settings"},3)]}),Z=()=>{const[s,i]=b.useState(0),r=[...Array(3).fill(null)].map((n,a)=>e.jsx(h,{startIcon:e.jsx(D,{}),isActive:s===a,onClick:()=>i(a),children:`App ${a}`},a));return e.jsx(I,{items:r,secondaryItems:[e.jsx(h,{startIcon:e.jsx(j,{}),children:"Settings"},3)]})},ee=()=>{var x;const s=[{label:"Home",icon:e.jsx(H,{})},{label:"Issues",icon:e.jsx(C,{})},{label:"Documents",icon:e.jsx(B,{})},{label:"Settings",icon:e.jsx(j,{})}],[i,r]=b.useState(2),[n,a]=b.useState(!0),[d,p]=b.useState(0),o=s.map(({label:m,icon:l},u)=>e.jsx(h,{startIcon:l,isActive:i===u,isSubmenuOpen:m==="Documents"&&n,onClick:()=>{m!=="Documents"?(r(u),p(-1),a(!1)):a(g=>!g)},children:m},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(L,{children:[e.jsx(_,{actions:e.jsx(y,{styleType:"borderless",children:e.jsx(j,{})}),children:e.jsx("span",{children:"Documents"})}),e.jsx(E,{variant:"leading",children:"All documents"}),e.jsx("ul",{children:[...Array(10).fill(null)].map((m,l)=>e.jsx("li",{children:e.jsxs(V,{onClick:()=>{r(2),p(l)},children:["Folder ",l]})},l))})]})}),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=s[i])==null?void 0:x.label," page"]}),e.jsx(E,{isMuted:!0,children:d>=0&&`Contents of Folder ${d}`})]})]})};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/2240/react/assets/SkipToContentLink.stories-Crngc2IK.js b/2240/react/assets/SkipToContentLink.stories-Crngc2IK.js
new file mode 100644
index 00000000000..c679cb3debe
--- /dev/null
+++ b/2240/react/assets/SkipToContentLink.stories-Crngc2IK.js
@@ -0,0 +1 @@
+import{r as i,B as h,c as p,j as e}from"./index-t5nukUIt.js";import{T as t}from"./Text-BAOnoVWg.js";import{K as n}from"./Kbd-DFlg6dJ0.js";import{A as o}from"./Anchor-zmS0nF6X.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/2240/react/assets/Slider-DlQ1_ZPT.js b/2240/react/assets/Slider-DlQ1_ZPT.js
new file mode 100644
index 00000000000..cf2110708a5
--- /dev/null
+++ b/2240/react/assets/Slider-DlQ1_ZPT.js
@@ -0,0 +1 @@
+import{r as t,B as N,c as T,T as ce,d as me,l as R}from"./index-t5nukUIt.js";import{u as G}from"./useEventListener-5zUv3STn.js";function de(r,n){return n==="odd-segments"&&(r+1)%2===0||n==="even-segments"&&r%2===0}function J(r,n,e){let l=[],i=[...r];if(i.sort((m,p)=>m-p),i.length===0||i[0]<n||i[i.length-1]>e||n===e)return[];let s=n;for(let m=0;m<i.length;m++)l.push({left:s,right:i[m]}),s=i[m];return l.push({left:s,right:e}),l}const fe=r=>{let{className:n,trackDisplayMode:e,sliderMin:l,sliderMax:i,values:s,orientation:m}=r,[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 v=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},de(h,e)?t.createElement(N,{className:T("iui-slider-track",n),style:{...m==="horizontal"?{insetInlineStart:`${v}%`,insetInlineEnd:`${M}%`}:{insetBlockStart:`${M}%`,insetBlockEnd:`${v}%`}}}):null)}))},ge=r=>{let{value:n,index:e,minVal:l,maxVal:i,step:s,sliderMin:m,sliderMax:p,isActive:w,onThumbActivated:V,onThumbValueChanged:h,tooltipProps:v,thumbProps:M,disabled:o}=r,g=t.useRef(null),P=t.useCallback((b,E)=>{if(!(o||b.altKey)){switch(b.key){case"ArrowLeft":case"ArrowDown":h(e,Math.max(n-s,l),E);break;case"ArrowRight":case"ArrowUp":h(e,Math.min(n+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,n,s,l,i]),F=t.useCallback(()=>{o||V(e)},[o,e,V]),y=t.useMemo(()=>n<m?m:n>p?p:n,[p,m,n]),C=t.useMemo(()=>p===m?0:100*(y-m)/(p-m),[y,p,m]),{style:L,className:$,...A}=M||{};return t.createElement(ce,{placement:"top",autoUpdateOptions:{animationFrame:!0},ariaStrategy:"none",...v},t.createElement(N,{...A,ref:me(g,M==null?void 0:M.ref),style:{...L,"--iui-slider-thumb-position":`${C}%`},className:T("iui-slider-thumb",{"iui-active":w},$),role:"slider",tabIndex:o?void 0:0,"aria-valuemin":l,"aria-valuenow":n,"aria-valuemax":i,"aria-disabled":o,onPointerDown:F,onKeyDown:b=>P(b,!1),onKeyUp:b=>P(b,!0)}))};let Q=(r,n,e,l)=>{if(l==="horizontal")return(R(n,r.left,r.right)-r.left)/r.width;let i=R(e,r.top,r.bottom);return(r.bottom-i)/r.height},pe=(r,n)=>{if(r.length===1)return 0;let e=r.map(i=>Math.abs(i-n)),l=Math.min(...e);return e.indexOf(l)},U=(r,n)=>r!=="auto"?r:n.length%2?"even-segments":"odd-segments",W=(r,n,e)=>Math.round((r-e)/n)*n+e,be=(r,n,e)=>Number.isInteger(n)?r.toFixed(0):r.toFixed(e),he=(r,n)=>{var l;let e=r.ownerDocument;if(!r.contains(e.activeElement)||Number((l=e.activeElement)==null?void 0:l.getAttribute("data-index"))!==n){let i=r.querySelector(`[data-index="${n}"]`);i&&i.focus()}};const ke=t.forwardRef((r,n)=>{var q,H;let{min:e=0,max:l=100,values:i,step:s=1,tooltipProps:m,disabled:p=!1,tickLabels:w,minLabel:V,maxLabel:h,trackDisplayMode:v="auto",thumbMode:M="inhibit-crossing",onChange:o,onUpdate:g,thumbProps:P,className:F,trackContainerProps:y,minProps:C,maxProps:L,trackProps:$,tickProps:A,ticksProps:b,orientation:E="horizontal",...Z}=r,[c,I]=t.useState(i);t.useEffect(()=>{I(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(v,c));t.useEffect(()=>{le(U(v,c))},[v,c]);let D=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<c.length-1?c[a+1]-s:l;return[u,d]}return[e,l]},[l,e,s,M,c]),[k,j]=t.useState(void 0),O=t.useCallback((a,u)=>{if(D.current&&k!==void 0){let d=Q(D.current.getBoundingClientRect(),a.clientX,a.clientY,E),f=e+(l-e)*d;f=W(f,s,e);let[x,K]=B(k);if(f=R(f,x,K),f!==c[k]){let S=[...c];S[k]=f,I(S),u==="onChange"?o==null||o(S):g==null||g(S)}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(),O(a,"onUpdate"))},[k,O]),re=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),I(f)}},[c,g,o]),ne=t.useCallback(a=>{j(a)},[]),ie=t.useCallback(a=>{k!==void 0&&(O(a,"onChange"),j(void 0),a.preventDefault(),a.stopPropagation())},[k,O]),se=t.useCallback(a=>{if(D.current){let u=Q(D.current.getBoundingClientRect(),a.clientX,a.clientY,E),d=e+(l-e)*u;d=W(d,s,e);let f=pe(c,d),[x,K]=B(f);if(d=R(d,x,K),d===c[f])return;let S=[...c];S[f]=d,I(S),o==null||o(S),g==null||g(S),he(D.current,f),a.preventDefault(),a.stopPropagation()}},[e,l,s,c,B,o,g,E]);G("pointermove",ae,(q=D.current)==null?void 0:q.ownerDocument),G("pointerup",ie,(H=D.current)==null?void 0:H.ownerDocument);let ue=t.useMemo(()=>w?Array.isArray(w)?t.createElement(N,{as:"div",...b,className:T("iui-slider-ticks",b==null?void 0:b.className)},w.map((a,u)=>t.createElement(N,{as:"span",...A,key:u,className:T("iui-slider-tick",A==null?void 0:A.className)},a))):w:null,[w,A,b]),oe=t.useCallback((a,u)=>{let d=m?m(a,u,s):{};return{...d,content:d.content?d.content:be(u,s,Y)}},[Y,s,m]);return t.createElement(N,{ref:n,className:T("iui-slider-container",F),"data-iui-orientation":E,"data-iui-disabled":p?"true":void 0,...Z},z&&t.createElement(N,{as:"span",...C,className:T("iui-slider-min",C==null?void 0:C.className)},z),t.createElement(N,{ref:D,...y,className:T("iui-slider",{"iui-grabbing":k!==void 0},y==null?void 0:y.className),onPointerDown:se},c.map((a,u)=>{let[d,f]=B(u),x=P==null?void 0:P(u);return t.createElement(ge,{key:(x==null?void 0:x.id)??u,index:u,disabled:p,isActive:k===u,onThumbActivated:ne,onThumbValueChanged:re,minVal:d,maxVal:f,value:a,tooltipProps:oe(u,a),thumbProps:x,step:s,sliderMin:e,sliderMax:l})}),t.createElement(fe,{trackDisplayMode:te,sliderMin:e,sliderMax:l,values:c,orientation:E,...$})),ue,X&&t.createElement(N,{as:"span",...L,className:T("iui-slider-max",L==null?void 0:L.className)},X))});export{ke as S};
diff --git a/2240/react/assets/Slider.stories-CZJdgSs8.js b/2240/react/assets/Slider.stories-CZJdgSs8.js
new file mode 100644
index 00000000000..0bc04dbf8af
--- /dev/null
+++ b/2240/react/assets/Slider.stories-CZJdgSs8.js
@@ -0,0 +1 @@
+import{j as t,R as o}from"./index-t5nukUIt.js";import{S as u}from"./SmileyHappy-bgXJQ91t.js";import{S as d}from"./SmileySad-CluQUuh9.js";import{S as s}from"./Slider-DlQ1_ZPT.js";import{T as p}from"./Text-BAOnoVWg.js";import"./useEventListener-5zUv3STn.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/2240/react/assets/SmileyHappy-bgXJQ91t.js b/2240/react/assets/SmileyHappy-bgXJQ91t.js
new file mode 100644
index 00000000000..55ad087e592
--- /dev/null
+++ b/2240/react/assets/SmileyHappy-bgXJQ91t.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/SmileySad-CluQUuh9.js b/2240/react/assets/SmileySad-CluQUuh9.js
new file mode 100644
index 00000000000..dab3b4df86f
--- /dev/null
+++ b/2240/react/assets/SmileySad-CluQUuh9.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/SplitButton.stories-BlZqrJhQ.js b/2240/react/assets/SplitButton.stories-BlZqrJhQ.js
new file mode 100644
index 00000000000..9d4e513acc7
--- /dev/null
+++ b/2240/react/assets/SplitButton.stories-BlZqrJhQ.js
@@ -0,0 +1 @@
+import{r as t,n as j,I as w,B as P,c as v,j as o}from"./index-t5nukUIt.js";import{B as M}from"./Button-CCMFLemb.js";import{a as R,M as r}from"./MenuItem-C5HYGp0L.js";import{S as T}from"./SvgCaretUpSmall-CH8fRkcq.js";import{S as N}from"./SvgCaretDownSmall-D4bb48kW.js";import"./ProgressRadial-CnAU4x13.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";const z=t.forwardRef((e,s)=>{var p;let{onClick:l,menuItems:n,className:f,menuPlacement:b="bottom-end",styleType:m="default",size:c,children:y,wrapperProps:i,menuButtonProps:I,portal:x=!0,...C}=e,[u,a]=t.useState(!1),S=t.useMemo(()=>typeof n=="function"?n(()=>a(!1)):n,[n]),g={visible:u,onVisibleChange:a,placement:b,matchWidth:!0},d=j(),h=t.createElement(w,{styleType:m,size:c,disabled:e.disabled,"aria-labelledby":((p=e.labelProps)==null?void 0:p.id)||d,...I},u?t.createElement(T,null):t.createElement(N,null)),[B,E]=t.useState(null);return t.createElement(P,{as:"div",...i,ref:E,className:v("iui-button-split",{"iui-disabled":e.disabled},i==null?void 0:i.className)},t.createElement(M,{className:f,styleType:m,size:c,onClick:l,ref:s,...C,labelProps:{id:d,...e.labelProps}},y),t.createElement(R,{popoverProps:g,trigger:h,portal:x,positionReference:B,onKeyDown:({key:k})=>{k==="Tab"&&a(!1)}},S))}),q={title:"SplitButton",decorators:[e=>o.jsx("div",{style:{minHeight:150},children:o.jsx(e,{})})]},F=()=>{const e=(l,n)=>()=>{console.log(`Item #${l} clicked!`),n()},s=l=>[o.jsx(r,{onClick:e(1,l),children:"Item #1"},1),o.jsx(r,{onClick:e(2,l),children:"Item #2"},2),o.jsx(r,{onClick:e(3,l),children:"Item #3"},3)];return o.jsx(z,{onClick:()=>console.log("Primary button clicked!"),menuItems:s,styleType:"default",children:"Default"})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{F as Basic,q as default};
diff --git a/2240/react/assets/Star-Dr7kJj2-.js b/2240/react/assets/Star-Dr7kJj2-.js
new file mode 100644
index 00000000000..fec71685184
--- /dev/null
+++ b/2240/react/assets/Star-Dr7kJj2-.js
@@ -0,0 +1 @@
+import{r}from"./index-t5nukUIt.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/2240/react/assets/StatusWarning-Cbq0FZ8X.js b/2240/react/assets/StatusWarning-Cbq0FZ8X.js
new file mode 100644
index 00000000000..58a1ba02c61
--- /dev/null
+++ b/2240/react/assets/StatusWarning-Cbq0FZ8X.js
@@ -0,0 +1 @@
+import{r as e}from"./index-t5nukUIt.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/2240/react/assets/Stepper.stories-Xgt5FunY.js b/2240/react/assets/Stepper.stories-Xgt5FunY.js
new file mode 100644
index 00000000000..4b79a0687bc
--- /dev/null
+++ b/2240/react/assets/Stepper.stories-Xgt5FunY.js
@@ -0,0 +1 @@
+import{r as a,B as c,c as d,T as D,j as L}from"./index-t5nukUIt.js";const j=a.forwardRef((n,t)=>{let{title:C,index:e,currentStepNumber:r,totalSteps:b,type:k,onClick:i,description:m,className:N,style:f,stepProps:s,trackContentProps:p,circleProps:u,nameProps:l,...x}=n,o=r>e,y=r===e,S=o&&!!i,E=()=>{S&&(i==null||i(e))},w=g=>{g.altKey||S&&(g.key==="Enter"||g.key==="Space"||g.key===" ")&&E()},$=a.createElement(c,{as:"li",...s,className:d("iui-stepper-step",{"iui-current":y,"iui-clickable":S},N,s==null?void 0:s.className),style:{inlineSize:k==="default"?`${100/b}%`:void 0,...f,...s==null?void 0:s.style},onClick:E,onKeyDown:w,"aria-current":y?"step":void 0,tabIndex:S?0:void 0,ref:t,...x},a.createElement(c,{as:"div",...p,className:d("iui-stepper-track-content",p==null?void 0:p.className)},a.createElement(c,{as:"span",...u,className:d("iui-stepper-circle",u==null?void 0:u.className)},e+1)),k==="default"&&a.createElement(c,{as:"span",...l,className:d("iui-stepper-step-name",l==null?void 0:l.className)},C));return m?a.createElement(D,{content:m},$):$});let v={stepsCountLabel:(n,t)=>`Step ${n} of ${t}:`};const h=a.forwardRef((n,t)=>{let{currentStep:C,steps:e,type:r="default",localization:b=v,onStepClick:k,stepProps:i,trackContentProps:m,circleProps:N,nameProps:f,labelProps:s,labelCountProps:p,...u}=n,l=Math.min(Math.max(0,C??0),e.length-1);return a.createElement(c,{className:"iui-stepper",ref:t,...u},a.createElement("ol",null,e.map((x,o)=>{let y=i==null?void 0:i(o),S=m==null?void 0:m(o),E=N==null?void 0:N(o),w=f==null?void 0:f(o);return a.createElement(j,{stepProps:y,trackContentProps:S,circleProps:E,nameProps:w,key:o,index:o,title:r==="long"?"":x.name,currentStepNumber:l,totalSteps:e.length,type:r,onClick:k,description:x.description})})),r==="long"&&a.createElement(c,{as:"div",...s,className:d("iui-stepper-steps-label",s==null?void 0:s.className)},a.createElement(c,{as:"span",...p,className:d("iui-stepper-steps-label-count",p==null?void 0:p.className)},b.stepsCountLabel(l+1,e.length)),e[l].name))}),F={title:"Stepper"},T=()=>{const n=t=>{console.log(`Clicked index: ${t}`)};return L.jsx(h,{currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:n})},B=()=>{const n=t=>{console.log(`Clicked index: ${t}`)};return L.jsx(h,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],onStepClick:n})},K=()=>{const t={stepsCountLabel:(e,r)=>`Localized step ${e} of ${r}:`},C=e=>{console.log(`Clicked index: ${e}`)};return L.jsx(h,{type:"long",currentStep:2,steps:[{name:"First Step"},{name:"Completed Step"},{name:"Current Step"},{name:"Next Step"},{name:"Last Step"}],localization:t,onStepClick:C})},R=()=>{const n=t=>{console.log(`Clicked index: ${t}`)};return L.jsx(h,{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:n})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{T as Basic,K as LocalizedLong,B as Long,R as WithTooltips,F as default};
diff --git a/2240/react/assets/Surface.stories-DL1H5huw.js b/2240/react/assets/Surface.stories-DL1H5huw.js
new file mode 100644
index 00000000000..f402a107fa7
--- /dev/null
+++ b/2240/react/assets/Surface.stories-DL1H5huw.js
@@ -0,0 +1 @@
+import{r as i,u as y,B as p,c as h,j as e,I as q}from"./index-t5nukUIt.js";import{S}from"./Settings-BsRB1D0h.js";import{s as j}from"./supports-COocl_0Z.js";import{T as a}from"./Text-BAOnoVWg.js";import{C as E}from"./Code-tt0Fl-J4.js";import{F as x}from"./Flex-BMtqRvku.js";import{D as l}from"./Divider-DGhJVy2r.js";import{B}from"./Button-CCMFLemb.js";import{A as n}from"./Anchor-zmS0nF6X.js";import"./ProgressRadial-CnAU4x13.js";let H=t=>{switch(t){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}},C=t=>{if(typeof t=="string")return t;if(t===!1)return"none"},L=i.forwardRef((t,s)=>{let{children:u,className:d,...c}=t,{setHasLayout:o}=y(f);return i.useEffect(()=>{j()||o(!0)},[o]),i.createElement(p,{className:h("iui-surface-header",d),ref:s,...c},u)}),D=i.forwardRef((t,s)=>{let{children:u,className:d,isPadded:c=!1,...o}=t,{setHasLayout:m}=y(f);return i.useEffect(()=>{j()||m(!0)},[m]),i.createElement(p,{className:h("iui-surface-body",d),ref:s,"data-iui-padded":c?"true":void 0,...o},u)});const r=Object.assign(i.forwardRef((t,s)=>{let{elevation:u,border:d=!0,className:c,style:o,children:m,...v}=t,[g,w]=i.useState(!1),b={"--iui-surface-elevation":H(u),"--iui-surface-border":C(d),...o};return i.createElement(p,{className:h("iui-surface",c),style:b,ref:s,"data-iui-layout":g?"true":void 0,...v},i.createElement(f.Provider,{value:{setHasLayout:w}},m))}),{Header:L,Body:D});let f=i.createContext(void 0);const N=t=>i.createElement("svg",{viewBox:"0 0 32 32",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...t},i.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"})),M={title:"Surface"},W=()=>{const t={height:"100px",display:"flex",justifyContent:"center",alignItems:"center",padding:"12px"};return e.jsx(r,{elevation:1,style:t,children:e.jsxs(a,{children:["The Surface container allows content to appear elevated through the use of a drop shadow. Change the ",e.jsx(E,{children:"elevation"})," property of the component to adjust the shadow level."]})})},_=()=>e.jsxs(r,{elevation:1,children:[e.jsx(r.Header,{children:e.jsxs(x,{justifyContent:"space-between",style:{flexGrow:"1"},children:[e.jsx(a,{variant:"subheading",as:"h2",children:"Custom surface"}),e.jsx(q,{styleType:"borderless",children:e.jsx(S,{})})]})}),e.jsx(r.Body,{isPadded:!0,children:e.jsx(a,{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."})})]}),z=()=>{const t={maxHeight:"300px"};return e.jsxs(r,{elevation:1,style:t,children:[e.jsx(r.Header,{children:e.jsx(a,{variant:"subheading",as:"h2",children:"Surface with overflow & button footer"})}),e.jsx(r.Body,{isPadded:!0,children:e.jsx(a,{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(l,{}),e.jsx(B,{styleType:"borderless",children:"View All"})]})},k=()=>{const t={padding:"var(--iui-size-s)",position:"relative"},s={maxHeight:"300px"};return e.jsxs(r,{elevation:1,style:s,children:[e.jsx(r.Header,{children:e.jsx(a,{variant:"subheading",as:"h2",children:"Surface with overflow & no body padding"})}),e.jsx(r.Body,{isPadded:!1,children:e.jsx(x,{flexDirection:"column",style:{flex:"1"},children:e.jsxs("ul",{style:{width:"100%",listStyle:"none",margin:"0",padding:"0"},children:[e.jsx("li",{style:t,children:e.jsx(n,{children:"Daily log"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(n,{children:"Inspections"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(n,{children:"Issues"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(n,{children:"Observations"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(n,{children:"RFIs"})}),e.jsx(l,{}),e.jsx("li",{style:t,children:e.jsx(n,{children:"Weather delay notices"})})]})})})]})},J=()=>{const t={height:"300px"};return e.jsxs(r,{elevation:1,style:t,children:[e.jsx(r.Header,{children:e.jsx(a,{variant:"subheading",as:"h2",children:"Surface with empty state"})}),e.jsx(r.Body,{style:{display:"flex"},isPadded:!0,children:e.jsxs(x,{justifyContent:"center",alignItems:"center",flexDirection:"column",style:{flexGrow:"1",textAlign:"center"},children:[e.jsx(N,{}),e.jsx(a,{variant:"body",isMuted:!0,children:"No new activity"})]})})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{W as Basic,_ as Custom,J as EmptyState,k as NoPadding,z as OverflowWithButtonFooter,M as default};
diff --git a/2240/react/assets/SvgCaretDownSmall-D4bb48kW.js b/2240/react/assets/SvgCaretDownSmall-D4bb48kW.js
new file mode 100644
index 00000000000..8a375e6361a
--- /dev/null
+++ b/2240/react/assets/SvgCaretDownSmall-D4bb48kW.js
@@ -0,0 +1 @@
+import{r as a,q as t}from"./index-t5nukUIt.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/2240/react/assets/SvgCaretUpSmall-CH8fRkcq.js b/2240/react/assets/SvgCaretUpSmall-CH8fRkcq.js
new file mode 100644
index 00000000000..128b3ced2ba
--- /dev/null
+++ b/2240/react/assets/SvgCaretUpSmall-CH8fRkcq.js
@@ -0,0 +1 @@
+import{r as a,q as t}from"./index-t5nukUIt.js";const m=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{m as S};
diff --git a/2240/react/assets/SvgCheckmark-uXV5t-W5.js b/2240/react/assets/SvgCheckmark-uXV5t-W5.js
new file mode 100644
index 00000000000..417d4dac2a1
--- /dev/null
+++ b/2240/react/assets/SvgCheckmark-uXV5t-W5.js
@@ -0,0 +1 @@
+import{r as e,q as r}from"./index-t5nukUIt.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/2240/react/assets/SvgChevronLeft-CH8boqDV.js b/2240/react/assets/SvgChevronLeft-CH8boqDV.js
new file mode 100644
index 00000000000..5ea7b8615f3
--- /dev/null
+++ b/2240/react/assets/SvgChevronLeft-CH8boqDV.js
@@ -0,0 +1 @@
+import{r as e,q as r}from"./index-t5nukUIt.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/2240/react/assets/SvgChevronRight-D4u8Qhfr.js b/2240/react/assets/SvgChevronRight-D4u8Qhfr.js
new file mode 100644
index 00000000000..a942f92f728
--- /dev/null
+++ b/2240/react/assets/SvgChevronRight-D4u8Qhfr.js
@@ -0,0 +1 @@
+import{r as e,q as r}from"./index-t5nukUIt.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/2240/react/assets/Table-5fgbm936.js b/2240/react/assets/Table-5fgbm936.js
new file mode 100644
index 00000000000..254b24a4573
--- /dev/null
+++ b/2240/react/assets/Table-5fgbm936.js
@@ -0,0 +1,8 @@
+import{r as m,B as ae,L as At,q as Nt,s as ml,I as un,c as Ie,d as Kn,W as Wt,X as qn,P as pl,o as Gn,k as vl,f as An}from"./index-t5nukUIt.js";import{P as Nn}from"./ProgressRadial-CnAU4x13.js";import{S as Un}from"./SvgChevronRight-D4u8Qhfr.js";import{C as Ln}from"./Checkbox-B3IcZK1h.js";import{u as hl}from"./useIntersection-PIH1b3k1.js";import{u as Rl}from"./useVirtualScroll-CFcjEM5a.js";import{W as yl}from"./WithCSSTransition-8CV2-R5E.js";const Jn=m.forwardRef((l,o)=>{let{lines:s,children:u,...g}=l;return m.createElement(ae,{ref:o,...g,style:{"--_iui-line-clamp":s,...l.style}},m.createElement(At,{css:bl},m.createElement("slot",null)),u)});let bl=`
+  :host {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--_iui-line-clamp, 3);
+    -webkit-box-orient: vertical;
+  }
+`;const wl=l=>m.createElement(Nt,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"})),Sl=l=>m.createElement(Nt,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"})),Cl=l=>m.createElement(Nt,l,m.createElement("path",{d:"m0 0v2l6 5v9l4-3v-6l6-5v-2z"})),El=l=>m.createElement(Nt,l,m.createElement("path",{d:"M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z"}));var Yn={exports:{}},on={exports:{}};(function(l,o){(function(s,u){u(o,m)})(ml,function(s,u){function g(e,t,n,r,a,i,c){try{var p=e[i](c),v=p.value}catch(R){return void n(R)}p.done?t(v):Promise.resolve(v).then(r,a)}function h(e){return function(){var t=this,n=arguments;return new Promise(function(r,a){var i=e.apply(t,n);function c(v){g(i,r,a,c,p,"next",v)}function p(v){g(i,r,a,c,p,"throw",v)}c(void 0)})}}function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function b(e,t){if(e==null)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}function B(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var a=n[Symbol.toPrimitive];if(a!==void 0){var i=a.call(n,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(n)}(e,"string");return typeof t=="symbol"?t:String(t)}u=u&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u;var f={init:"init"},P=function(e){var t=e.value;return t===void 0?"":t},F=function(){return u.createElement(u.Fragment,null," ")},G={Cell:P,width:150,minWidth:0,maxWidth:Number.MAX_SAFE_INTEGER};function L(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(r,a){var i=a.style,c=a.className;return r=d({},r,{},b(a,["style","className"])),i&&(r.style=r.style?d({},r.style||{},{},i||{}):i),c&&(r.className=r.className?r.className+" "+c:c),r.className===""&&delete r.className,r},{})}var H=function(e,t){return t===void 0&&(t={}),function(n){return n===void 0&&(n={}),[].concat(e,[n]).reduce(function(r,a){return function i(c,p,v){return typeof p=="function"?i({},p(c,v)):Array.isArray(p)?L.apply(void 0,[c].concat(p)):L(c,p)}(r,a,d({},t,{userProps:n}))},{})}},ee=function(e,t,n,r){return n===void 0&&(n={}),e.reduce(function(a,i){return i(a,n)},t)},oe=function(e,t,n){return n===void 0&&(n={}),e.forEach(function(r){r(t,n)})};function ie(e,t,n,r){e.findIndex(function(a){return a.pluginName===n}),t.forEach(function(a){e.findIndex(function(i){return i.pluginName===a})})}function ue(e,t){return typeof e=="function"?e(t):e}function J(e){var t=u.useRef();return t.current=e,u.useCallback(function(){return t.current},[])}var te=typeof document<"u"?u.useLayoutEffect:u.useEffect;function ne(e,t){var n=u.useRef(!1);te(function(){n.current&&e(),n.current=!0},t)}function Ce(e,t,n){return n===void 0&&(n={}),function(r,a){a===void 0&&(a={});var i=typeof r=="string"?t[r]:r;if(i===void 0)throw console.info(t),new Error("Renderer Error ☝️");return ce(i,d({},e,{column:t},n,{},a))}}function ce(e,t){return function(r){return typeof r=="function"&&(a=Object.getPrototypeOf(r)).prototype&&a.prototype.isReactComponent;var a}(n=e)||typeof n=="function"||function(r){return typeof r=="object"&&typeof r.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(r.$$typeof.description)}(n)?u.createElement(e,t):e;var n}function Ge(e,t,n){return n===void 0&&(n=0),e.map(function(r){return Oe(r=d({},r,{parent:t,depth:n})),r.columns&&(r.columns=Ge(r.columns,r,n+1)),r})}function re(e){return je(e,"columns")}function Oe(e){var t=e.id,n=e.accessor,r=e.Header;if(typeof n=="string"){t=t||n;var a=n.split(".");n=function(i){return function(c,p,v){if(!p)return c;var R,E=typeof p=="function"?p:JSON.stringify(p),w=Me.get(E)||function(){var S=function(y){return function C(z,k){if(k===void 0&&(k=[]),Array.isArray(z))for(var A=0;A<z.length;A+=1)C(z[A],k);else k.push(z);return k}(y).map(function(C){return String(C).replace(".","_")}).join(".").replace($e,".").replace(Ke,"").split(".")}(p);return Me.set(E,S),S}();try{R=w.reduce(function(S,y){return S[y]},c)}catch{}return R!==void 0?R:v}(i,a)}}if(!t&&typeof r=="string"&&r&&(t=r),!t&&e.columns)throw console.error(e),new Error('A column ID (or unique "Header" value) is required!');if(!t)throw console.error(e),new Error("A column ID (or string accessor) is required!");return Object.assign(e,{id:t,accessor:n}),e}function de(e,t){if(!t)throw new Error;return Object.assign(e,d({Header:F,Footer:F},G,{},t,{},e)),Object.assign(e,{originalWidth:e.width}),e}function ke(e,t,n){n===void 0&&(n=function(){return{}});for(var r=[],a=e,i=0,c=function(){return i++},p=function(){var v={headers:[]},R=[],E=a.some(function(w){return w.parent});a.forEach(function(w){var S,y=[].concat(R).reverse()[0];E&&(w.parent?S=d({},w.parent,{originalId:w.parent.id,id:w.parent.id+"_"+c(),headers:[w]},n(w)):S=de(d({originalId:w.id+"_placeholder",id:w.id+"_placeholder_"+c(),placeholderOf:w,headers:[w]},n(w)),t),y&&y.originalId===S.originalId?y.headers.push(w):R.push(S)),v.headers.push(w)}),r.push(v),a=R};a.length;)p();return r.reverse()}var Me=new Map;function Ee(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=0;r<t.length;r+=1)if(t[r]!==void 0)return t[r]}function De(e){if(typeof e=="function")return e}function je(e,t){var n=[];return function r(a){a.forEach(function(i){i[t]?r(i[t]):n.push(i)})}(e),n}function _e(e,t){var n=t.manualExpandedKey,r=t.expanded,a=t.expandSubRows,i=a===void 0||a,c=[];return e.forEach(function(p){return function v(R,E){E===void 0&&(E=!0),R.isExpanded=R.original&&R.original[n]||r[R.id],R.canExpand=R.subRows&&!!R.subRows.length,E&&c.push(R),R.subRows&&R.subRows.length&&R.isExpanded&&R.subRows.forEach(function(w){return v(w,i)})}(p)}),c}function Ae(e,t,n){return De(e)||t[e]||n[e]||n.text}function ot(e,t,n){return e?e(t,n):t===void 0}function Fe(){throw new Error("React-Table: You have not called prepareRow(row) one or more rows you are attempting to render.")}var Xe=null,$e=/\[/g,Ke=/\]/g,qe=function(e){return d({role:"table"},e)},we=function(e){return d({role:"rowgroup"},e)},Lt=function(e,t){var n=t.column;return d({key:"header_"+n.id,colSpan:n.totalVisibleHeaderCount,role:"columnheader"},e)},We=function(e,t){var n=t.column;return d({key:"footer_"+n.id,colSpan:n.totalVisibleHeaderCount},e)},Ot=function(e,t){return d({key:"headerGroup_"+t.index,role:"row"},e)},Mt=function(e,t){return d({key:"footerGroup_"+t.index},e)},Rt=function(e,t){return d({key:"row_"+t.row.id,role:"row"},e)},yt=function(e,t){var n=t.cell;return d({key:"cell_"+n.row.id+"_"+n.column.id,role:"cell"},e)};function Ue(){return{useOptions:[],stateReducers:[],useControlledState:[],columns:[],columnsDeps:[],allColumns:[],allColumnsDeps:[],accessValue:[],materializedColumns:[],materializedColumnsDeps:[],useInstanceAfterData:[],visibleColumns:[],visibleColumnsDeps:[],headerGroups:[],headerGroupsDeps:[],useInstanceBeforeDimensions:[],useInstance:[],prepareRow:[],getTableProps:[qe],getTableBodyProps:[we],getHeaderGroupProps:[Ot],getFooterGroupProps:[Mt],getHeaderProps:[Lt],getFooterProps:[We],getRowProps:[Rt],getCellProps:[yt],useFinalInstance:[]}}f.resetHiddenColumns="resetHiddenColumns",f.toggleHideColumn="toggleHideColumn",f.setHiddenColumns="setHiddenColumns",f.toggleHideAllColumns="toggleHideAllColumns";var Je=function(e){e.getToggleHiddenProps=[it],e.getToggleHideAllColumnsProps=[st],e.stateReducers.push(Ve),e.useInstanceBeforeDimensions.push(Dt),e.headerGroupsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.hiddenColumns])}),e.useInstance.push(Vt)};Je.pluginName="useColumnVisibility";var it=function(e,t){var n=t.column;return[e,{onChange:function(r){n.toggleHidden(!r.target.checked)},style:{cursor:"pointer"},checked:n.isVisible,title:"Toggle Column Visible"}]},st=function(e,t){var n=t.instance;return[e,{onChange:function(r){n.toggleHideAllColumns(!r.target.checked)},style:{cursor:"pointer"},checked:!n.allColumnsHidden&&!n.state.hiddenColumns.length,title:"Toggle All Columns Hidden",indeterminate:!n.allColumnsHidden&&n.state.hiddenColumns.length}]};function Ve(e,t,n,r){if(t.type===f.init)return d({hiddenColumns:[]},e);if(t.type===f.resetHiddenColumns)return d({},e,{hiddenColumns:r.initialState.hiddenColumns||[]});if(t.type===f.toggleHideColumn){var a=(t.value!==void 0?t.value:!e.hiddenColumns.includes(t.columnId))?[].concat(e.hiddenColumns,[t.columnId]):e.hiddenColumns.filter(function(i){return i!==t.columnId});return d({},e,{hiddenColumns:a})}return t.type===f.setHiddenColumns?d({},e,{hiddenColumns:ue(t.value,e.hiddenColumns)}):t.type===f.toggleHideAllColumns?d({},e,{hiddenColumns:(t.value!==void 0?t.value:!e.hiddenColumns.length)?r.allColumns.map(function(i){return i.id}):[]}):void 0}function Dt(e){var t=e.headers,n=e.state.hiddenColumns;u.useRef(!1).current;var r=0;t.forEach(function(a){return r+=function i(c,p){c.isVisible=p&&!n.includes(c.id);var v=0;return c.headers&&c.headers.length?c.headers.forEach(function(R){return v+=i(R,c.isVisible)}):v=c.isVisible?1:0,c.totalVisibleHeaderCount=v,v}(a,!0)})}function Vt(e){var t=e.columns,n=e.flatHeaders,r=e.dispatch,a=e.allColumns,i=e.getHooks,c=e.state.hiddenColumns,p=e.autoResetHiddenColumns,v=p===void 0||p,R=J(e),E=a.length===c.length,w=u.useCallback(function(k,A){return r({type:f.toggleHideColumn,columnId:k,value:A})},[r]),S=u.useCallback(function(k){return r({type:f.setHiddenColumns,value:k})},[r]),y=u.useCallback(function(k){return r({type:f.toggleHideAllColumns,value:k})},[r]),C=H(i().getToggleHideAllColumnsProps,{instance:R()});n.forEach(function(k){k.toggleHidden=function(A){r({type:f.toggleHideColumn,columnId:k.id,value:A})},k.getToggleHiddenProps=H(i().getToggleHiddenProps,{instance:R(),column:k})});var z=J(v);ne(function(){z()&&r({type:f.resetHiddenColumns})},[r,t]),Object.assign(e,{allColumnsHidden:E,toggleHideColumn:w,setHiddenColumns:S,toggleHideAllColumns:y,getToggleHideAllColumnsProps:C})}var Ye={},Se={},jt=function(e,t,n){return e},ut=function(e,t){return e.subRows||[]},bt=function(e,t,n){return""+(n?[n.id,t].join("."):t)},_t=function(e){return e};function at(e){var t=e.initialState,n=t===void 0?Ye:t,r=e.defaultColumn,a=r===void 0?Se:r,i=e.getSubRows,c=i===void 0?ut:i,p=e.getRowId,v=p===void 0?bt:p,R=e.stateReducer,E=R===void 0?jt:R,w=e.useControlledState,S=w===void 0?_t:w;return d({},b(e,["initialState","defaultColumn","getSubRows","getRowId","stateReducer","useControlledState"]),{initialState:n,defaultColumn:a,getSubRows:c,getRowId:v,stateReducer:E,useControlledState:S})}function Re(e,t){t===void 0&&(t=0);var n=0,r=0,a=0,i=0;return e.forEach(function(c){var p=c.headers;if(c.totalLeft=t,p&&p.length){var v=Re(p,t),R=v[0],E=v[1],w=v[2],S=v[3];c.totalMinWidth=R,c.totalWidth=E,c.totalMaxWidth=w,c.totalFlexWidth=S}else c.totalMinWidth=c.minWidth,c.totalWidth=Math.min(Math.max(c.minWidth,c.width),c.maxWidth),c.totalMaxWidth=c.maxWidth,c.totalFlexWidth=c.canResize?c.totalWidth:0;c.isVisible&&(t+=c.totalWidth,n+=c.totalMinWidth,r+=c.totalWidth,a+=c.totalMaxWidth,i+=c.totalFlexWidth)}),[n,r,a,i]}function Xt(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.column,c=e.getRowId,p=e.getSubRows,v=e.accessValueHooks,R=e.getInstance;t.forEach(function(E,w){return function S(y,C,z,k,A){z===void 0&&(z=0);var X=y,T=c(y,C,k),x=a[T];if(x)x.subRows&&x.originalSubRows.forEach(function(W,V){return S(W,V,z+1,x)});else if((x={id:T,original:X,index:C,depth:z,cells:[{}]}).cells.map=Fe,x.cells.filter=Fe,x.cells.forEach=Fe,x.cells[0].getCellProps=Fe,x.values={},A.push(x),r.push(x),a[T]=x,x.originalSubRows=p(y,C),x.originalSubRows){var _=[];x.originalSubRows.forEach(function(W,V){return S(W,V,z+1,x,_)}),x.subRows=_}i.accessor&&(x.values[i.id]=i.accessor(y,C,x,A,t)),x.values[i.id]=ee(v,x.values[i.id],{row:x,column:i,instance:R()})}(E,w,0,void 0,n)})}f.resetExpanded="resetExpanded",f.toggleRowExpanded="toggleRowExpanded",f.toggleAllRowsExpanded="toggleAllRowsExpanded";var xe=function(e){e.getToggleAllRowsExpandedProps=[He],e.getToggleRowExpandedProps=[wt],e.stateReducers.push(Qe),e.useInstance.push(Ze),e.prepareRow.push($t)};xe.pluginName="useExpanded";var He=function(e,t){var n=t.instance;return[e,{onClick:function(r){n.toggleAllRowsExpanded()},style:{cursor:"pointer"},title:"Toggle All Rows Expanded"}]},wt=function(e,t){var n=t.row;return[e,{onClick:function(){n.toggleRowExpanded()},style:{cursor:"pointer"},title:"Toggle Row Expanded"}]};function Qe(e,t,n,r){if(t.type===f.init)return d({expanded:{}},e);if(t.type===f.resetExpanded)return d({},e,{expanded:r.initialState.expanded||{}});if(t.type===f.toggleAllRowsExpanded){var a=t.value,i=r.rowsById,c=Object.keys(i).length===Object.keys(e.expanded).length;if(a!==void 0?a:!c){var p={};return Object.keys(i).forEach(function(C){p[C]=!0}),d({},e,{expanded:p})}return d({},e,{expanded:{}})}if(t.type===f.toggleRowExpanded){var v,R=t.id,E=t.value,w=e.expanded[R],S=E!==void 0?E:!w;if(!w&&S)return d({},e,{expanded:d({},e.expanded,(v={},v[R]=!0,v))});if(w&&!S){var y=e.expanded;return y[R],d({},e,{expanded:b(y,[R].map(B))})}return e}}function Ze(e){var t=e.data,n=e.rows,r=e.rowsById,a=e.manualExpandedKey,i=a===void 0?"expanded":a,c=e.paginateExpandedRows,p=c===void 0||c,v=e.expandSubRows,R=v===void 0||v,E=e.autoResetExpanded,w=E===void 0||E,S=e.getHooks,y=e.plugins,C=e.state.expanded,z=e.dispatch;ie(y,["useSortBy","useGroupBy","usePivotColumns","useGlobalFilter"],"useExpanded");var k=J(w),A=!!(Object.keys(r).length&&Object.keys(C).length);A&&Object.keys(r).some(function(q){return!C[q]})&&(A=!1),ne(function(){k()&&z({type:f.resetExpanded})},[z,t]);var X=u.useCallback(function(q,O){z({type:f.toggleRowExpanded,id:q,value:O})},[z]),T=u.useCallback(function(q){return z({type:f.toggleAllRowsExpanded,value:q})},[z]),x=u.useMemo(function(){return p?_e(n,{manualExpandedKey:i,expanded:C,expandSubRows:R}):n},[p,n,i,C,R]),_=u.useMemo(function(){return function(q){var O=0;return Object.keys(q).forEach(function(D){var Z=D.split(".");O=Math.max(O,Z.length)}),O}(C)},[C]),W=J(e),V=H(S().getToggleAllRowsExpandedProps,{instance:W()});Object.assign(e,{preExpandedRows:n,expandedRows:x,rows:x,expandedDepth:_,isAllRowsExpanded:A,toggleRowExpanded:X,toggleAllRowsExpanded:T,getToggleAllRowsExpandedProps:V})}function $t(e,t){var n=t.instance.getHooks,r=t.instance;e.toggleRowExpanded=function(a){return r.toggleRowExpanded(e.id,a)},e.getToggleRowExpandedProps=H(n().getToggleRowExpandedProps,{instance:r,row:e})}var ct=function(e,t,n){return e=e.filter(function(r){return t.some(function(a){var i=r.values[a];return String(i).toLowerCase().includes(String(n).toLowerCase())})})};ct.autoRemove=function(e){return!e};var dt=function(e,t,n){return e.filter(function(r){return t.some(function(a){var i=r.values[a];return i===void 0||String(i).toLowerCase()===String(n).toLowerCase()})})};dt.autoRemove=function(e){return!e};var St=function(e,t,n){return e.filter(function(r){return t.some(function(a){var i=r.values[a];return i===void 0||String(i)===String(n)})})};St.autoRemove=function(e){return!e};var et=function(e,t,n){return e.filter(function(r){return t.some(function(a){return r.values[a].includes(n)})})};et.autoRemove=function(e){return!e||!e.length};var ft=function(e,t,n){return e.filter(function(r){return t.some(function(a){var i=r.values[a];return i&&i.length&&n.every(function(c){return i.includes(c)})})})};ft.autoRemove=function(e){return!e||!e.length};var tt=function(e,t,n){return e.filter(function(r){return t.some(function(a){var i=r.values[a];return i&&i.length&&n.some(function(c){return i.includes(c)})})})};tt.autoRemove=function(e){return!e||!e.length};var Ct=function(e,t,n){return e.filter(function(r){return t.some(function(a){var i=r.values[a];return n.includes(i)})})};Ct.autoRemove=function(e){return!e||!e.length};var Be=function(e,t,n){return e.filter(function(r){return t.some(function(a){return r.values[a]===n})})};Be.autoRemove=function(e){return e===void 0};var nt=function(e,t,n){return e.filter(function(r){return t.some(function(a){return r.values[a]==n})})};nt.autoRemove=function(e){return e==null};var rt=function(e,t,n){var r=n||[],a=r[0],i=r[1];if((a=typeof a=="number"?a:-1/0)>(i=typeof i=="number"?i:1/0)){var c=a;a=i,i=c}return e.filter(function(p){return t.some(function(v){var R=p.values[v];return R>=a&&R<=i})})};rt.autoRemove=function(e){return!e||typeof e[0]!="number"&&typeof e[1]!="number"};var Pe=Object.freeze({__proto__:null,text:ct,exactText:dt,exactTextCase:St,includes:et,includesAll:ft,includesSome:tt,includesValue:Ct,exact:Be,equals:nt,between:rt});f.resetFilters="resetFilters",f.setFilter="setFilter",f.setAllFilters="setAllFilters";var gt=function(e){e.stateReducers.push(Kt),e.useInstance.push(qt)};function Kt(e,t,n,r){if(t.type===f.init)return d({filters:[]},e);if(t.type===f.resetFilters)return d({},e,{filters:r.initialState.filters||[]});if(t.type===f.setFilter){var a=t.columnId,i=t.filterValue,c=r.allColumns,p=r.filterTypes,v=c.find(function(z){return z.id===a});if(!v)throw new Error("React-Table: Could not find a column with id: "+a);var R=Ae(v.filter,p||{},Pe),E=e.filters.find(function(z){return z.id===a}),w=ue(i,E&&E.value);return ot(R.autoRemove,w,v)?d({},e,{filters:e.filters.filter(function(z){return z.id!==a})}):d({},e,E?{filters:e.filters.map(function(z){return z.id===a?{id:a,value:w}:z})}:{filters:[].concat(e.filters,[{id:a,value:w}])})}if(t.type===f.setAllFilters){var S=t.filters,y=r.allColumns,C=r.filterTypes;return d({},e,{filters:ue(S,e.filters).filter(function(z){var k=y.find(function(A){return A.id===z.id});return!ot(Ae(k.filter,C||{},Pe).autoRemove,z.value,k)})})}}function qt(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.filterTypes,p=e.manualFilters,v=e.defaultCanFilter,R=v!==void 0&&v,E=e.disableFilters,w=e.state.filters,S=e.dispatch,y=e.autoResetFilters,C=y===void 0||y,z=u.useCallback(function(W,V){S({type:f.setFilter,columnId:W,filterValue:V})},[S]),k=u.useCallback(function(W){S({type:f.setAllFilters,filters:W})},[S]);i.forEach(function(W){var V=W.id,q=W.accessor,O=W.defaultCanFilter,D=W.disableFilters;W.canFilter=q?Ee(D!==!0&&void 0,E!==!0&&void 0,!0):Ee(O,R,!1),W.setFilter=function(j){return z(W.id,j)};var Z=w.find(function(j){return j.id===V});W.filterValue=Z&&Z.value});var A=u.useMemo(function(){if(p||!w.length)return[n,r,a];var W=[],V={};return[function q(O,D){D===void 0&&(D=0);var Z=O;return(Z=w.reduce(function(j,Q){var Y=Q.id,le=Q.value,N=i.find(function(ge){return ge.id===Y});if(!N)return j;D===0&&(N.preFilteredRows=j);var U=Ae(N.filter,c||{},Pe);return U?(N.filteredRows=U(j,[Y],le),N.filteredRows):(console.warn("Could not find a valid 'column.filter' for column with the ID: "+N.id+"."),j)},O)).forEach(function(j){W.push(j),V[j.id]=j,j.subRows&&(j.subRows=j.subRows&&j.subRows.length>0?q(j.subRows,D+1):j.subRows)}),Z}(n),W,V]},[p,w,n,r,a,i,c]),X=A[0],T=A[1],x=A[2];u.useMemo(function(){i.filter(function(W){return!w.find(function(V){return V.id===W.id})}).forEach(function(W){W.preFilteredRows=X,W.filteredRows=X})},[X,w,i]);var _=J(C);ne(function(){_()&&S({type:f.resetFilters})},[S,p?null:t]),Object.assign(e,{preFilteredRows:n,preFilteredFlatRows:r,preFilteredRowsById:a,filteredRows:X,filteredFlatRows:T,filteredRowsById:x,rows:X,flatRows:T,rowsById:x,setFilter:z,setAllFilters:k})}gt.pluginName="useFilters",f.resetGlobalFilter="resetGlobalFilter",f.setGlobalFilter="setGlobalFilter";var Ne=function(e){e.stateReducers.push(Ut),e.useInstance.push(Et)};function Ut(e,t,n,r){if(t.type===f.resetGlobalFilter)return d({},e,{globalFilter:r.initialState.globalFilter||void 0});if(t.type===f.setGlobalFilter){var a=t.filterValue,i=r.userFilterTypes,c=Ae(r.globalFilter,i||{},Pe),p=ue(a,e.globalFilter);return ot(c.autoRemove,p)?(e.globalFilter,b(e,["globalFilter"])):d({},e,{globalFilter:p})}}function Et(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.filterTypes,p=e.globalFilter,v=e.manualGlobalFilter,R=e.state.globalFilter,E=e.dispatch,w=e.autoResetGlobalFilter,S=w===void 0||w,y=e.disableGlobalFilter,C=u.useCallback(function(x){E({type:f.setGlobalFilter,filterValue:x})},[E]),z=u.useMemo(function(){if(v||R===void 0)return[n,r,a];var x=[],_={},W=Ae(p,c||{},Pe);if(!W)return console.warn("Could not find a valid 'globalFilter' option."),n;i.forEach(function(q){var O=q.disableGlobalFilter;q.canFilter=Ee(O!==!0&&void 0,y!==!0&&void 0,!0)});var V=i.filter(function(q){return q.canFilter===!0});return[function q(O){return(O=W(O,V.map(function(D){return D.id}),R)).forEach(function(D){x.push(D),_[D.id]=D,D.subRows=D.subRows&&D.subRows.length?q(D.subRows):D.subRows}),O}(n),x,_]},[v,R,p,c,i,n,r,a,y]),k=z[0],A=z[1],X=z[2],T=J(S);ne(function(){T()&&E({type:f.resetGlobalFilter})},[E,v?null:t]),Object.assign(e,{preGlobalFilteredRows:n,preGlobalFilteredFlatRows:r,preGlobalFilteredRowsById:a,globalFilteredRows:k,globalFilteredFlatRows:A,globalFilteredRowsById:X,rows:k,flatRows:A,rowsById:X,setGlobalFilter:C,disableGlobalFilter:y})}function mt(e,t){return t.reduce(function(n,r){return n+(typeof r=="number"?r:0)},0)}Ne.pluginName="useGlobalFilter";var I=Object.freeze({__proto__:null,sum:mt,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 mt(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}}),$=[],ve={};f.resetGroupBy="resetGroupBy",f.setGroupBy="setGroupBy",f.toggleGroupBy="toggleGroupBy";var se=function(e){e.getGroupByToggleProps=[xt],e.stateReducers.push(pr),e.visibleColumnsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.groupBy])}),e.visibleColumns.push(vr),e.useInstance.push(Rr),e.prepareRow.push(yr)};se.pluginName="useGroupBy";var xt=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 pr(e,t,n,r){if(t.type===f.init)return d({groupBy:[]},e);if(t.type===f.resetGroupBy)return d({},e,{groupBy:r.initialState.groupBy||[]});if(t.type===f.setGroupBy)return d({},e,{groupBy:t.value});if(t.type===f.toggleGroupBy){var a=t.columnId,i=t.value,c=i!==void 0?i:!e.groupBy.includes(a);return d({},e,c?{groupBy:[].concat(e.groupBy,[a])}:{groupBy:e.groupBy.filter(function(p){return p!==a})})}}function vr(e,t){var n=t.instance.state.groupBy,r=n.map(function(i){return e.find(function(c){return c.id===i})}).filter(Boolean),a=e.filter(function(i){return!n.includes(i.id)});return(e=[].concat(r,a)).forEach(function(i){i.isGrouped=n.includes(i.id),i.groupedIndex=n.indexOf(i.id)}),e}var hr={};function Rr(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.rowsById,i=e.allColumns,c=e.flatHeaders,p=e.groupByFn,v=p===void 0?dn:p,R=e.manualGroupBy,E=e.aggregations,w=E===void 0?hr:E,S=e.plugins,y=e.state.groupBy,C=e.dispatch,z=e.autoResetGroupBy,k=z===void 0||z,A=e.disableGroupBy,X=e.defaultCanGroupBy,T=e.getHooks;ie(S,["useColumnOrder","useFilters"],"useGroupBy");var x=J(e);i.forEach(function(N){var U=N.accessor,ge=N.defaultGroupBy,ye=N.disableGroupBy;N.canGroupBy=U?Ee(N.canGroupBy,ye!==!0&&void 0,A!==!0&&void 0,!0):Ee(N.canGroupBy,ge,X,!1),N.canGroupBy&&(N.toggleGroupBy=function(){return e.toggleGroupBy(N.id)}),N.Aggregated=N.Aggregated||N.Cell});var _=u.useCallback(function(N,U){C({type:f.toggleGroupBy,columnId:N,value:U})},[C]),W=u.useCallback(function(N){C({type:f.setGroupBy,value:N})},[C]);c.forEach(function(N){N.getGroupByToggleProps=H(T().getGroupByToggleProps,{instance:x(),header:N})});var V=u.useMemo(function(){if(R||!y.length)return[n,r,a,$,ve,r,a];var N=y.filter(function(he){return i.find(function(Le){return Le.id===he})}),U=[],ge={},ye=[],M={},fe=[],me={},be=function he(Le,Te,Bn){if(Te===void 0&&(Te=0),Te===N.length)return Le.map(function(zt){return d({},zt,{depth:Te})});var nn=N[Te],sl=v(Le,nn);return Object.entries(sl).map(function(zt,ul){var Pn=zt[0],kt=zt[1],Bt=nn+":"+Pn,Fn=he(kt,Te+1,Bt=Bn?Bn+">"+Bt:Bt),Wn=Te?je(kt,"leafRows"):kt,al=function(ze,rn,dl){var Pt={};return i.forEach(function(pe){if(N.includes(pe.id))Pt[pe.id]=rn[0]?rn[0].values[pe.id]:null;else{var Hn=typeof pe.aggregate=="function"?pe.aggregate:w[pe.aggregate]||I[pe.aggregate];if(Hn){var fl=rn.map(function(Ft){return Ft.values[pe.id]}),gl=ze.map(function(Ft){var ln=Ft.values[pe.id];if(!dl&&pe.aggregateValue){var Tn=typeof pe.aggregateValue=="function"?pe.aggregateValue:w[pe.aggregateValue]||I[pe.aggregateValue];if(!Tn)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregateValue option for column listed above");ln=Tn(ln,Ft,pe)}return ln});Pt[pe.id]=Hn(gl,fl)}else{if(pe.aggregate)throw console.info({column:pe}),new Error("React Table: Invalid column.aggregate option for column listed above");Pt[pe.id]=null}}}),Pt}(Wn,kt,Te),cl={id:Bt,isGrouped:!0,groupByID:nn,groupByVal:Pn,values:al,subRows:Fn,leafRows:Wn,depth:Te,index:ul};return Fn.forEach(function(ze){U.push(ze),ge[ze.id]=ze,ze.isGrouped?(ye.push(ze),M[ze.id]=ze):(fe.push(ze),me[ze.id]=ze)}),cl})}(n);return be.forEach(function(he){U.push(he),ge[he.id]=he,he.isGrouped?(ye.push(he),M[he.id]=he):(fe.push(he),me[he.id]=he)}),[be,U,ge,ye,M,fe,me]},[R,y,n,r,a,i,w,v]),q=V[0],O=V[1],D=V[2],Z=V[3],j=V[4],Q=V[5],Y=V[6],le=J(k);ne(function(){le()&&C({type:f.resetGroupBy})},[C,R?null:t]),Object.assign(e,{preGroupedRows:n,preGroupedFlatRow:r,preGroupedRowsById:a,groupedRows:q,groupedFlatRows:O,groupedRowsById:D,onlyGroupedFlatRows:Z,onlyGroupedRowsById:j,nonGroupedFlatRows:Q,nonGroupedRowsById:Y,rows:q,flatRows:O,rowsById:D,toggleGroupBy:_,setGroupBy:W})}function yr(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 dn(e,t){return e.reduce(function(n,r,a){var i=""+r.values[t];return n[i]=Array.isArray(n[i])?n[i]:[],n[i].push(r),n},{})}var fn=/([0-9]+)/gm;function Jt(e,t){return e===t?0:e>t?1:-1}function pt(e,t,n){return[e.values[n],t.values[n]]}function gn(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}var br=Object.freeze({__proto__:null,alphanumeric:function(e,t,n){var r=pt(e,t,n),a=r[0],i=r[1];for(a=gn(a),i=gn(i),a=a.split(fn).filter(Boolean),i=i.split(fn).filter(Boolean);a.length&&i.length;){var c=a.shift(),p=i.shift(),v=parseInt(c,10),R=parseInt(p,10),E=[v,R].sort();if(isNaN(E[0])){if(c>p)return 1;if(p>c)return-1}else{if(isNaN(E[1]))return isNaN(v)?-1:1;if(v>R)return 1;if(R>v)return-1}}return a.length-i.length},datetime:function(e,t,n){var r=pt(e,t,n),a=r[0],i=r[1];return Jt(a=a.getTime(),i=i.getTime())},basic:function(e,t,n){var r=pt(e,t,n);return Jt(r[0],r[1])},string:function(e,t,n){var r=pt(e,t,n),a=r[0],i=r[1];for(a=a.split("").filter(Boolean),i=i.split("").filter(Boolean);a.length&&i.length;){var c=a.shift(),p=i.shift(),v=c.toLowerCase(),R=p.toLowerCase();if(v>R)return 1;if(R>v)return-1;if(c>p)return 1;if(p>c)return-1}return a.length-i.length},number:function(e,t,n){var r=pt(e,t,n),a=r[0],i=r[1],c=/[^0-9.]/gi;return Jt(a=Number(String(a).replace(c,"")),i=Number(String(i).replace(c,"")))}});f.resetSortBy="resetSortBy",f.setSortBy="setSortBy",f.toggleSortBy="toggleSortBy",f.clearSortBy="clearSortBy",G.sortType="alphanumeric",G.sortDescFirst=!1;var mn=function(e){e.getSortByToggleProps=[wr],e.stateReducers.push(Sr),e.useInstance.push(Cr)};mn.pluginName="useSortBy";var wr=function(e,t){var n=t.instance,r=t.column,a=n.isMultiSortEvent,i=a===void 0?function(c){return c.shiftKey}:a;return[e,{onClick:r.canSort?function(c){c.persist(),r.toggleSortBy(void 0,!n.disableMultiSort&&i(c))}:void 0,style:{cursor:r.canSort?"pointer":void 0},title:r.canSort?"Toggle SortBy":void 0}]};function Sr(e,t,n,r){if(t.type===f.init)return d({sortBy:[]},e);if(t.type===f.resetSortBy)return d({},e,{sortBy:r.initialState.sortBy||[]});if(t.type===f.clearSortBy)return d({},e,{sortBy:e.sortBy.filter(function(x){return x.id!==t.columnId})});if(t.type===f.setSortBy)return d({},e,{sortBy:t.sortBy});if(t.type===f.toggleSortBy){var a,i=t.columnId,c=t.desc,p=t.multi,v=r.allColumns,R=r.disableMultiSort,E=r.disableSortRemove,w=r.disableMultiRemove,S=r.maxMultiSortColCount,y=S===void 0?Number.MAX_SAFE_INTEGER:S,C=e.sortBy,z=v.find(function(x){return x.id===i}).sortDescFirst,k=C.find(function(x){return x.id===i}),A=C.findIndex(function(x){return x.id===i}),X=c!=null,T=[];return(a=!R&&p?k?"toggle":"add":A!==C.length-1||C.length!==1?"replace":k?"toggle":"replace")!="toggle"||E||X||p&&w||!(k&&k.desc&&!z||!k.desc&&z)||(a="remove"),a==="replace"?T=[{id:i,desc:X?c:z}]:a==="add"?(T=[].concat(C,[{id:i,desc:X?c:z}])).splice(0,T.length-y):a==="toggle"?T=C.map(function(x){return x.id===i?d({},x,{desc:X?c:!k.desc}):x}):a==="remove"&&(T=C.filter(function(x){return x.id!==i})),d({},e,{sortBy:T})}}function Cr(e){var t=e.data,n=e.rows,r=e.flatRows,a=e.allColumns,i=e.orderByFn,c=i===void 0?pn:i,p=e.sortTypes,v=e.manualSortBy,R=e.defaultCanSort,E=e.disableSortBy,w=e.flatHeaders,S=e.state.sortBy,y=e.dispatch,C=e.plugins,z=e.getHooks,k=e.autoResetSortBy,A=k===void 0||k;ie(C,["useFilters","useGlobalFilter","useGroupBy","usePivotColumns"],"useSortBy");var X=u.useCallback(function(O){y({type:f.setSortBy,sortBy:O})},[y]),T=u.useCallback(function(O,D,Z){y({type:f.toggleSortBy,columnId:O,desc:D,multi:Z})},[y]),x=J(e);w.forEach(function(O){var D=O.accessor,Z=O.canSort,j=O.disableSortBy,Q=O.id,Y=D?Ee(j!==!0&&void 0,E!==!0&&void 0,!0):Ee(R,Z,!1);O.canSort=Y,O.canSort&&(O.toggleSortBy=function(N,U){return T(O.id,N,U)},O.clearSortBy=function(){y({type:f.clearSortBy,columnId:O.id})}),O.getSortByToggleProps=H(z().getSortByToggleProps,{instance:x(),column:O});var le=S.find(function(N){return N.id===Q});O.isSorted=!!le,O.sortedIndex=S.findIndex(function(N){return N.id===Q}),O.isSortedDesc=O.isSorted?le.desc:void 0});var _=u.useMemo(function(){if(v||!S.length)return[n,r];var O=[],D=S.filter(function(Z){return a.find(function(j){return j.id===Z.id})});return[function Z(j){var Q=c(j,D.map(function(Y){var le=a.find(function(ge){return ge.id===Y.id});if(!le)throw new Error("React-Table: Could not find a column with id: "+Y.id+" while sorting");var N=le.sortType,U=De(N)||(p||{})[N]||br[N];if(!U)throw new Error("React-Table: Could not find a valid sortType of '"+N+"' for column '"+Y.id+"'.");return function(ge,ye){return U(ge,ye,Y.id,Y.desc)}}),D.map(function(Y){var le=a.find(function(N){return N.id===Y.id});return le&&le.sortInverted?Y.desc:!Y.desc}));return Q.forEach(function(Y){O.push(Y),Y.subRows&&Y.subRows.length!==0&&(Y.subRows=Z(Y.subRows))}),Q}(n),O]},[v,S,n,r,a,c,p]),W=_[0],V=_[1],q=J(A);ne(function(){q()&&y({type:f.resetSortBy})},[v?null:t]),Object.assign(e,{preSortedRows:n,preSortedFlatRows:r,sortedRows:W,sortedFlatRows:V,rows:W,flatRows:V,setSortBy:X,toggleSortBy:T})}function pn(e,t,n){return[].concat(e).sort(function(r,a){for(var i=0;i<t.length;i+=1){var c=t[i],p=n[i]===!1||n[i]==="desc",v=c(r,a);if(v!==0)return p?-v:v}return n[0]?r.index-a.index:a.index-r.index})}f.resetPage="resetPage",f.gotoPage="gotoPage",f.setPageSize="setPageSize";var vn=function(e){e.stateReducers.push(Er),e.useInstance.push(xr)};function Er(e,t,n,r){if(t.type===f.init)return d({pageSize:10,pageIndex:0},e);if(t.type===f.resetPage)return d({},e,{pageIndex:r.initialState.pageIndex||0});if(t.type===f.gotoPage){var a=r.pageCount,i=r.page,c=ue(t.pageIndex,e.pageIndex),p=!1;return c>e.pageIndex?p=a===-1?i.length>=e.pageSize:c<a:c<e.pageIndex&&(p=c>-1),p?d({},e,{pageIndex:c}):e}if(t.type===f.setPageSize){var v=t.pageSize,R=e.pageSize*e.pageIndex;return d({},e,{pageIndex:Math.floor(R/v),pageSize:v})}}function xr(e){var t=e.rows,n=e.autoResetPage,r=n===void 0||n,a=e.manualExpandedKey,i=a===void 0?"expanded":a,c=e.plugins,p=e.pageCount,v=e.paginateExpandedRows,R=v===void 0||v,E=e.expandSubRows,w=E===void 0||E,S=e.state,y=S.pageSize,C=S.pageIndex,z=S.expanded,k=S.globalFilter,A=S.filters,X=S.groupBy,T=S.sortBy,x=e.dispatch,_=e.data,W=e.manualPagination;ie(c,["useGlobalFilter","useFilters","useGroupBy","useSortBy","useExpanded"],"usePagination");var V=J(r);ne(function(){V()&&x({type:f.resetPage})},[x,W?null:_,k,A,X,T]);var q=W?p:Math.ceil(t.length/y),O=u.useMemo(function(){return q>0?[].concat(new Array(q)).fill(null).map(function(U,ge){return ge}):[]},[q]),D=u.useMemo(function(){var U;if(W)U=t;else{var ge=y*C,ye=ge+y;U=t.slice(ge,ye)}return R?U:_e(U,{manualExpandedKey:i,expanded:z,expandSubRows:w})},[w,z,i,W,C,y,R,t]),Z=C>0,j=q===-1?D.length>=y:C<q-1,Q=u.useCallback(function(U){x({type:f.gotoPage,pageIndex:U})},[x]),Y=u.useCallback(function(){return Q(function(U){return U-1})},[Q]),le=u.useCallback(function(){return Q(function(U){return U+1})},[Q]),N=u.useCallback(function(U){x({type:f.setPageSize,pageSize:U})},[x]);Object.assign(e,{pageOptions:O,pageCount:q,page:D,canPreviousPage:Z,canNextPage:j,gotoPage:Q,previousPage:Y,nextPage:le,setPageSize:N})}vn.pluginName="usePagination",f.resetPivot="resetPivot",f.togglePivot="togglePivot";var hn=function(e){e.getPivotToggleProps=[Ir],e.stateReducers.push(zr),e.useInstanceAfterData.push(kr),e.allColumns.push(Br),e.accessValue.push(Pr),e.materializedColumns.push(Fr),e.materializedColumnsDeps.push(Wr),e.visibleColumns.push(Hr),e.visibleColumnsDeps.push(Tr),e.useInstance.push(Gr),e.prepareRow.push(Ar)};hn.pluginName="usePivotColumns";var Rn=[],Ir=function(e,t){var n=t.header;return[e,{onClick:n.canPivot?function(r){r.persist(),n.togglePivot()}:void 0,style:{cursor:n.canPivot?"pointer":void 0},title:"Toggle Pivot"}]};function zr(e,t,n,r){if(t.type===f.init)return d({pivotColumns:Rn},e);if(t.type===f.resetPivot)return d({},e,{pivotColumns:r.initialState.pivotColumns||Rn});if(t.type===f.togglePivot){var a=t.columnId,i=t.value,c=i!==void 0?i:!e.pivotColumns.includes(a);return d({},e,c?{pivotColumns:[].concat(e.pivotColumns,[a])}:{pivotColumns:e.pivotColumns.filter(function(p){return p!==a})})}}function kr(e){e.allColumns.forEach(function(t){t.isPivotSource=e.state.pivotColumns.includes(t.id)})}function Br(e,t){var n=t.instance;return e.forEach(function(r){r.isPivotSource=n.state.pivotColumns.includes(r.id),r.uniqueValues=new Set}),e}function Pr(e,t){var n=t.column;return n.uniqueValues&&e!==void 0&&n.uniqueValues.add(e),e}function Fr(e,t){var n=t.instance,r=n.allColumns,a=n.state;if(!a.pivotColumns.length||!a.groupBy||!a.groupBy.length)return e;var i=a.pivotColumns.map(function(v){return r.find(function(R){return R.id===v})}).filter(Boolean),c=r.filter(function(v){return!v.isPivotSource&&!a.groupBy.includes(v.id)&&!a.pivotColumns.includes(v.id)}),p=re(function v(R,E,w){R===void 0&&(R=0),w===void 0&&(w=[]);var S=i[R];return S?Array.from(S.uniqueValues).sort().map(function(y){var C=d({},S,{Header:S.PivotHeader||typeof S.header=="string"?S.Header+": "+y:y,isPivotGroup:!0,parent:E,depth:R,id:E?E.id+"."+S.id+"."+y:S.id+"."+y,pivotValue:y});return C.columns=v(R+1,C,[].concat(w,[function(z){return z.values[S.id]===y}])),C}):c.map(function(y){return d({},y,{canPivot:!1,isPivoted:!0,parent:E,depth:R,id:""+(E?E.id+"."+y.id:y.id),accessor:function(C,z,k){if(w.every(function(A){return A(k)}))return k.values[y.id]}})})}());return[].concat(e,p)}function Wr(e,t){var n=t.instance.state,r=n.pivotColumns,a=n.groupBy;return[].concat(e,[r,a])}function Hr(e,t){var n=t.instance.state;return e=e.filter(function(r){return!r.isPivotSource}),n.pivotColumns.length&&n.groupBy&&n.groupBy.length&&(e=e.filter(function(r){return r.isGrouped||r.isPivoted})),e}function Tr(e,t){var n=t.instance;return[].concat(e,[n.state.pivotColumns,n.state.groupBy])}function Gr(e){var t=e.columns,n=e.allColumns,r=e.flatHeaders,a=e.getHooks,i=e.plugins,c=e.dispatch,p=e.autoResetPivot,v=p===void 0||p,R=e.manaulPivot,E=e.disablePivot,w=e.defaultCanPivot;ie(i,["useGroupBy"],"usePivotColumns");var S=J(e);n.forEach(function(C){var z=C.accessor,k=C.defaultPivot,A=C.disablePivot;C.canPivot=z?Ee(C.canPivot,A!==!0&&void 0,E!==!0&&void 0,!0):Ee(C.canPivot,k,w,!1),C.canPivot&&(C.togglePivot=function(){return e.togglePivot(C.id)}),C.Aggregated=C.Aggregated||C.Cell}),r.forEach(function(C){C.getPivotToggleProps=H(a().getPivotToggleProps,{instance:S(),header:C})});var y=J(v);ne(function(){y()&&c({type:f.resetPivot})},[c,R?null:t]),Object.assign(e,{togglePivot:function(C,z){c({type:f.togglePivot,columnId:C,value:z})}})}function Ar(e){e.allCells.forEach(function(t){t.isPivoted=t.column.isPivoted})}f.resetSelectedRows="resetSelectedRows",f.toggleAllRowsSelected="toggleAllRowsSelected",f.toggleRowSelected="toggleRowSelected",f.toggleAllPageRowsSelected="toggleAllPageRowsSelected";var yn=function(e){e.getToggleRowSelectedProps=[Nr],e.getToggleAllRowsSelectedProps=[Lr],e.getToggleAllPageRowsSelectedProps=[Or],e.stateReducers.push(Mr),e.useInstance.push(Dr),e.prepareRow.push(Vr)};yn.pluginName="useRowSelect";var Nr=function(e,t){var n=t.instance,r=t.row,a=n.manualRowSelectedKey,i=a===void 0?"isSelected":a;return[e,{onChange:function(c){r.toggleRowSelected(c.target.checked)},style:{cursor:"pointer"},checked:!(!r.original||!r.original[i])||r.isSelected,title:"Toggle Row Selected",indeterminate:r.isSomeSelected}]},Lr=function(e,t){var n=t.instance;return[e,{onChange:function(r){n.toggleAllRowsSelected(r.target.checked)},style:{cursor:"pointer"},checked:n.isAllRowsSelected,title:"Toggle All Rows Selected",indeterminate:!!(!n.isAllRowsSelected&&Object.keys(n.state.selectedRowIds).length)}]},Or=function(e,t){var n=t.instance;return[e,{onChange:function(r){n.toggleAllPageRowsSelected(r.target.checked)},style:{cursor:"pointer"},checked:n.isAllPageRowsSelected,title:"Toggle All Current Page Rows Selected",indeterminate:!!(!n.isAllPageRowsSelected&&n.page.some(function(r){var a=r.id;return n.state.selectedRowIds[a]}))}]};function Mr(e,t,n,r){if(t.type===f.init)return d({selectedRowIds:{}},e);if(t.type===f.resetSelectedRows)return d({},e,{selectedRowIds:r.initialState.selectedRowIds||{}});if(t.type===f.toggleAllRowsSelected){var a=t.value,i=r.isAllRowsSelected,c=r.rowsById,p=r.nonGroupedRowsById,v=p===void 0?c:p,R=a!==void 0?a:!i,E=Object.assign({},e.selectedRowIds);return R?Object.keys(v).forEach(function(Q){E[Q]=!0}):Object.keys(v).forEach(function(Q){delete E[Q]}),d({},e,{selectedRowIds:E})}if(t.type===f.toggleRowSelected){var w=t.id,S=t.value,y=r.rowsById,C=r.selectSubRows,z=C===void 0||C,k=r.getSubRows,A=e.selectedRowIds[w],X=S!==void 0?S:!A;if(A===X)return e;var T=d({},e.selectedRowIds);return function Q(Y){var le=y[Y];if(le&&(le.isGrouped||(X?T[Y]=!0:delete T[Y]),z&&k(le)))return k(le).forEach(function(N){return Q(N.id)})}(w),d({},e,{selectedRowIds:T})}if(t.type===f.toggleAllPageRowsSelected){var x=t.value,_=r.page,W=r.rowsById,V=r.selectSubRows,q=V===void 0||V,O=r.isAllPageRowsSelected,D=r.getSubRows,Z=x!==void 0?x:!O,j=d({},e.selectedRowIds);return _.forEach(function(Q){return function Y(le){var N=W[le];if(N.isGrouped||(Z?j[le]=!0:delete j[le]),q&&D(N))return D(N).forEach(function(U){return Y(U.id)})}(Q.id)}),d({},e,{selectedRowIds:j})}return e}function Dr(e){var t=e.data,n=e.rows,r=e.getHooks,a=e.plugins,i=e.rowsById,c=e.nonGroupedRowsById,p=c===void 0?i:c,v=e.autoResetSelectedRows,R=v===void 0||v,E=e.state.selectedRowIds,w=e.selectSubRows,S=w===void 0||w,y=e.dispatch,C=e.page,z=e.getSubRows;ie(a,["useFilters","useGroupBy","useSortBy","useExpanded","usePagination"],"useRowSelect");var k=u.useMemo(function(){var D=[];return n.forEach(function(Z){var j=S?function Q(Y,le,N){if(le[Y.id])return!0;var U=N(Y);if(U&&U.length){var ge=!0,ye=!1;return U.forEach(function(M){ye&&!ge||(Q(M,le,N)?ye=!0:ge=!1)}),!!ge||!!ye&&null}return!1}(Z,E,z):!!E[Z.id];Z.isSelected=!!j,Z.isSomeSelected=j===null,j&&D.push(Z)}),D},[n,S,E,z]),A=!!(Object.keys(p).length&&Object.keys(E).length),X=A;A&&Object.keys(p).some(function(D){return!E[D]})&&(A=!1),A||C&&C.length&&C.some(function(D){var Z=D.id;return!E[Z]})&&(X=!1);var T=J(R);ne(function(){T()&&y({type:f.resetSelectedRows})},[y,t]);var x=u.useCallback(function(D){return y({type:f.toggleAllRowsSelected,value:D})},[y]),_=u.useCallback(function(D){return y({type:f.toggleAllPageRowsSelected,value:D})},[y]),W=u.useCallback(function(D,Z){return y({type:f.toggleRowSelected,id:D,value:Z})},[y]),V=J(e),q=H(r().getToggleAllRowsSelectedProps,{instance:V()}),O=H(r().getToggleAllPageRowsSelectedProps,{instance:V()});Object.assign(e,{selectedFlatRows:k,isAllRowsSelected:A,isAllPageRowsSelected:X,toggleRowSelected:W,toggleAllRowsSelected:x,getToggleAllRowsSelectedProps:q,getToggleAllPageRowsSelectedProps:O,toggleAllPageRowsSelected:_})}function Vr(e,t){var n=t.instance;e.toggleRowSelected=function(r){return n.toggleRowSelected(e.id,r)},e.getToggleRowSelectedProps=H(n.getHooks().getToggleRowSelectedProps,{instance:n,row:e})}var bn=function(e){return{}},wn=function(e){return{}};f.setRowState="setRowState",f.setCellState="setCellState",f.resetRowState="resetRowState";var Sn=function(e){e.stateReducers.push(jr),e.useInstance.push(_r),e.prepareRow.push(Xr)};function jr(e,t,n,r){var a=r.initialRowStateAccessor,i=a===void 0?bn:a,c=r.initialCellStateAccessor,p=c===void 0?wn:c,v=r.rowsById;if(t.type===f.init)return d({rowState:{}},e);if(t.type===f.resetRowState)return d({},e,{rowState:r.initialState.rowState||{}});if(t.type===f.setRowState){var R,E=t.rowId,w=t.value,S=e.rowState[E]!==void 0?e.rowState[E]:i(v[E]);return d({},e,{rowState:d({},e.rowState,(R={},R[E]=ue(w,S),R))})}if(t.type===f.setCellState){var y,C,z,k,A,X=t.rowId,T=t.columnId,x=t.value,_=e.rowState[X]!==void 0?e.rowState[X]:i(v[X]),W=(_==null||(y=_.cellState)==null?void 0:y[T])!==void 0?_.cellState[T]:p((C=v[X])==null||(z=C.cells)==null?void 0:z.find(function(V){return V.column.id===T}));return d({},e,{rowState:d({},e.rowState,(A={},A[X]=d({},_,{cellState:d({},_.cellState||{},(k={},k[T]=ue(x,W),k))}),A))})}}function _r(e){var t=e.autoResetRowState,n=t===void 0||t,r=e.data,a=e.dispatch,i=u.useCallback(function(v,R){return a({type:f.setRowState,rowId:v,value:R})},[a]),c=u.useCallback(function(v,R,E){return a({type:f.setCellState,rowId:v,columnId:R,value:E})},[a]),p=J(n);ne(function(){p()&&a({type:f.resetRowState})},[r]),Object.assign(e,{setRowState:i,setCellState:c})}function Xr(e,t){var n=t.instance,r=n.initialRowStateAccessor,a=r===void 0?bn:r,i=n.initialCellStateAccessor,c=i===void 0?wn:i,p=n.state.rowState;e&&(e.state=p[e.id]!==void 0?p[e.id]:a(e),e.setState=function(v){return n.setRowState(e.id,v)},e.cells.forEach(function(v){e.state.cellState||(e.state.cellState={}),v.state=e.state.cellState[v.column.id]!==void 0?e.state.cellState[v.column.id]:c(v),v.setState=function(R){return n.setCellState(e.id,v.column.id,R)}}))}Sn.pluginName="useRowState",f.resetColumnOrder="resetColumnOrder",f.setColumnOrder="setColumnOrder";var Cn=function(e){e.stateReducers.push($r),e.visibleColumnsDeps.push(function(t,n){var r=n.instance;return[].concat(t,[r.state.columnOrder])}),e.visibleColumns.push(Kr),e.useInstance.push(qr)};function $r(e,t,n,r){return t.type===f.init?d({columnOrder:[]},e):t.type===f.resetColumnOrder?d({},e,{columnOrder:r.initialState.columnOrder||[]}):t.type===f.setColumnOrder?d({},e,{columnOrder:ue(t.columnOrder,e.columnOrder)}):void 0}function Kr(e,t){var n=t.instance.state.columnOrder;if(!n||!n.length)return e;for(var r=[].concat(n),a=[].concat(e),i=[],c=function(){var p=r.shift(),v=a.findIndex(function(R){return R.id===p});v>-1&&i.push(a.splice(v,1)[0])};a.length&&r.length;)c();return[].concat(i,a)}function qr(e){var t=e.dispatch;e.setColumnOrder=u.useCallback(function(n){return t({type:f.setColumnOrder,columnOrder:n})},[t])}Cn.pluginName="useColumnOrder",G.canResize=!0,f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize";var En=function(e){e.getResizerProps=[Ur],e.getHeaderProps.push({style:{position:"relative"}}),e.stateReducers.push(Jr),e.useInstance.push(Qr),e.useInstanceBeforeDimensions.push(Yr)},Ur=function(e,t){var n=t.instance,r=t.header,a=n.dispatch,i=function(c,p){var v=!1;if(c.type==="touchstart"){if(c.touches&&c.touches.length>1)return;v=!0}var R,E,w=function(T){var x=[];return function _(W){W.columns&&W.columns.length&&W.columns.map(_),x.push(W)}(T),x}(p).map(function(T){return[T.id,T.totalWidth]}),S=v?Math.round(c.touches[0].clientX):c.clientX,y=function(){window.cancelAnimationFrame(R),R=null,a({type:f.columnDoneResizing})},C=function(){window.cancelAnimationFrame(R),R=null,a({type:f.columnResizing,clientX:E})},z=function(T){E=T,R||(R=window.requestAnimationFrame(C))},k={mouse:{moveEvent:"mousemove",moveHandler:function(T){return z(T.clientX)},upEvent:"mouseup",upHandler:function(T){document.removeEventListener("mousemove",k.mouse.moveHandler),document.removeEventListener("mouseup",k.mouse.upHandler),y()}},touch:{moveEvent:"touchmove",moveHandler:function(T){return T.cancelable&&(T.preventDefault(),T.stopPropagation()),z(T.touches[0].clientX),!1},upEvent:"touchend",upHandler:function(T){document.removeEventListener(k.touch.moveEvent,k.touch.moveHandler),document.removeEventListener(k.touch.upEvent,k.touch.moveHandler),y()}}},A=v?k.touch:k.mouse,X=!!function(){if(typeof Xe=="boolean")return Xe;var T=!1;try{var x={get passive(){return T=!0,!1}};window.addEventListener("test",null,x),window.removeEventListener("test",null,x)}catch{T=!1}return Xe=T}()&&{passive:!1};document.addEventListener(A.moveEvent,A.moveHandler,X),document.addEventListener(A.upEvent,A.upHandler,X),a({type:f.columnStartResizing,columnId:p.id,columnWidth:p.totalWidth,headerIdWidths:w,clientX:S})};return[e,{onMouseDown:function(c){return c.persist()||i(c,r)},onTouchStart:function(c){return c.persist()||i(c,r)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};function Jr(e,t){if(t.type===f.init)return d({columnResizing:{columnWidths:{}}},e);if(t.type===f.resetResize)return d({},e,{columnResizing:{columnWidths:{}}});if(t.type===f.columnStartResizing){var n=t.clientX,r=t.columnId,a=t.columnWidth,i=t.headerIdWidths;return d({},e,{columnResizing:d({},e.columnResizing,{startX:n,headerIdWidths:i,columnWidth:a,isResizingColumn:r})})}if(t.type===f.columnResizing){var c=t.clientX,p=e.columnResizing,v=p.startX,R=p.columnWidth,E=p.headerIdWidths,w=(c-v)/R,S={};return(E===void 0?[]:E).forEach(function(y){var C=y[0],z=y[1];S[C]=Math.max(z+z*w,0)}),d({},e,{columnResizing:d({},e.columnResizing,{columnWidths:d({},e.columnResizing.columnWidths,{},S)})})}return t.type===f.columnDoneResizing?d({},e,{columnResizing:d({},e.columnResizing,{startX:null,isResizingColumn:null})}):void 0}En.pluginName="useResizeColumns";var Yr=function(e){var t=e.flatHeaders,n=e.disableResizing,r=e.getHooks,a=e.state.columnResizing,i=J(e);t.forEach(function(c){var p=Ee(c.disableResizing!==!0&&void 0,n!==!0&&void 0,!0);c.canResize=p,c.width=a.columnWidths[c.id]||c.originalWidth||c.width,c.isResizing=a.isResizingColumn===c.id,p&&(c.getResizerProps=H(r().getResizerProps,{instance:i(),header:c}))})};function Qr(e){var t=e.plugins,n=e.dispatch,r=e.autoResetResize,a=r===void 0||r,i=e.columns;ie(t,["useAbsoluteLayout"],"useResizeColumns");var c=J(a);ne(function(){c()&&n({type:f.resetResize})},[i]);var p=u.useCallback(function(){return n({type:f.resetResize})},[n]);Object.assign(e,{resetResizing:p})}var Yt={position:"absolute",top:0},xn=function(e){e.getTableBodyProps.push(It),e.getRowProps.push(It),e.getHeaderGroupProps.push(It),e.getFooterGroupProps.push(It),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},Yt,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},Yt,{left:r.column.totalLeft+"px",width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},Yt,{left:r.totalLeft+"px",width:r.totalWidth+"px"})}]})};xn.pluginName="useAbsoluteLayout";var It=function(e,t){return[e,{style:{position:"relative",width:t.instance.totalColumnsWidth+"px"}}]},Qt={display:"inline-block",boxSizing:"border-box"},Zt=function(e,t){return[e,{style:{display:"flex",width:t.instance.totalColumnsWidth+"px"}}]},In=function(e){e.getRowProps.push(Zt),e.getHeaderGroupProps.push(Zt),e.getFooterGroupProps.push(Zt),e.getHeaderProps.push(function(t,n){var r=n.column;return[t,{style:d({},Qt,{width:r.totalWidth+"px"})}]}),e.getCellProps.push(function(t,n){var r=n.cell;return[t,{style:d({},Qt,{width:r.column.totalWidth+"px"})}]}),e.getFooterProps.push(function(t,n){var r=n.column;return[t,{style:d({},Qt,{width:r.totalWidth+"px"})}]})};function zn(e){e.getTableProps.push(Zr),e.getRowProps.push(en),e.getHeaderGroupProps.push(en),e.getFooterGroupProps.push(en),e.getHeaderProps.push(el),e.getCellProps.push(tl),e.getFooterProps.push(nl)}In.pluginName="useBlockLayout",zn.pluginName="useFlexLayout";var Zr=function(e,t){return[e,{style:{minWidth:t.instance.totalColumnsMinWidth+"px"}}]},en=function(e,t){return[e,{style:{display:"flex",flex:"1 0 auto",minWidth:t.instance.totalColumnsMinWidth+"px"}}]},el=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"}}]},tl=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"}}]},nl=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 kn(e){e.stateReducers.push(il),e.getTableProps.push(rl),e.getHeaderProps.push(ll),e.getRowProps.push(ol)}f.columnStartResizing="columnStartResizing",f.columnResizing="columnResizing",f.columnDoneResizing="columnDoneResizing",f.resetResize="resetResize",kn.pluginName="useGridLayout";var rl=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(" ")}}]},ll=function(e,t){var n=t.column;return[e,{id:"header-cell-"+n.id,style:{position:"sticky",gridColumn:"span "+n.totalVisibleHeaderCount}}]},ol=function(e,t){var n=t.row;return n.isExpanded?[e,{style:{gridColumn:"1 / "+(n.cells.length+1)}}]:[e,{}]};function il(e,t,n,r){if(t.type===f.init)return d({gridLayout:{columnWidths:{}}},e);if(t.type===f.resetResize)return d({},e,{gridLayout:{columnWidths:{}}});if(t.type===f.columnStartResizing){var a=t.columnId,i=t.headerIdWidths,c=tn(a);if(c!==void 0){var p=r.visibleColumns.reduce(function(x,_){var W;return d({},x,((W={})[_.id]=tn(_.id),W))},{}),v=r.visibleColumns.reduce(function(x,_){var W;return d({},x,((W={})[_.id]=_.minWidth,W))},{}),R=r.visibleColumns.reduce(function(x,_){var W;return d({},x,((W={})[_.id]=_.maxWidth,W))},{}),E=i.map(function(x){var _=x[0];return[_,tn(_)]});return d({},e,{gridLayout:d({},e.gridLayout,{startWidths:p,minWidths:v,maxWidths:R,headerIdGridWidths:E,columnWidth:c})})}return e}if(t.type===f.columnResizing){var w=t.clientX,S=e.columnResizing.startX,y=e.gridLayout,C=y.columnWidth,z=y.minWidths,k=y.maxWidths,A=y.headerIdGridWidths,X=(w-S)/C,T={};return(A===void 0?[]:A).forEach(function(x){var _=x[0],W=x[1];T[_]=Math.min(Math.max(z[_],W+W*X),k[_])}),d({},e,{gridLayout:d({},e.gridLayout,{columnWidths:d({},e.gridLayout.columnWidths,{},T)})})}return t.type===f.columnDoneResizing?d({},e,{gridLayout:d({},e.gridLayout,{startWidths:{},minWidths:{},maxWidths:{}})}):void 0}function tn(e){var t,n=(t=document.getElementById("header-cell-"+e))==null?void 0:t.offsetWidth;if(n!==void 0)return n}s._UNSTABLE_usePivotColumns=hn,s.actions=f,s.defaultColumn=G,s.defaultGroupByFn=dn,s.defaultOrderByFn=pn,s.defaultRenderer=P,s.emptyRenderer=F,s.ensurePluginOrder=ie,s.flexRender=ce,s.functionalUpdate=ue,s.loopHooks=oe,s.makePropGetter=H,s.makeRenderer=Ce,s.reduceHooks=ee,s.safeUseLayoutEffect=te,s.useAbsoluteLayout=xn,s.useAsyncDebounce=function(e,t){t===void 0&&(t=0);var n=u.useRef({}),r=J(e),a=J(t);return u.useCallback(function(){var i=h(regeneratorRuntime.mark(function c(){var p,v,R,E=arguments;return regeneratorRuntime.wrap(function(w){for(;;)switch(w.prev=w.next){case 0:for(p=E.length,v=new Array(p),R=0;R<p;R++)v[R]=E[R];return n.current.promise||(n.current.promise=new Promise(function(S,y){n.current.resolve=S,n.current.reject=y})),n.current.timeout&&clearTimeout(n.current.timeout),n.current.timeout=setTimeout(h(regeneratorRuntime.mark(function S(){return regeneratorRuntime.wrap(function(y){for(;;)switch(y.prev=y.next){case 0:return delete n.current.timeout,y.prev=1,y.t0=n.current,y.next=5,r().apply(void 0,v);case 5:y.t1=y.sent,y.t0.resolve.call(y.t0,y.t1),y.next=12;break;case 9:y.prev=9,y.t2=y.catch(1),n.current.reject(y.t2);case 12:return y.prev=12,delete n.current.promise,y.finish(12);case 15:case"end":return y.stop()}},S,null,[[1,9,12,15]])})),a()),w.abrupt("return",n.current.promise);case 5:case"end":return w.stop()}},c)}));return function(){return i.apply(this,arguments)}}(),[r,a])},s.useBlockLayout=In,s.useColumnOrder=Cn,s.useExpanded=xe,s.useFilters=gt,s.useFlexLayout=zn,s.useGetLatest=J,s.useGlobalFilter=Ne,s.useGridLayout=kn,s.useGroupBy=se,s.useMountedLayoutEffect=ne,s.usePagination=vn,s.useResizeColumns=En,s.useRowSelect=yn,s.useRowState=Sn,s.useSortBy=mn,s.useTable=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];e=at(e),n=[Je].concat(n);var a=u.useRef({}),i=J(a.current);Object.assign(i(),d({},e,{plugins:n,hooks:Ue()})),n.filter(Boolean).forEach(function(M){M(i().hooks)});var c=J(i().hooks);i().getHooks=c,delete i().hooks,Object.assign(i(),ee(c().useOptions,at(e)));var p=i(),v=p.data,R=p.columns,E=p.initialState,w=p.defaultColumn,S=p.getSubRows,y=p.getRowId,C=p.stateReducer,z=p.useControlledState,k=J(C),A=u.useCallback(function(M,fe){if(!fe.type)throw console.info({action:fe}),new Error("Unknown Action 👆");return[].concat(c().stateReducers,Array.isArray(k())?k():[k()]).reduce(function(me,be){return be(me,fe,M,i())||me},M)},[c,k,i]),X=u.useReducer(A,void 0,function(){return A(E,{type:f.init})}),T=X[0],x=X[1],_=ee([].concat(c().useControlledState,[z]),T,{instance:i()});Object.assign(i(),{state:_,dispatch:x});var W=u.useMemo(function(){return Ge(ee(c().columns,R,{instance:i()}))},[c,i,R].concat(ee(c().columnsDeps,[],{instance:i()})));i().columns=W;var V=u.useMemo(function(){return ee(c().allColumns,re(W),{instance:i()}).map(Oe)},[W,c,i].concat(ee(c().allColumnsDeps,[],{instance:i()})));i().allColumns=V;var q=u.useMemo(function(){for(var M=[],fe=[],me={},be=[].concat(V);be.length;){var he=be.shift();Xt({data:v,rows:M,flatRows:fe,rowsById:me,column:he,getRowId:y,getSubRows:S,accessValueHooks:c().accessValue,getInstance:i})}return[M,fe,me]},[V,v,y,S,c,i]),O=q[0],D=q[1],Z=q[2];Object.assign(i(),{rows:O,initialRows:[].concat(O),flatRows:D,rowsById:Z}),oe(c().useInstanceAfterData,i());var j=u.useMemo(function(){return ee(c().visibleColumns,V,{instance:i()}).map(function(M){return de(M,w)})},[c,V,i,w].concat(ee(c().visibleColumnsDeps,[],{instance:i()})));V=u.useMemo(function(){var M=[].concat(j);return V.forEach(function(fe){M.find(function(me){return me.id===fe.id})||M.push(fe)}),M},[V,j]),i().allColumns=V;var Q=u.useMemo(function(){return ee(c().headerGroups,ke(j,w),i())},[c,j,w,i].concat(ee(c().headerGroupsDeps,[],{instance:i()})));i().headerGroups=Q;var Y=u.useMemo(function(){return Q.length?Q[0].headers:[]},[Q]);i().headers=Y,i().flatHeaders=Q.reduce(function(M,fe){return[].concat(M,fe.headers)},[]),oe(c().useInstanceBeforeDimensions,i());var le=j.filter(function(M){return M.isVisible}).map(function(M){return M.id}).sort().join("_");j=u.useMemo(function(){return j.filter(function(M){return M.isVisible})},[j,le]),i().visibleColumns=j;var N=Re(Y),U=N[0],ge=N[1],ye=N[2];return i().totalColumnsMinWidth=U,i().totalColumnsWidth=ge,i().totalColumnsMaxWidth=ye,oe(c().useInstance,i()),[].concat(i().flatHeaders,i().allColumns).forEach(function(M){M.render=Ce(i(),M),M.getHeaderProps=H(c().getHeaderProps,{instance:i(),column:M}),M.getFooterProps=H(c().getFooterProps,{instance:i(),column:M})}),i().headerGroups=u.useMemo(function(){return Q.filter(function(M,fe){return M.headers=M.headers.filter(function(me){return me.headers?function be(he){return he.filter(function(Le){return Le.headers?be(Le.headers):Le.isVisible}).length}(me.headers):me.isVisible}),!!M.headers.length&&(M.getHeaderGroupProps=H(c().getHeaderGroupProps,{instance:i(),headerGroup:M,index:fe}),M.getFooterGroupProps=H(c().getFooterGroupProps,{instance:i(),headerGroup:M,index:fe}),!0)})},[Q,i,c]),i().footerGroups=[].concat(i().headerGroups).reverse(),i().prepareRow=u.useCallback(function(M){M.getRowProps=H(c().getRowProps,{instance:i(),row:M}),M.allCells=V.map(function(fe){var me=M.values[fe.id],be={column:fe,row:M,value:me};return be.getCellProps=H(c().getCellProps,{instance:i(),cell:be}),be.render=Ce(i(),fe,{row:M,cell:be,value:me}),be}),M.cells=j.map(function(fe){return M.allCells.find(function(me){return me.column.id===fe.id})}),oe(c().prepareRow,M,{instance:i()})},[c,i,V,j]),i().getTableProps=H(c().getTableProps,{instance:i()}),i().getTableBodyProps=H(c().getTableBodyProps,{instance:i()}),oe(c().useFinalInstance,i()),i()},Object.defineProperty(s,"__esModule",{value:!0})})})(on,on.exports);var xl=on.exports;Yn.exports=xl;var K=Yn.exports;const Qn=(l,o)=>{let s={};if(s.flex="1 1 145px",l.width){let u=typeof l.width=="string"?l.width:`${l.width}px`;s.width=u,o&&l.canResize?s.flex=`${Number(l.width)} ${Number(l.width)} ${u}`:s.flex=`0 0 ${u}`}return l.maxWidth&&(s.maxWidth=`${l.maxWidth}px`),l.minWidth&&(s.minWidth=`${l.minWidth}px`),s},Zn=(l,o)=>{if(!l.sticky)return{};let s=0;for(let g of o){if(g.id===l.id)break;s+=Number(g.width||g.resizeWidth||0)}let u=0;for(let g of[...o].reverse()){if(g.id===l.id)break;u+=Number(g.width||g.resizeWidth||0)}return{"--iui-table-sticky-left":l.sticky==="left"?`${s}px`:void 0,"--iui-table-sticky-right":l.sticky==="right"?`${u}px`:void 0}},er=({density:l="default",depth:o=1})=>{let s=16,u=8;l==="condensed"?(s=12,u=4):l==="extra-condensed"&&(s=8,u=4);let g=26+u;return{paddingInlineStart:s+o*g}},tr=m.createContext([]),Il=l=>{let{cell:o,isDisabled:s,cellProps:u,expanderCell:g,density:h,...d}=l;return m.createElement(m.Fragment,null,g?g(u):m.createElement(un,{"aria-label":"Toggle sub row","aria-expanded":o.row.isExpanded?"true":"false",style:{marginInlineEnd:h==="default"||h===void 0?8:4},className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:b=>{b.stopPropagation(),o.row.toggleRowExpanded()},disabled:s,...d},m.createElement(Un,{style:{transform:o.row.isExpanded?"rotate(90deg)":void 0}})))},an=l=>{let o=m.useContext(tr),s=m.useMemo(()=>{var oe;return((oe=o.find(({id:ie})=>l.cellProps.column.id===ie))==null?void 0:oe.Cell)!==K.defaultColumn.Cell},[o,l.cellProps.column.id]),{cellElementProps:{className:u,style:g,...h},children:d,startIcon:b,endIcon:B,cellProps:f,isDisabled:P,className:F,style:G,status:L,clamp:H=typeof f.value=="string"&&!s,...ee}=l;return m.createElement(ae,{...h,...ee,className:Ie(u,F),"aria-disabled":(P==null?void 0:P(f.row.original))||void 0,"data-iui-status":L,style:{...g,...G}},m.createElement(At,null,m.createElement("slot",{name:"start"}),H?m.createElement(Jn,null,m.createElement("slot",null)):m.createElement("slot",null),m.createElement("slot",{name:"end"}),m.createElement("slot",{name:"shadows"})),b&&m.createElement(ae,{className:"iui-table-cell-start-icon",slot:"start"},b),d,B&&m.createElement(ae,{className:"iui-table-cell-end-icon",slot:"end"},B))},ht="iui-table-checkbox-selector",zl=(l={})=>{let{isDisabled:o,density:s}=l,u=s==="condensed"?42:s==="extra-condensed"?34:48;return{id:ht,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:u,width:u,maxWidth:u,columnClassName:"iui-slot",cellClassName:"iui-slot",Header:({getToggleAllRowsSelectedProps:g,toggleAllRowsSelected:h,rows:d,preFilteredFlatRows:b,state:B})=>{let f=b.every(G=>o==null?void 0:o(G.original)),P=b.every(G=>B.selectedRowIds[G.id]||(o==null?void 0:o(G.original))),F=!P&&Object.keys(B.selectedRowIds).length>0;return m.createElement(Ln,{...g(),style:{},title:"",checked:P&&!f,indeterminate:F,disabled:f,onChange:()=>h(!d.some(G=>G.isSelected))})},Cell:({row:g,selectSubRows:h=!0})=>m.createElement(Ln,{...g.getToggleRowSelectedProps(),style:{},title:"",disabled:o==null?void 0:o(g.original),onClick:d=>d.stopPropagation(),onChange:()=>{g.subRows.length>0&&h?g.toggleRowSelected(!g.subRows.every(d=>d.isSelected||(o==null?void 0:o(d.original)))):g.toggleRowSelected(!g.isSelected)}}),cellRenderer:g=>m.createElement(an,{...g,isDisabled:h=>!!(o!=null&&o(h))})}},nr="iui-table-expander",kl=(l={})=>{let{subComponent:o,isDisabled:s}=l;return{id:nr,disableResizing:!0,disableGroupBy:!0,disableReordering:!0,minWidth:48,width:48,maxWidth:48,columnClassName:"iui-slot",cellClassName:"iui-slot",Cell:u=>{let{row:g}=u;return o!=null&&o(g)?m.createElement(un,{className:"iui-table-row-expander",styleType:"borderless",size:"small",onClick:h=>{h.stopPropagation(),g.toggleRowExpanded()},disabled:s==null?void 0:s(u.row.original),"aria-expanded":g.isExpanded},m.createElement(Un,null)):null},cellRenderer:u=>m.createElement(an,{...u,isDisabled:g=>!!(s!=null&&s(g))})}},Bl=l=>{let{cell:o,cellIndex:s,isDisabled:u,tableHasSubRows:g,tableInstance:h,expanderCell:d,density:b}=l,B=s===o.row.cells.findIndex(L=>L.column.id!==ht),f=o.getCellProps({className:Ie("iui-table-cell",o.column.cellClassName,{"iui-table-cell-sticky":!!o.column.sticky}),style:{...Qn(o.column,!!h.state.isTableResizing),...g&&B&&er({density:b,depth:o.row.depth+(o.row.canExpand?0:1)}),...Zn(o.column,h.visibleColumns)}}),P={...h,cell:o,row:o.row,value:o.value,column:o.column},F=m.createElement(m.Fragment,null,g&&B&&o.row.canExpand&&m.createElement(Il,{cell:o,isDisabled:u,cellProps:P,expanderCell:d,density:b,slot:"start"}),o.render("Cell")),G={cellElementProps:f,cellProps:P,children:m.createElement(m.Fragment,null,F,o.column.sticky==="left"&&h.state.sticky.isScrolledToRight&&m.createElement(ae,{className:"iui-table-cell-shadow-right",slot:"shadows"}),o.column.sticky==="right"&&h.state.sticky.isScrolledToLeft&&m.createElement(ae,{className:"iui-table-cell-shadow-left",slot:"shadows"}))};return m.createElement(m.Fragment,null,o.column.cellRenderer?o.column.cellRenderer({...G,isDisabled:()=>u}):m.createElement(an,{...G,isDisabled:()=>u}))},Pl=l=>{let{row:o,rowProps:s,isLast:u,onRowInViewport:g,onBottomReached:h,intersectionMargin:d,onClick:b,subComponent:B,isDisabled:f,tableHasSubRows:P,tableInstance:F,expanderCell:G,scrollContainerRef:L,tableRowRef:H,density:ee,virtualItem:oe,virtualizer:ie}=l,ue=m.useCallback(()=>{var de,ke;(de=g.current)==null||de.call(g,o.original),u&&((ke=h.current)==null||ke.call(h))},[u,h,g,o.original]),J=m.useMemo(()=>{if(((L==null?void 0:L.scrollHeight)??0)>((L==null?void 0:L.offsetHeight)??0))return L},[L]),te=hl(ue,{rootMargin:`${d}px`,root:J}),ne=(s==null?void 0:s(o))??{},{status:Ce,isLoading:ce,...Ge}=ne,re={...o.getRowProps({style:{flex:"0 0 auto",minWidth:"100%",...oe!=null?{transform:`translateY(${oe.start}px)`}:{}}}),...Ge,className:Ie("iui-table-row",{"iui-table-row-expanded":o.isExpanded&&B,"iui-loading":ce},ne==null?void 0:ne.className),"aria-selected":o.isSelected||void 0,"aria-disabled":f||void 0,"data-iui-status":Ce,"data-iui-index":oe==null?void 0:oe.index,...oe!=null&&{"data-iui-virtualizer":"item"}},Oe=Kn(te,re.ref,H,ie==null?void 0:ie.measureElement);return m.createElement(m.Fragment,null,m.createElement(ae,{...re,ref:Oe,onClick:de=>{var ke;(ke=re==null?void 0:re.onClick)==null||ke.call(re,de),b==null||b(de,o)}},o.cells.map((de,ke)=>m.createElement(Bl,{key:de.getCellProps().key,cell:de,cellIndex:ke,isDisabled:f,tableHasSubRows:P,tableInstance:F,expanderCell:G,density:ee}))))};let sn=(l,o)=>o!=null&&o[l.id]?!0:l.subRows.some(s=>sn(s,o));const Fl=m.memo(Pl,(l,o)=>{var s,u,g,h,d,b,B,f,P,F,G;return l.isLast===o.isLast&&((s=l.state.hiddenColumns)==null?void 0:s.length)===((u=o.state.hiddenColumns)==null?void 0:u.length)&&!!((g=l.state.hiddenColumns)!=null&&g.every((L,H)=>{var ee;return((ee=o.state.hiddenColumns)==null?void 0:ee[H])===L}))&&l.onRowInViewport===o.onRowInViewport&&l.onBottomReached===o.onBottomReached&&l.onClick===o.onClick&&l.row.original===o.row.original&&((h=l.state.selectedRowIds)==null?void 0:h[l.row.id])===((d=o.state.selectedRowIds)==null?void 0:d[o.row.id])&&l.row.subRows.some(L=>sn(L,l.state.selectedRowIds))===o.row.subRows.some(L=>sn(L,o.state.selectedRowIds))&&((b=l.state.expanded)==null?void 0:b[l.row.id])===((B=o.state.expanded)==null?void 0:B[o.row.id])&&l.subComponent===o.subComponent&&l.row.cells.every((L,H)=>o.row.cells[H].column===L.column)&&l.isDisabled===o.isDisabled&&l.rowProps===o.rowProps&&l.expanderCell===o.expanderCell&&l.tableHasSubRows===o.tableHasSubRows&&l.scrollContainerRef===o.scrollContainerRef&&l.state.columnOrder===o.state.columnOrder&&!o.state.columnResizing.isResizingColumn&&l.state.isTableResizing===o.state.isTableResizing&&l.state.sticky.isScrolledToLeft===o.state.sticky.isScrolledToLeft&&l.state.sticky.isScrolledToRight===o.state.sticky.isScrolledToRight&&l.density===o.density&&l.virtualizer===o.virtualizer&&((f=l.virtualItem)==null?void 0:f.index)===((P=o.virtualItem)==null?void 0:P.index)&&((F=l.virtualItem)==null?void 0:F.start)===((G=o.virtualItem)==null?void 0:G.start)});let Tt=l=>!!l&&!isNaN(l.valueOf()),rr=(l,o,s)=>{let[u,g]=s||[],h=864e13,d=Tt(u)?u:new Date(-h),b=Tt(g)?g:new Date(h);return l.filter(B=>o.some(f=>{let P=B.values[f];return P.valueOf()>=d.valueOf()&&P.valueOf()<=b.valueOf()}))};rr.autoRemove=l=>!l||!Tt(l[0])&&!Tt(l[1]);const Wl={betweenDate:rr},Hl=(l,o,s)=>u=>{l&&u.allColumns.push(g=>{if(g.find(b=>b.id===nr))return g;let d=kl({subComponent:l,isDisabled:s});return[{...d,Cell:o?b=>m.createElement(m.Fragment,null,o(b)):d.Cell},...g]})},Tl=(l,o,s,u="default")=>g=>{l&&g.allColumns.push(h=>o==="single"||h.find(d=>d.id===ht)?h:[zl({isDisabled:s,density:u}),...h])};let lr=(l,o,s)=>(l=l.filter(u=>o.some(g=>{let h=u.values[g];return String(h).toLowerCase().includes(String(s).toLowerCase())})),l);lr.autoRemove=l=>!l;let or=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h===void 0||String(h).toLowerCase()===String(s).toLowerCase()}));or.autoRemove=l=>!l;let ir=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h===void 0||String(h)===String(s)}));ir.autoRemove=l=>!l;let sr=(l,o,s)=>l.filter(u=>o.some(g=>u.values[g].includes(s)));sr.autoRemove=l=>!l||!l.length;let ur=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h&&h.length&&s.every(d=>h.includes(d))}));ur.autoRemove=l=>!l||!l.length;let ar=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return h&&h.length&&s.some(d=>h.includes(d))}));ar.autoRemove=l=>!l||!l.length;let cr=(l,o,s)=>l.filter(u=>o.some(g=>{let h=u.values[g];return s.includes(h)}));cr.autoRemove=l=>!l||!l.length;let dr=(l,o,s)=>{let[u,g]=s||[];if(u=typeof u=="number"?u:-1/0,g=typeof g=="number"?g:1/0,u>g){let h=u;u=g,g=h}return l.filter(h=>o.some(d=>{let b=h.values[d];return b>=u&&b<=g}))};dr.autoRemove=l=>!l||typeof l[0]!="number"&&typeof l[1]!="number";const Gl={text:lr,exactText:or,exactTextCase:ir,includes:sr,includesAll:ur,includesSome:ar,includesValue:cr,between:dr},Al=l=>o=>{o.useInstance.push(Nl.bind({},l))};let Nl=(l,o)=>{let s=d=>{d.forEach(b=>{b.initialSubRows||(b.initialSubRows=b.subRows),s(b.subRows)})};s(o.initialRows);let{filteredRows:u=o.filteredRows,filteredFlatRows:g=o.filteredFlatRows,filteredRowsById:h=o.filteredRowsById}=m.useMemo(()=>{if(!l)return{};let d=G=>{G.forEach(L=>{L.subRows=L.initialSubRows??[],d(L.subRows)})};d(o.initialRows);let b=[...o.initialRows];o.state.filters.forEach(({id:G,value:L})=>{let H=o.allColumns.find(ie=>ie.id===G);if(!H)return;let ee={...Gl,...o.filterTypes},oe=typeof H.filter=="function"?H.filter:ee[H.filter??"text"];b=b.filter(ie=>fr(ie,oe,G,L))});let B=[],f=[],P={},F=G=>{G.depth===0&&B.push(G),f.push(G),P[G.id]=G,G.subRows.length&&G.subRows.forEach(L=>F(L))};return b.forEach(G=>F(G)),{filteredRows:B,filteredFlatRows:f,filteredRowsById:P}},[o.allColumns,o.filterTypes,o.initialRows,o.state.filters,l]);Object.assign(o,{filteredRows:u,filteredFlatRows:g,filteredRowsById:h,rows:u,flatRows:g,rowsById:h})},fr=(l,o,s,u)=>{let g=!1;return l.subRows=l.initialSubRows.filter(d=>{let b=fr(d,o,s,u);return b&&(g=!0),b}),g?!0:!!o([l],[s],u).length};const Ll=l=>{l.useInstance.push(Ol)};let Ol=l=>{let o=m.useMemo(()=>{let s=[],u=(g,h)=>{let d=!1;g.initialSubRows.forEach(b=>{u(b,h),(b.isSelected||b.isSomeSelected)&&(d=!0)}),h[g.id]?(g.isSelected=!0,g.isSomeSelected=!1,s.push(g)):(g.isSelected=!1,g.isSomeSelected=d)};return l.rows.forEach(g=>u(g,l.state.selectedRowIds)),s},[l.rows,l.state.selectedRowIds]);Object.assign(l,{selectedFlatRows:o})};const gr=l=>o=>{o.getResizerProps=[Ml(l)],o.stateReducers.push(Dl),o.useInstanceBeforeDimensions.push(jl)};let Ht=l=>l.type==="touchstart",Ml=l=>(o,{instance:s,header:u,nextHeader:g})=>{let{dispatch:h}=s,d=(b,B)=>{var ie,ue,J;if(Ht(b)&&b.touches&&b.touches.length>1)return;let f=Vn(B).map(te=>[te.id,lt(te)]),P=g?Vn(g).map(te=>[te.id,lt(te)]):[],F=Ht(b)?Math.round(b.touches[0].clientX):b.clientX,G=te=>h({type:K.actions.columnResizing,clientX:te}),L=()=>h({type:K.actions.columnDoneResizing}),H={mouse:{moveEvent:"mousemove",moveHandler:te=>G(te.clientX),upEvent:"mouseup",upHandler:()=>{var te,ne,Ce;(te=l.current)==null||te.removeEventListener("mousemove",H.mouse.moveHandler),(ne=l.current)==null||ne.removeEventListener("mouseup",H.mouse.upHandler),(Ce=l.current)==null||Ce.removeEventListener("mouseleave",H.mouse.upHandler),L()}},touch:{moveEvent:"touchmove",moveHandler:te=>{te.cancelable&&(te.preventDefault(),te.stopPropagation()),G(te.touches[0].clientX)},upEvent:"touchend",upHandler:()=>{var te,ne;(te=l.current)==null||te.removeEventListener(H.touch.moveEvent,H.touch.moveHandler),(ne=l.current)==null||ne.removeEventListener(H.touch.upEvent,H.touch.moveHandler),L()}}},ee=Ht(b)?H.touch:H.mouse,oe=!!$l()&&{passive:!1};(ie=l.current)==null||ie.addEventListener(ee.moveEvent,ee.moveHandler,oe),(ue=l.current)==null||ue.addEventListener(ee.upEvent,ee.upHandler,oe),Ht(b)||(J=l.current)==null||J.addEventListener("mouseleave",H.mouse.upHandler,oe),h({type:K.actions.columnStartResizing,columnId:B.id,columnWidth:lt(B),nextColumnWidth:lt(g),headerIdWidths:f,nextHeaderIdWidths:P,clientX:F})};return[o,{onClick:b=>{b.stopPropagation()},onMouseDown:b=>{b.persist(),b.preventDefault(),b.stopPropagation(),d(b,u)},onTouchStart:b=>{b.persist(),b.preventDefault(),d(b,u)},style:{cursor:"col-resize"},draggable:!1,role:"separator"}]};gr.pluginName="useResizeColumns";let Dl=(l,o,s,u)=>{if(o.type===K.actions.init)return{...l,columnResizing:{columnWidths:{}}};if(o.type===K.actions.resetResize)return{...l,columnResizing:{columnWidths:{}}};if(o.type===K.actions.columnStartResizing){let{clientX:g,columnId:h,columnWidth:d,nextColumnWidth:b,headerIdWidths:B,nextHeaderIdWidths:f}=o;return{...l,columnResizing:{...l.columnResizing,startX:g,columnWidth:d,nextColumnWidth:b,headerIdWidths:B,nextHeaderIdWidths:f,isResizingColumn:h}}}if(o.type===K.actions.columnResizing){let{clientX:g}=o,{startX:h=0,columnWidth:d=1,nextColumnWidth:b=1,headerIdWidths:B=[],nextHeaderIdWidths:f=[]}=l.columnResizing;if(!u)return l;let P=g-h,F=On(B,P/d),G=Xl(F,u.flatHeaders)<u.tableWidth,L=(u==null?void 0:u.columnResizeMode)==="fit"||(u==null?void 0:u.columnResizeMode)==="expand"&&G?On(f,-P/b):{};return!Mn(F,u.flatHeaders)||!Mn(L,u.flatHeaders)||!Vl({...F,...L},u)?l:(u==null||u.flatHeaders.forEach(H=>{H.width||(H.width=H.resizeWidth)}),{...l,columnResizing:{...l.columnResizing,columnWidths:{...l.columnResizing.columnWidths,...F,...L}}})}return o.type===K.actions.columnDoneResizing?{...l,columnResizing:{...l.columnResizing,startX:void 0,isResizingColumn:void 0}}:l},On=(l,o)=>{let s={};return l.forEach(([u,g])=>{s[u]=Math.max(g+g*o,0)}),s},Mn=(l,o)=>{if(Object.values(l).some(s=>s<=1))return!1;for(let[s,u]of Object.entries(l)){let g=o==null?void 0:o.find(b=>b.id===s);if(!g)continue;let h=g.minWidth||0,d=g.maxWidth||1/0;if(u<h||u>d)return!1}return!0},Vl=(l,o)=>{if(o.columnResizeMode==="fit")return!0;let s=0;for(let u of o.flatHeaders)s+=l[u.id]?l[u.id]:lt(u);return!(Math.round(s)<o.tableWidth)},jl=l=>{let{flatHeaders:o,getHooks:s,state:{columnResizing:u},columnResizeMode:g}=l,h=K.useGetLatest(l);o.forEach((d,b)=>{var F;let B=u.columnWidths[d.id];d.width=B||d.width||d.originalWidth,d.isResizing=u.isResizingColumn===d.id;let f=d.disableResizing&&g==="fit"?Dn(d,l):d,P=g==="expand"&&b===o.length-1?Dn(d,l):_l(d,l);d.canResize=d.disableResizing==null||!d.disableResizing,g==="fit"?d.isResizerVisible=d.canResize&&!!P||f&&!!((F=l.flatHeaders[b+1])!=null&&F.canResize):d.isResizerVisible=d.canResize&&!!f,d.getResizerProps=K.makePropGetter(s().getResizerProps,{instance:h(),header:f,nextHeader:P})})},Dn=(l,o)=>{var g;let s=(((g=l.parent)==null?void 0:g.columns)||o.flatHeaders).filter(({isVisible:h})=>h),u=s.findIndex(h=>h.id===l.id);return[...s].slice(0,u).reverse().find(h=>!h.disableResizing)},_l=(l,o)=>{var g;let s=(((g=l.parent)==null?void 0:g.columns)||o.flatHeaders).filter(({isVisible:h})=>h),u=s.findIndex(h=>h.id===l.id);return[...s].slice(u+1).find(h=>!h.disableResizing)};function Vn(l){let o=[],s=u=>{u.columns&&u.columns.length&&u.columns.map(s),o.push(u)};return s(l),o}let lt=l=>l?typeof l.width=="string"&&Number.isNaN(Number(l.width))?Number(l.resizeWidth||0):Number(l.width||l.resizeWidth||0):0,Xl=(l,o)=>{let s=0;for(let u of o)s+=l[u.id]?l[u.id]:lt(u);return s},vt=null,$l=()=>{if(vt!=null)return vt;try{let l={once:!0,get passive(){return vt=!0,!1}};window.addEventListener("test",()=>{},l)}catch{vt=!1}return vt},Gt={columnDragStart:"columnDragStart",columnDragEnd:"columnDragEnd"};const Kl=l=>o=>{o.getDragAndDropProps=[ql(l)],o.stateReducers.push(Ul),o.useInstance.push(Jl)};let ql=l=>(o,{instance:s,header:u})=>{if(!l||u.disableReordering)return o;let g=()=>{s.dispatch({type:Gt.columnDragStart,columnIndex:s.flatHeaders.indexOf(u)})},h=(P,F)=>{let G=P.currentTarget;G.classList.remove(Wt["iui-table-reorder-column-right"]),G.classList.remove(Wt["iui-table-reorder-column-left"]),F==="left"?G.classList.add(Wt["iui-table-reorder-column-left"]):F==="right"&&G.classList.add(Wt["iui-table-reorder-column-right"])},d=(P,F,G)=>{let L=[...P],[H]=L.splice(F,1);return L.splice(G,0,H),L};return[o,{draggable:!0,onDragStart:g,onDragOver:P=>{P.preventDefault();let F=s.flatHeaders.indexOf(u);s.state.columnReorderStartIndex!==F&&h(P,s.state.columnReorderStartIndex>F?"left":"right")},onDragLeave:P=>{h(P)},onDrop:P=>{P.preventDefault(),h(P);let F=s.allColumns.map(H=>H.id),G=s.state.columnReorderStartIndex,L=F.findIndex(H=>H===u.id);G===L||G===-1||L===-1||(s.setColumnOrder(d(F,G,L)),s.dispatch({type:Gt.columnDragEnd,columnIndex:-1}))}}]},Ul=(l,o)=>{switch(o.type){case K.actions.init:return{...l,columnReorderStartIndex:-1};case Gt.columnDragStart:return{...l,columnReorderStartIndex:o.columnIndex};case Gt.columnDragEnd:return{...l,columnReorderStartIndex:-1};default:return l}},Jl=l=>{let{flatHeaders:o,getHooks:s}=l,u=K.useGetLatest(l);o.forEach(g=>{g.getDragAndDropProps=K.makePropGetter(s().getDragAndDropProps,{instance:u(),header:g})})};function Yl({data:l,enableVirtualization:o,page:s,paginatorRenderer:u,scrollToRow:g}){let h=m.useRef({}),d=m.useRef(s);d.current=s;let b=m.useRef(l);b.current=l;let B=m.useMemo(()=>{if(!g||u)return;let P=g(d.current,b.current);return P<0?void 0:P},[u,g]);m.useEffect(()=>{var P,F;o||B==null||B<0||(F=h.current[(P=d.current[B])==null?void 0:P.id])==null||F.scrollIntoView()},[o,B]);let f=m.useCallback(P=>F=>{h.current[P.id]=F},[]);return{scrollToIndex:B,tableRowRef:f}}K.actions.setScrolledLeft="setScrolledLeft";K.actions.setScrolledRight="setScrolledRight";const Ql=l=>{l.stateReducers.push(Zl),l.useInstance.push(eo)};let Zl=(l,o)=>{var s,u;return o.type===K.actions.init?{...l,sticky:{}}:o.type===K.actions.setScrolledLeft&&((s=l.sticky)==null?void 0:s.isScrolledToLeft)!==o.value?{...l,sticky:{...l.sticky,isScrolledToLeft:o.value}}:o.type===K.actions.setScrolledRight&&((u=l.sticky)==null?void 0:u.isScrolledToRight)!==o.value?{...l,sticky:{...l.sticky,isScrolledToRight:o.value}}:l},eo=l=>{let{flatHeaders:o}=l;o.forEach(g=>{g.originalSticky||(g.originalSticky=g.sticky??"none"),g.sticky=g.originalSticky==="none"?void 0:g.originalSticky});let s=!1;[...o].reverse().forEach(g=>{g.sticky==="left"&&(s=!0),s&&(g.sticky="left")});let u=!1;o.forEach(g=>{g.sticky==="right"&&(u=!0),u&&(g.sticky="right")})};const to=(l,o,s)=>{if(!(o!=null&&o.preFilteredFlatRows.length)){s==null||s([],l);return}let u=[];o.preFilteredFlatRows.forEach(g=>{l.expanded[g.id]&&u.push(g.original)}),s==null||s(u,l)},no=(l,o,s,u,g)=>{let h=s.filters.find(d=>d.id===o.columnId);return(h==null?void 0:h.value)!=o.filterValue?l.filters.map(b=>{let B=g==null?void 0:g.allColumns.find(f=>f.id===b.id);return{id:b.id,value:b.value,fieldType:(B==null?void 0:B.fieldType)??"text",filterType:(B==null?void 0:B.filter)??"text"}}):u};let cn=(l,o,s,u)=>{if(!(o!=null&&o.rows.length)){s==null||s([],l);return}let g={},h=b=>{if(u!=null&&u(b.original))return!1;let B=!0;return b.initialSubRows.forEach(f=>{h(f)||(B=!1)}),(!o.selectSubRows&&l.selectedRowIds[b.id]||!b.initialSubRows.length&&l.selectedRowIds[b.id]||b.initialSubRows.length&&B)&&(g[b.id]=!0),!!g[b.id]};o.initialRows.forEach(b=>h(b));let d=io(g,o);l.selectedRowIds=g,s==null||s(d,l)};const ro=(l,o,s,u,g)=>{cn(l,s,u,g),l.lastSelectedRowId=o.id},lo=(l,o,s,u,g)=>{let h={[o.id]:!0};if(s!=null&&s.selectSubRows){let b=B=>{h[B.id]=!0,B.subRows.forEach(f=>b(f))};b(s.rowsById[o.id])}let d={...l,lastSelectedRowId:o.id,selectedRowIds:h};return cn(d,s,u,g),d},oo=(l,o,s,u,g)=>{if(s==null)return l;let h=Math.max(0,s.flatRows.findIndex(F=>F.id===l.lastSelectedRowId)),d=Math.max(0,s.flatRows.findIndex(F=>F.id===o.id));if(h>d){let F=h;h=d,d=F}let b=l.lastSelectedRowId==null||!!l.selectedRowIds[l.lastSelectedRowId],B=o.ctrlPressed?{...l.selectedRowIds}:{};s.flatRows.slice(h,d+1).forEach(F=>B[F.id]=b);let f=F=>{B[F.id]=b,F.subRows.forEach(G=>f(G))};f(s.flatRows[d]);let P={...l,selectedRowIds:B};return cn(P,s,u,g),P};let io=(l,o)=>{let s=[],u=g=>{l[g.id]&&s.push(g.original),g.initialSubRows.forEach(h=>u(h))};return o==null||o.initialRows.forEach(g=>u(g)),s};const so=l=>({...l,isTableResizing:!0}),uo=(l,o)=>({...l,isTableResizing:!1,columnResizing:{...l.columnResizing,columnWidths:{...o.columnWidths}}}),ao=l=>{let{column:o,className:s,...u}=l;qn();let[g,h]=m.useState(!1),d=m.useCallback(()=>h(!1),[]),b=m.useCallback(P=>{o.setFilter(P),d()},[d,o]),B=m.useCallback(()=>{o.setFilter(void 0),d()},[d,o]),f=o.filterValue!=null&&o.filterValue!=="";return m.createElement(m.Fragment,null,o.canFilter&&o.Filter&&m.createElement(pl,{content:o.render("Filter",{close:d,setFilter:b,clearFilter:B}),placement:"bottom-start",visible:g,onVisibleChange:h,closeOnOutsideClick:!0,applyBackground:!0},m.createElement(un,{styleType:"borderless",isActive:g||f,className:Ie("iui-table-filter-button",s),"aria-label":"Filter",onClick:P=>{P.stopPropagation()},"data-iui-shift":"left",...u},f?m.createElement(Cl,null):m.createElement(El,null))))},co=l=>{let{columnRefs:o,column:s,index:u,areFiltersSet:g,hasAnySubRows:h,headers:d,state:b,data:B,isResizable:f,columnResizeMode:P,enableColumnReordering:F,density:G,visibleColumns:L,...H}=l,ee=m.useRef(!1),oe={default:72,withExpander:108},ie=ce=>(B.length!==0||g)&&ce.canFilter&&!!ce.Filter,ue=ce=>B.length!==0&&ce.canSort,{onClick:J,...te}=s.getSortByToggleProps(),ne=h&&u===d.findIndex(ce=>ce.id!==ht);[void 0,0].includes(s.minWidth)&&(s.minWidth=ne?oe.withExpander:oe.default,typeof s.width=="number"&&s.minWidth>s.width&&(s.minWidth=s.width));let Ce=s.getHeaderProps({...te,className:Ie("iui-table-cell",{"iui-actionable":s.canSort,"iui-sorted":s.isSorted,"iui-table-cell-sticky":!!s.sticky},s.columnClassName),style:{...Qn(s,!!b.isTableResizing),...ne&&er({density:G}),...Zn(s,L),flexWrap:"wrap",columnGap:"var(--iui-size-xs)"}});return m.createElement(ae,{...Ce,...H,key:Ce.key,title:void 0,ref:m.useCallback(ce=>{ce&&(o.current[s.id]=ce,s.resizeWidth=ce.getBoundingClientRect().width)},[s,o]),onMouseDown:()=>{ee.current=!0},onClick:ce=>{ee.current&&(J==null||J(ce),ee.current=!1)},tabIndex:ue(s)?0:void 0,onKeyDown:ce=>{ce.key=="Enter"&&ue(s)&&s.toggleSortBy()}},m.createElement(m.Fragment,null,m.createElement(At,null,typeof s.Header=="string"?m.createElement(Jn,null,m.createElement("slot",null)):m.createElement("slot",null),m.createElement("slot",{name:"actions"}),m.createElement("slot",{name:"resizers"}),m.createElement("slot",{name:"shadows"})),s.render("Header"),(ie(s)||ue(s))&&m.createElement(ae,{className:"iui-table-header-actions-container",onKeyDown:ce=>ce.stopPropagation(),slot:"actions"},ie(s)&&m.createElement(ao,{column:s}),ue(s)&&m.createElement(ae,{className:"iui-table-cell-end-icon"},s.isSortedDesc||!s.isSorted&&s.sortDescFirst?m.createElement(Sl,{className:"iui-table-sort","aria-hidden":!0}):m.createElement(wl,{className:"iui-table-sort","aria-hidden":!0}))),f&&s.isResizerVisible&&(u!==d.length-1||P==="expand")&&m.createElement(ae,{...s.getResizerProps(),className:"iui-table-resizer",slot:"resizers"},m.createElement(ae,{className:"iui-table-resizer-bar"})),F&&!s.disableReordering&&m.createElement(ae,{className:"iui-table-reorder-bar",slot:"resizers"}),s.sticky==="left"&&b.sticky.isScrolledToRight&&m.createElement(ae,{className:"iui-table-cell-shadow-right",slot:"shadows"}),s.sticky==="right"&&b.sticky.isScrolledToLeft&&m.createElement(ae,{className:"iui-table-cell-shadow-left",slot:"shadows"})))};let fo=m.forwardRef((l,o)=>{let{children:s,className:u,style:g,isDisabled:h,...d}=l;return m.createElement(ae,{className:Ie("iui-table-row","iui-table-expanded-content",u),style:{flex:"0 0 auto",minWidth:"100%",...g},"aria-disabled":h,ref:o,...d},s)});const go=m.memo(fo);let jn="singleRowSelected",_n="shiftRowSelected";const Xn="tableResizeStart";let $n="tableResizeEnd",mr=l=>{let o=[];return l.forEach(s=>{o.push(s),"columns"in s&&o.push(...mr(s.columns))}),o};const wo=l=>{let{data:o,columns:s,isLoading:u=!1,emptyTableContent:g,className:h,style:d,id:b,isSelectable:B=!1,onSelect:f,onRowClick:P,selectionMode:F="multi",isSortable:G=!1,onSort:L,stateReducer:H,onBottomReached:ee,onRowInViewport:oe,intersectionMargin:ie=300,subComponent:ue,onExpand:J,onFilter:te,globalFilterValue:ne,emptyFilteredTableContent:Ce,filterTypes:ce,expanderCell:Ge,isRowDisabled:re,rowProps:Oe,density:de="default",selectSubRows:ke=!0,getSubRows:Me,selectRowOnClick:Ee=!0,paginatorRenderer:De,pageSize:je=25,isResizable:_e=!1,columnResizeMode:Ae="fit",styleType:ot="default",enableVirtualization:Fe=!1,enableColumnReordering:Xe=!1,headerWrapperProps:$e,headerProps:Ke,bodyProps:qe,emptyTableContentProps:we,...Lt}=l;qn();let We=m.useRef(),Ot=m.useMemo(()=>({maxWidth:0,minWidth:0,width:0}),[]),Mt=m.useMemo(()=>de==="condensed"?50:de==="extra-condensed"?38:62,[de]),Rt=Gn(ee),yt=Gn(oe),Ue=m.useMemo(()=>mr(s).some($=>$.id===ht),[s]),Je=m.useCallback(I=>{I.key==="Shift"&&We.current&&(We.current.documentElement.style.userSelect="none")},[]),it=m.useCallback(I=>{I.key==="Shift"&&We.current&&(We.current.documentElement.style.userSelect="")},[]);m.useEffect(()=>{if(!B||F!=="multi")return;let I=We.current;return I==null||I.addEventListener("keydown",Je),I==null||I.addEventListener("keyup",it),()=>{I==null||I.removeEventListener("keydown",Je),I==null||I.removeEventListener("keyup",it)}},[B,F,We,Je,it]);let st=m.useRef([]),Ve=m.useRef(st.current),Dt=m.useCallback((I,$,ve,se)=>{switch($.type){case K.actions.toggleSortBy:L==null||L(I);break;case K.actions.setFilter:Ve.current=no(I,$,ve,Ve.current,se);break;case K.actions.toggleRowExpanded:case K.actions.toggleAllRowsExpanded:to(I,se,J);break;case jn:I=lo(I,$,se,f,Ue?void 0:re);break;case _n:I=oo(I,$,se,f,Ue?void 0:re);break;case K.actions.toggleRowSelected:case K.actions.toggleAllRowsSelected:case K.actions.toggleAllPageRowsSelected:ro(I,$,se,f,Ue?void 0:re);break;case Xn:I=so(I);break;case $n:I=uo(I,$);break}return H?H(I,$,ve,se):I},[Ue,re,J,f,L,H]),Vt=m.useMemo(()=>({...Wl,...ce}),[ce]),Ye=m.useMemo(()=>o.some((I,$)=>Me?Me(I,$):I.subRows),[o,Me]),Se=K.useTable({manualPagination:!De,paginateExpandedRows:!1,...l,columns:s,defaultColumn:Ot,disableSortBy:!G,stateReducer:Dt,filterTypes:Vt,selectSubRows:ke,data:o,getSubRows:Me,initialState:{pageSize:je,...l.initialState},columnResizeMode:Ae},K.useFlexLayout,gr(We),K.useFilters,Al(Ye),K.useGlobalFilter,K.useSortBy,K.useExpanded,K.usePagination,K.useRowSelect,Ll,Hl(ue,Ge,re),Tl(B,F,re,de),K.useColumnOrder,Kl(Xe),Ql),{getTableProps:jt,rows:ut,headerGroups:bt,getTableBodyProps:_t,prepareRow:at,state:Re,allColumns:Xt,dispatch:xe,page:He,gotoPage:wt,setPageSize:Qe,flatHeaders:Ze,visibleColumns:$t,setGlobalFilter:ct}=Se,dt=bt;s.length===1&&"columns"in s[0]&&(dt=bt.slice(1));let St=Object.entries(Lt).reduce((I,[$,ve])=>(($.startsWith("data-")||$.startsWith("aria-"))&&(I[$]=ve),I),{}),et=Xt.some(I=>I.filterValue!=null&&I.filterValue!=="")||!!ne,ft=m.useCallback((I,$)=>{let ve=re==null?void 0:re($.original),se=I.ctrlKey||I.metaKey;ve||P==null||P(I,$),B&&!ve&&Ee&&!I.isDefaultPrevented()&&(F==="multi"&&I.shiftKey?xe({type:_n,id:$.id,ctrlPressed:se}):$.isSelected||F!=="single"&&se?$.toggleRowSelected(!$.isSelected):xe({type:jn,id:$.id}))},[re,B,Ee,F,xe,P]);m.useEffect(()=>{ct(ne)},[ne,ct]),m.useEffect(()=>{Qe(je)},[je,Qe]),m.useEffect(()=>{st.current!==Ve.current&&(st.current=Ve.current,te==null||te(Ve.current,Re,Se.filteredRows))},[Re,Se.filteredRows,te]);let tt=m.useRef([]);m.useEffect(()=>{tt.current.length>0&&JSON.stringify(tt.current)!==JSON.stringify(s)&&Se.setColumnOrder([]),tt.current=s},[s,Se]);let Ct=m.useMemo(()=>({currentPage:Re.pageIndex,pageSize:Re.pageSize,totalRowsCount:ut.length,size:de!=="default"?"small":"default",isLoading:u,onPageChange:wt,onPageSizeChange:Qe,totalSelectedRowsCount:F==="single"?0:Se.selectedFlatRows.length}),[de,wt,u,ut.length,Qe,Re.pageIndex,Re.pageSize,Se.selectedFlatRows,F]),Be=m.useRef(null),{scrollToIndex:nt,tableRowRef:rt}=Yl({...l,page:He}),Pe=m.useRef({}),gt=m.useRef(0),Kt=m.useCallback(({width:I})=>{_e&&(Se.tableWidth=I,I!==gt.current&&(gt.current=I,Ze.forEach($=>{Pe.current[$.id]&&($.resizeWidth=Pe.current[$.id].getBoundingClientRect().width)}),Object.keys(Re.columnResizing.columnWidths).length!==0&&xe({type:Xn})))},[xe,Re.columnResizing.columnWidths,Ze,Se,_e]),[qt]=vl(Kt);An(()=>{if(Re.isTableResizing){let I={};Ze.forEach($=>{Pe.current[$.id]&&(I[$.id]=Pe.current[$.id].getBoundingClientRect().width)}),xe({type:$n,columnWidths:I})}});let{virtualizer:Ne,css:Ut}=Rl({enabled:Fe,count:He.length,getScrollElement:()=>Be.current,estimateSize:()=>Mt,getItemKey:I=>He[I].id,overscan:1});An(()=>{nt&&Ne.scrollToIndex(nt,{align:"center"})},[Ne,nt]);let Et=m.useCallback((I,$,ve)=>{let se=He[I];return at(se),m.createElement(m.Fragment,null,m.createElement(Fl,{row:se,rowProps:Oe,isLast:I===He.length-1,onRowInViewport:yt,onBottomReached:Rt,intersectionMargin:ie,state:Re,key:se.getRowProps().key,onClick:ft,subComponent:ue,isDisabled:!!(re!=null&&re(se.original)),tableHasSubRows:Ye,tableInstance:Se,expanderCell:Ge,scrollContainerRef:Be.current,tableRowRef:Fe?void 0:rt(se),density:de,virtualItem:$,virtualizer:ve}),ue&&m.createElement(yl,{in:se.isExpanded},m.createElement(go,{key:se.getRowProps().key,ref:rt(se),isDisabled:!!(re!=null&&re(se.original))},ue(se))))},[He,at,Oe,ie,Re,ft,ue,re,Ye,Se,Ge,Fe,rt,de,Rt,yt]),mt=()=>{!Be.current||Ze.every(I=>!I.sticky)||(Be.current.scrollLeft!==0?xe({type:K.actions.setScrolledRight,value:!0}):xe({type:K.actions.setScrolledRight,value:!1}),Be.current.scrollLeft!==Be.current.scrollWidth-Be.current.clientWidth?xe({type:K.actions.setScrolledLeft,value:!0}):xe({type:K.actions.setScrolledLeft,value:!1}))};return m.useEffect(()=>{mt()},[]),m.createElement(tr.Provider,{value:Se.columns},m.createElement(ae,{ref:Kn(Be,qt,m.useCallback(I=>{We.current=I==null?void 0:I.ownerDocument},[])),id:b,...jt({className:Ie("iui-table",h),style:{minWidth:0,...d}}),onScroll:()=>mt(),"data-iui-size":de==="default"?void 0:de,...St},dt.map(I=>{I.headers=I.headers.filter(ve=>!ve.id.includes("iui-table-checkbox-selector_placeholder")&&!ve.id.includes("iui-table-expander_placeholder"));let $=I.getHeaderGroupProps({className:"iui-table-row"});return m.createElement(ae,{as:"div",key:$.key,...$e,className:Ie("iui-table-header-wrapper",$e==null?void 0:$e.className)},m.createElement(ae,{as:"div",...Ke,className:Ie("iui-table-header",Ke==null?void 0:Ke.className)},m.createElement(ae,$,I.headers.map((ve,se)=>{let xt=ve.getDragAndDropProps();return m.createElement(co,{...xt,key:xt.key||ve.id||se,columnRefs:Pe,column:ve,index:se,areFiltersSet:et,hasAnySubRows:Ye,headers:I.headers,state:Re,data:o,isResizable:_e,columnResizeMode:Ae,enableColumnReordering:Xe,density:de,visibleColumns:$t})}))))}),m.createElement(ae,{as:"div",...qe,..._t({className:Ie("iui-table-body",{"iui-zebra-striping":ot==="zebra-rows"},qe==null?void 0:qe.className),style:{outline:0}}),tabIndex:-1,"aria-multiselectable":B&&F==="multi"||void 0},m.createElement(At,{css:Ut},Fe&&o.length!==0?m.createElement("div",{"data-iui-virtualizer":"root",style:{minBlockSize:Ne.getTotalSize()}},m.createElement("slot",null)):m.createElement("slot",null)),o.length!==0&&m.createElement(m.Fragment,null,Fe?Ne.getVirtualItems().map(I=>Et(I.index,I,Ne)):He.map((I,$)=>Et($))),u&&o.length===0&&m.createElement(ae,{as:"div",...we,className:Ie("iui-table-empty",we==null?void 0:we.className)},m.createElement(Nn,{indeterminate:!0})),!u&&o.length===0&&!et&&m.createElement(ae,{as:"div",...we,className:Ie("iui-table-empty",we==null?void 0:we.className)},m.createElement("div",null,g)),!u&&(o.length===0||ut.length===0)&&et&&m.createElement(ae,{as:"div",...we,className:Ie("iui-table-empty",we==null?void 0:we.className)},m.createElement("div",null,Ce))),u&&o.length!==0&&m.createElement(ae,{className:"iui-table-body-extra","data-iui-loading":"true"},m.createElement(Nn,{indeterminate:!0,size:"small"})),De==null?void 0:De(Ct)))};export{an as D,nr as E,ht as S,wo as T,zl as a,kl as b,Xn as t};
diff --git a/2240/react/assets/Table.stories-DcEhFR4w.js b/2240/react/assets/Table.stories-DcEhFR4w.js
new file mode 100644
index 00000000000..a7a222f0c54
--- /dev/null
+++ b/2240/react/assets/Table.stories-DcEhFR4w.js
@@ -0,0 +1 @@
+import{r as a,q as De,a2 as ge,B as $,c as J,P as we,V as Ce,I as O,m as Se,X as G,n as Re,b as Ne,l as ke,R as c,j as e,T as ve}from"./index-t5nukUIt.js";import{S as se}from"./More-ZnVmqxXr.js";import{a as Fe,b as Te,S as je}from"./StatusWarning-Cbq0FZ8X.js";import{A as M}from"./Anchor-zmS0nF6X.js";import{S as He,E as Pe,t as Ee,T as D,D as _,a as Me,b as ze}from"./Table-5fgbm936.js";import{B as Y}from"./Button-CCMFLemb.js";import{D as $e,i as be}from"./DatePicker-BG1WG_q2.js";import{I as Ie}from"./InputGrid-CEH0Ale1.js";import{L as Le}from"./Label-DWsyELlB.js";import{I as te}from"./InputWithDecorations-BVYTqao3.js";import{L as he}from"./LabeledInput-BmNwKNU_.js";import{I as oe}from"./Input-BadsHKqi.js";import{T as Z}from"./Text-BAOnoVWg.js";import{C as K}from"./Code-tt0Fl-J4.js";import{I as ie}from"./InputGroup-D9nJVe0d.js";import{C as ne}from"./Checkbox-B3IcZK1h.js";import{M as V}from"./MenuItem-C5HYGp0L.js";import{F as Ve}from"./Flex-BMtqRvku.js";import{F as qe}from"./FieldsetBase-FL63l21Z.js";import{D as le}from"./DropdownMenu-B6zpNdf6.js";import{D as We}from"./DropdownButton-CU8T2jBM.js";import{P as re}from"./ProgressRadial-CnAU4x13.js";import{u as Ae}from"./useContainerWidth-g5koDt2g.js";import{S as Oe}from"./SvgChevronLeft-CH8boqDV.js";import{S as Be}from"./SvgChevronRight-D4u8Qhfr.js";import{R as A}from"./Radio-yS7mvy-7.js";import"./useIntersection-PIH1b3k1.js";import"./useVirtualScroll-CFcjEM5a.js";import"./WithCSSTransition-8CV2-R5E.js";import"./TimePicker-Djj96e52.js";import"./Textarea-BOoW5Jy8.js";import"./Icon-DqcqOTd7.js";import"./MenuExtraContent-BgP9fhTZ.js";import"./Select-B4ZOAKk1.js";import"./List-yZe469ZQ.js";import"./SvgCheckmark-uXV5t-W5.js";import"./SvgCaretDownSmall-D4bb48kW.js";import"./ListItem-DmOFYNi1.js";import"./LinkAction-Mt8n1MRI.js";import"./InputFlexContainer-DztgMTjx.js";import"./focusable-DDe8vqPn.js";import"./SvgCaretUpSmall-CH8fRkcq.js";const Je=t=>a.createElement(De,t,a.createElement("path",{d:"m1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2"})),_e=t=>a.createElement(De,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"})),Ge=t=>{let{cellElementProps:{className:r,style:l,...i},cellProps:n,onCellEdit:s,children:d,isDisabled:u,className:o,style:m,...p}=t,y=w=>w.replace(/(\r\n|\n|\r)+/gm," "),[R,T]=a.useState(()=>y(n.value));a.useEffect(()=>{T(y(n.value))},[n.value]);let[g,f]=a.useState(ge(10)),[C,N]=a.useState(!1);return a.createElement($,{...i,contentEditable:!0,suppressContentEditableWarning:!0,key:g,...p,className:J(r,o),style:{...l,...m},onInput:w=>{var S;T(y(w.target.innerText)),N(!0),(S=t.onInput)==null||S.call(t,w)},onBlur:w=>{var S;C&&s(n.column.id,R,n.row.original),(S=t.onBlur)==null||S.call(t,w),f(ge(10))},onKeyDown:w=>{var S;w.key==="Enter"&&w.preventDefault(),(S=t.onKeyDown)==null||S.call(t,w)},onPaste:w=>{var S;w.preventDefault(),document.execCommand("inserttext",!1,y(w.clipboardData.getData("text/plain"))),(S=t.onPaste)==null||S.call(t,w)},onDrop:w=>{var S;w.preventDefault(),(S=t.onDrop)==null||S.call(t,w)},onClick:w=>{var S;w.stopPropagation(),(S=t.onClick)==null||S.call(t,w)}},d)};let ye="iui-table-action";const Q=({columnManager:t=!1}={})=>({id:ye,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=[He,Pe,ye],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:Ee}),queueMicrotask(()=>{var y;(y=n.current)==null||y.scrollIntoView({block:"nearest"})}))};return a.createElement(ne,{key:o.id,checked:m,disabled:o.disableToggleVisibility,onChange:p,label:o.render("Header")})}),u=typeof t!="boolean"?t.dropdownMenuProps:{};return a.createElement(we,{applyBackground:!0,content:a.createElement(Ve,{as:qe,className:"iui-table-column-manager",flexDirection:"column",alignItems:"flex-start"},a.createElement(Ce,{as:"legend"},"Show/hide columns"),d()),...u},a.createElement(O,{styleType:"borderless",ref:n,label:"Column manager"},a.createElement(Je,null)))}}),U=a.forwardRef((t,r)=>a.createElement($,{as:"form",...t,ref:r,className:J("iui-table-column-filter",t.className),onSubmit:l=>{var i;l.preventDefault(),(i=t.onSubmit)==null||i.call(t,l)},onClick:Se(t.onClick,l=>{l.stopPropagation()})}));let Ye={filter:"Filter",clear:"Clear"};const ce=t=>{let{children:r,setFilter:l,clearFilter:i,translatedLabels:n,className:s,style:d,id:u}=t,o={...Ye,...n};return G(),a.createElement($,{className:J("iui-button-bar",s),style:d,id:u},r,a.createElement(Y,{type:"submit",styleType:"high-visibility",onClick:l},o.filter),a.createElement(Y,{onClick:i},o.clear))},fe=a.forwardRef((t,r)=>{let l=Re(),{onChange:i,date:n,parseInput:s,formatDate:d,label:u,required:o,disabled:m,isFromOrTo:p,selectedDate:y,wrapperProps:R,labelProps:T,inputWrapperProps:g,id:f=l,localizedNames:C,showYearSelection:N,...w}=t,S=E=>p==="to"?be(E,y):be(y,E),P=a.useRef(null),[v,b]=a.useState("");a.useEffect(()=>{n&&!isNaN(n.valueOf())&&b(d(n))},[n,d]);let[h,j]=a.useState(!1),k=a.useCallback(()=>j(!1),[]),q=a.useCallback(E=>{var I;i(E),k(),(I=P.current)==null||I.focus()},[k,i]),W=a.useCallback(E=>{let I=E.target.value;b(I),I||i(void 0);let z=s(I);z&&!isNaN(z.valueOf())&&i(z)},[i,s]);return a.createElement(Ie,{labelPlacement:"inline",...R},a.createElement(Le,{as:"label",required:o,disabled:m,htmlFor:f,...T},u),a.createElement(te,g,a.createElement(te.Input,{id:f,value:v,onChange:W,required:o,disabled:m,ref:r,...w}),a.createElement(we,{content:a.createElement($e,{date:n,onChange:q,setFocus:!0,isDateDisabled:S,localizedNames:C,applyBackground:!1,showDatesOutsideMonth:!1,showYearSelection:N}),placement:"bottom-end",visible:h,onVisibleChange:j,closeOnOutsideClick:!0,applyBackground:!0},a.createElement(te.Button,{"aria-label":"Date picker",ref:P},a.createElement(_e,null)))))});let Ke={from:"From",to:"To"},Ze=t=>new Intl.DateTimeFormat("en-us",{month:"short",day:"numeric",year:"numeric"}).format(t),Qe=t=>/^[a-z]{3}\s\d{1,2},\s\d{4}$/gi.test(t)?new Date(t):new Date("");const Ue=t=>{var N,w,S,P;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n,formatDate:s=Ze,parseInput:d=Qe,placeholder:u="MMM dd, yyyy",showYearSelection:o}=t;G();let m={...Ke,...l},[p,y]=a.useState((N=r.filterValue)!=null&&N[0]?new Date((w=r.filterValue)==null?void 0:w[0]):void 0),R=a.useRef(null);a.useEffect(()=>{R.current&&R.current.focus()},[]);let T=a.useCallback(v=>{y(b=>b||!v?v:new Date(v.getFullYear(),v.getMonth(),v.getDate(),0,0,0,0))},[]),[g,f]=a.useState((S=r.filterValue)!=null&&S[1]?new Date((P=r.filterValue)==null?void 0:P[1]):void 0),C=a.useCallback(v=>{f(b=>b||!v?v:new Date(v.getFullYear(),v.getMonth(),v.getDate(),23,59,59,999))},[]);return a.createElement(U,{onSubmit:()=>i([p,g])},a.createElement(fe,{ref:R,label:m.from,date:p,onChange:T,formatDate:s,parseInput:d,placeholder:u,selectedDate:g,isFromOrTo:"from",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(fe,{label:m.to,date:g,onChange:C,formatDate:s,parseInput:d,placeholder:u,selectedDate:p,isFromOrTo:"to",localizedNames:m.datePicker,showYearSelection:o}),a.createElement(ce,{clearFilter:n,translatedLabels:l}))};let Xe={from:"From",to:"To"};const et=t=>{var R,T;let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;G();let s={...Xe,...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(((T=r.filterValue)==null?void 0:T[1])??""),y=g=>!g||isNaN(Number(g))?void 0:Number(g);return a.createElement(U,{onSubmit:()=>i([y(u),y(m)])},a.createElement(he,{ref:d,label:s.from,value:u,onChange:g=>o(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(he,{label:s.to,value:m,onChange:g=>p(g.target.value),type:"number",displayStyle:"inline"}),a.createElement(ce,{clearFilter:n,translatedLabels:l}))},tt=t=>{let{column:r,translatedLabels:l,setFilter:i,clearFilter:n}=t;G();let[s,d]=a.useState(r.filterValue??""),u=a.useRef(null);return a.useEffect(()=>{u.current&&u.current.focus()},[]),a.createElement(U,{onSubmit:()=>i(s)},a.createElement(oe,{ref:u,value:s,onChange:o=>d(o.target.value),required:!0}),a.createElement(ce,{clearFilter:n,translatedLabels:l}))},x={TextFilter:t=>r=>a.createElement(tt,{...r,translatedLabels:t}),DateRangeFilter:t=>r=>a.createElement(Ue,{...r,...t}),NumberRangeFilter:t=>r=>a.createElement(et,{...r,translatedLabels:t})};let at={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 de=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:y,className:R,...T}=t;G();let g=a.useMemo(()=>({...at,...y}),[y]),f=a.useRef(null),[C,N]=a.useState(r);a.useEffect(()=>{N(r)},[r]);let w=a.useRef(!1),S=a.useRef(!1);a.useEffect(()=>{var F;if(S.current&&w.current){let H=Array.from(((F=f.current)==null?void 0:F.querySelectorAll(".iui-table-paginator-page-button"))??[]).find(ee=>{var B;return((B=ee.textContent)==null?void 0:B.trim())===(C+1).toString()});H==null||H.focus(),w.current=!1}S.current=!0},[C]);let P=o!="default"?"small":void 0,v=a.useCallback((F,H=F===C?0:-1)=>a.createElement(Y,{key:F,className:"iui-table-paginator-page-button",styleType:"borderless",size:P,"data-iui-active":F===r,onClick:()=>n(F),"aria-current":F===r,"aria-label":g.goToPageLabel(F+1),tabIndex:H},F+1),[C,r,g,P,n]),b=Math.ceil(l/i),h=a.useMemo(()=>new Array(b).fill(null).map((F,H)=>v(H)),[v,b]),[j,k]=Ne(h),[q,W]=Ae(),E=F=>{if(F.altKey)return;let H=ee=>{let B=ke(C+ee,0,b-1);w.current=!0,d==="auto"?n(B):N(B)};switch(F.key){case"ArrowRight":H(1),F.preventDefault();break;case"ArrowLeft":H(-1),F.preventDefault();break;case"Enter":case" ":case"Spacebar":d==="manual"&&n(C);break}},I=Math.floor(k/2),z=C-I,L=C+I+1;z<0&&(L=Math.min(b,L+Math.abs(z)),z=0),L>b&&(z=Math.max(0,z-(L-b)),L=b);let ue=b===0,me=b>1||u,pe=m&&!!p&&!!l,X=a.createElement($,{as:"span",className:J("iui-table-paginator-ellipsis",{"iui-table-paginator-ellipsis-small":o==="small"})},"…"),xe=a.createElement(a.Fragment,null,u?a.createElement(re,{indeterminate:!0,size:"small"}):a.createElement(Y,{styleType:"borderless",disabled:!0,size:P},"1"));return!me&&!pe?null:a.createElement($,{className:J("iui-table-paginator",R),ref:q,...T},a.createElement($,{className:"iui-left"},s>0&&a.createElement("span",null,g.rowsSelectedLabel(s))),me&&a.createElement($,{className:"iui-center",ref:j},a.createElement(O,{styleType:"borderless",disabled:r===0,onClick:()=>n(r-1),size:P,"aria-label":g.previousPage},a.createElement(Oe,null)),a.createElement($,{as:"span",className:"iui-table-paginator-pages-group",onKeyDown:E,ref:f},ue?xe:k===1?v(C):a.createElement(a.Fragment,null,z!==0&&a.createElement(a.Fragment,null,v(0,0),X),h.slice(z,L),L!==b&&!u&&a.createElement(a.Fragment,null,X,v(b-1,0)),u&&a.createElement(a.Fragment,null,X,a.createElement(re,{indeterminate:!0,size:"small"})))),a.createElement(O,{styleType:"borderless",disabled:r===b-1||ue,onClick:()=>n(r+1),size:P,"aria-label":g.nextPage},a.createElement(Be,null))),a.createElement($,{className:"iui-right"},pe&&a.createElement(a.Fragment,null,g.rowsPerPageLabel!==null&&W>=1024&&a.createElement($,{as:"span",className:"iui-table-paginator-page-size-label"},g.rowsPerPageLabel),a.createElement(We,{styleType:"borderless",size:P,menuItems:F=>m.map(H=>a.createElement(V,{key:H,isSelected:H===i,onClick:()=>{F(),p(H)}},g.pageSizeLabel(H)))},g.rangeLabel(r*i+1,Math.min(l,(r+1)*i),l,u)))))},ae=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:"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"})),it=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"})),Ut={title:"Table"},Xt=()=>{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(D,{columns:r,data:l,emptyTableContent:"No data."})},ea=()=>{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(D,{columns:r,data:l,emptyTableContent:"No data.",isSelectable:!0,onRowClick:t,selectionMode:"single"})},ta=()=>{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(D,{columns:l,data:i,emptyTableContent:"No data.",isSelectable:!0,onSelect:t,onRowClick:r,selectionMode:"multi"})},aa=()=>{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(D,{columns:l,data:i,emptyTableContent:"No data.",isSortable:!0,onSort:r})},ia=()=>{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(D,{columns:i,data:n,emptyTableContent:"No data.",onFilter:s})},na=()=>{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(oe,{placeholder:"Search...",value:i,onInput:s=>n(s.target.value)})}),e.jsx(D,{columns:r,data:l,emptyTableContent:"No data.",globalFilterValue:i})]})},ra=()=>{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(Z,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:n.values},null,2)})})]}),[]);return e.jsx(D,{columns:r,data:l,emptyTableContent:"No data.",subComponent:i,onExpand:t,isSelectable:!0})},sa=()=>{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(K,{children:"subRows"})," property. If"," ",e.jsx(K,{children:"subRows"})," has any items, then expander will be shown for that row."]}),e.jsx("br",{}),e.jsx(D,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,data:l,columns:r,onExpand:t})]})},oa=()=>{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,y)=>({name:`Name${o+y}`,description:`Description${o+y}`})),[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(D,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",onBottomReached:u,isLoading:s,isSortable:!0,style:{height:440,maxHeight:"90vh"},data:i,autoResetFilters:!1,autoResetSortBy:!1})},la=()=>{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(K,{children:"IntersectionObserver"})," hook that triggers"," ",e.jsx(K,{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(D,{columns:r,emptyTableContent:"No data.",onRowInViewport:i,data:l})]})},ca=()=>{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(Z,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:s.values},null,2)})})]}),[]);return e.jsx(D,{columns:l,data:i,emptyTableContent:"No data.",onRowClick:t,subComponent:n,isRowDisabled:r,isSelectable:!0})},da=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(D,{columns:t,data:[],isLoading:!0,emptyTableContent:"No data."})},ua=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name"},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[]);return e.jsx(D,{columns:t,data:[],isLoading:!1,emptyTableContent:"No data."})},ma=()=>{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(D,{columns:t,data:r,emptyTableContent:"No data.",isSelectable:!0,initialState:{filters:[{id:"name",value:"1"}],selectedRowIds:{0:!0,1:!0,4:!0,5:!0}}})},pa=()=>{const t=c.useRef(),[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(ie,{label:"Control selected rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ne,{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(ie,{label:"Control expanded rows",style:{marginBottom:11},children:d.map((u,o)=>e.jsx(ne,{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(D,{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})]})},ga=()=>{const[t,r]=c.useState(0),[l,i]=c.useState({}),n=a.useCallback(p=>p.name==="Name2",[]),s=a.useCallback(p=>[e.jsx(V,{onClick:()=>p(),children:"Edit"},1),e.jsx(V,{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()},{...Q({columnManager:!0}),Cell:()=>e.jsx(le,{menuItems:s,children:e.jsx(O,{styleType:"borderless",onClick:p=>p.stopPropagation(),children:e.jsx(se,{})})})}],[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(Z,{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:y=>{y&&i(R=>(R[p.index]=y,R))}}),[]);return e.jsxs(e.Fragment,{children:[e.jsx(D,{columns:d,data:u,emptyTableContent:"No data.",subComponent:o,isRowDisabled:n,rowProps:m,isSelectable:!0,isSortable:!0,isResizable:!0,enableColumnReordering:!0}),e.jsx(ve,{reference:l[t],content:`Hovered over ${u[t].name}.`,placement:"bottom"})]})},ba=()=>{const t=a.useCallback((o,m="",p=0)=>{const y=m?`${m}.${o+1}`:`${o+1}`,R=o%4+1;return{product:`Product ${y}`,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((T,g)=>t(g,y,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(V,{onClick:()=>o(),children:"Edit"},1),e.jsx(V,{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(_,{...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)"]})},{...Q({columnManager:!0}),Cell:o=>e.jsx(le,{menuItems:i,children:e.jsx(O,{styleType:"borderless",onClick:m=>m.stopPropagation(),disabled:l(o.row.original),children:e.jsx(se,{})})}),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(oe,{placeholder:"Search...",value:d,onInput:o=>u(o.target.value)}),e.jsx("div",{style:{height:"375px",maxHeight:"90vh"},children:e.jsx(D,{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})})]})},nt=()=>{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(de,{...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(D,{emptyTableContent:"No localized data.",isSelectable:!0,isSortable:!0,columns:t,data:r(0,100),pageSize:50,paginatorRenderer:i,style:{height:"100%"}})})};nt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const ha=()=>{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(D,{isSelectable:!0,isSortable:!0,columns:l,data:i,emptyTableContent:"No data.",density:"condensed",onExpand:r})},ya=()=>{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],y=m.indexOf(o),R={...p[y]};return R[d]=u,p[y]=R,p})},[]),n=a.useCallback(d=>e.jsx(e.Fragment,{children:!l(d.cellProps.row.original)&&d.cellProps.value!=="Fetching..."?e.jsx(Ge,{...d,onCellEdit:i}):e.jsx(_,{...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(D,{emptyTableContent:"No data.",columns:s,data:t,isRowDisabled:l,isSortable:!0,isSelectable:!0,autoResetFilters:!1,autoResetSortBy:!1})},rt=()=>{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(de,{...s,pageSizeList:i}),[i]);return e.jsx(e.Fragment,{children:e.jsx(D,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,columns:t,data:l,pageSize:50,paginatorRenderer:n,style:{height:"100%"}})})};rt.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const st=()=>{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,y]=c.useState(void 0),[R,T]=c.useState(r),g=(b,h)=>Array(h-b).fill(null).map((j,k)=>p!==void 0&&!(o.name===""&&o.description==="")?p[k]:{name:`Name${b+k}`,description:`Description${b+k}`}),[f,C]=c.useState(()=>g(0,25)),N=c.useCallback((b,h)=>{let j=!1,k=!1;return(!h.name||h.name&&b.name.includes(h.name))&&(j=!0),(!h.description||h.description&&b.description.includes(h.description))&&(k=!0),j&&k},[]),w=c.useCallback(b=>{let h=0;const j=[];let k={name:"",description:""};do{do k={name:`Name${h}`,description:`Description${h}`},h++;while(!N(k,b)&&h<r);N(k,b)&&j.push(k)}while(h<r);return y(j),j},[N,r]),S=c.useCallback(b=>{var h,j;m({name:((h=b.find(k=>k.id=="name"))==null?void 0:h.value)??"",description:((j=b.find(k=>k.id=="description"))==null?void 0:j.value)??""}),i(!0),C([]),s(0),setTimeout(()=>{var q,W;i(!1);const k=w({name:((q=b.find(E=>E.id==="name"))==null?void 0:q.value)??"",description:((W=b.find(E=>E.id==="description"))==null?void 0:W.value)??""});C(k.slice(0,d)),T(k.length)},500)},[d,w]),P=[{id:"name",Header:"Name",accessor:"name",Filter:x.TextFilter()},{id:"description",Header:"Description",accessor:"description",maxWidth:200,Filter:x.TextFilter()}],v=a.useCallback(b=>e.jsx(de,{...b,onPageChange:h=>{i(!0),C([]),s(h),setTimeout(()=>{i(!1),p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(h*b.pageSize,(h+1)*b.pageSize)):C(g(h*b.pageSize,(h+1)*b.pageSize))},500)},onPageSizeChange:h=>{p!==void 0&&!(o.name===""&&o.description==="")?C(p.slice(n*h,(n+1)*h)):C(g(n*h,(n+1)*h)),u(h),b.onPageSizeChange(h)},pageSizeList:t,currentPage:n,isLoading:!1,totalRowsCount:R}),[n,t,R]);return e.jsx(e.Fragment,{children:e.jsx(D,{emptyTableContent:"No data.",isLoading:l,columns:P,data:f,pageSize:25,paginatorRenderer:v,style:{height:"100%"},manualPagination:!0,onFilter:S,manualFilters:!0})})};st.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const ot=()=>{const t=c.useMemo(()=>100,[]),[r,l]=c.useState(!1),[i,n]=c.useState(""),[s,d]=c.useState(void 0),u=(g,f)=>Array(f-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,f)=>!!(!f.name||f.name&&g.name.includes(f.name)),[]),y=c.useCallback(g=>{let f=0;const C=[];let N={name:"",description:""};do{do N={name:`Name${f}`,description:`Description${f}`},f++;while(!p(N,g)&&f<t);p(N,g)&&C.push(N)}while(f<t);return d(C),C},[p,t]),T=[{id:"name",Header:"Name",accessor:"name",Filter:()=>{const g=(f,C)=>{n(f?C:""),l(!0),m([]),setTimeout(()=>{l(!1);const N=y({name:f?C:"",description:""});m(N.slice(0,t))},500)};return e.jsxs(U,{style:{alignItems:"flex-start"},children:[e.jsx(A,{label:"Contains '3'",onChange:({target:{value:f}})=>{g(f==="on","3")},checked:i==="3",autoFocus:i==="3"}),e.jsx(A,{label:"Contains '5'",onChange:({target:{value:f}})=>{g(f==="on","5")},checked:i==="5",autoFocus:i==="5"}),e.jsx(A,{label:"Contains '7'",onChange:({target:{value:f}})=>{g(f==="on","7")},checked:i==="7",autoFocus:i==="7"}),e.jsx(A,{label:"No filter",onChange:({target:{value:f}})=>{g(f==="on","")},checked:i==="",autoFocus:i===""})]})}},{id:"description",Header:"Description",accessor:"description",maxWidth:200}];return e.jsx(e.Fragment,{children:e.jsx(D,{emptyTableContent:"No data.",isLoading:r,columns:T,data:o,pageSize:100,style:{height:"100%"},manualPagination:!0,manualFilters:!0})})};ot.decorators=[t=>e.jsx("div",{style:{height:"90vh"},children:e.jsx(t,{})})];const fa=()=>{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(ie,{label:"Resize mode",displayStyle:"inline",children:[e.jsx(A,{name:"choice",value:"fit",onChange:()=>i("fit"),label:"fit",checked:l==="fit"}),e.jsx(A,{name:"choice",value:"expand",onChange:()=>i("expand"),label:"expand",checked:l==="expand"})]}),e.jsx(D,{columns:t,data:r,emptyTableContent:"No data.",isResizable:!0,isSortable:!0,columnResizeMode:l})]})},Da=()=>{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(D,{emptyTableContent:"No data.",isSelectable:!0,isSortable:!0,styleType:"zebra-rows",columns:t,data:l,style:{height:"100%"}})})},lt=()=>{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(D,{columns:r,data:t,emptyTableContent:"No data.",style:{height:"100%"}})};lt.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const wa=()=>{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(D,{enableVirtualization:!0,columns:r,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},xa=()=>{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(D,{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),[])})},Ca=()=>{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(D,{enableVirtualization:!0,columns:t,emptyTableContent:"No data.",style:{maxHeight:"90vh"},data:l})},Sa=()=>{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(D,{enableColumnReordering:!0,columns:r,data:t,emptyTableContent:"No data.",isSelectable:!0})},Ra=()=>{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(Z,{variant:"leading",children:"Extra information"}),e.jsx("pre",{children:e.jsx("code",{children:JSON.stringify({values:o.values},null,2)})})]}),[]),u=c.useMemo(()=>[Me({isDisabled:l}),ze({subComponent:d,isDisabled:i}),{id:"name",Header:"Name",accessor:"name",cellRenderer:o=>e.jsx(_,{...o,isDisabled:m=>n(m)||s(m)})},{id:"description",Header:"Description",accessor:"description",maxWidth:200}],[l,d,i,n,s]);return e.jsx(D,{columns:u,data:r,emptyTableContent:"No data.",subComponent:d,onExpand:t,isSelectable:!0,isRowDisabled:s,rowProps:({index:o})=>({onClick:m=>o===0&&m.preventDefault()})})},Na=()=>{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"},Q({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(D,{isSelectable:!0,columns:t,data:r,emptyTableContent:"No data."})},ct=()=>{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(V,{onClick:()=>i(),children:"Edit"},1),e.jsx(V,{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)"]})},{...Q({columnManager:!0}),Cell:()=>e.jsx(le,{menuItems:r,children:e.jsx(O,{styleType:"borderless",onClick:i=>i.stopPropagation(),children:e.jsx(se,{})})}),sticky:"right"}],[r]);return e.jsx(D,{columns:l,data:t,emptyTableContent:"No data.",style:{height:"100%"},isResizable:!0})};ct.decorators=[t=>e.jsx("div",{style:{height:"375px",maxHeight:"90vh",maxWidth:"1000px"},children:e.jsx(t,{})})];const ka=()=>{const t=c.useMemo(()=>[{id:"name",Header:"Name",accessor:"name",cellRenderer:i=>e.jsx(_,{...i,startIcon:i.cellProps.row.original.startIcon,endIcon:i.cellProps.row.original.isLoading?e.jsx(re,{value:40,size:"small"}):i.cellProps.row.original.endIcon})},{id:"modified",Header:"Modified",accessor:"modified",maxWidth:200,cellRenderer:i=>e.jsx(_,{...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(it,{fill:"#66c6ff"})},{name:"gamma.pdf",modified:"A few moments ago",size:"9 MB",startIcon:e.jsx(ae,{fill:"#dd3e39"}),endIcon:e.jsx(Fe,{}),status:"positive"},{name:"delta.jpg",modified:"A few moments ago",size:"963 MB",startIcon:e.jsx(ae,{fill:"#7957a3"}),endIcon:e.jsx(Te,{}),status:"warning"},{name:"theta.dgn",modified:"A few moments ago",size:"64 KB",startIcon:e.jsx(ae,{fill:"#d16c00"}),endIcon:e.jsx(je,{}),status:"negative"}],[]),l=a.useCallback(i=>({status:i.original.status,isLoading:i.original.isLoading}),[]);return e.jsx(D,{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{Xt as Basic,Na as ColumnManager,ha as Condensed,pa as ControlledState,ot as CustomFilter,Ra as CustomizedColumns,ca as DisabledRows,Sa as DraggableColumns,ya as Editable,ra as Expandable,sa as ExpandableSubrows,ia as Filters,ga as Full,ba as Full2,na as GlobalFilter,lt as HorizontalScroll,ma as InitialState,oa as LazyLoading,da as Loading,nt as Localized,ua as NoData,fa as ResizableColumns,la as RowInViewport,xa as ScrollToRow,ta as SelectableMulti,ea as SelectableSingle,aa as Sortable,ka as StatusAndCellIcons,ct as StickyColumns,wa as Virtualized,Ca as VirtualizedSubRows,st as WithManualPaginatorAndFilter,rt as WithPaginator,Da as ZebraStripedRows,Ut as default};
diff --git a/2240/react/assets/Tabs.stories-DeQ10YCr.js b/2240/react/assets/Tabs.stories-DeQ10YCr.js
new file mode 100644
index 00000000000..0a8fd4a04d6
--- /dev/null
+++ b/2240/react/assets/Tabs.stories-DeQ10YCr.js
@@ -0,0 +1,28 @@
+import{r,v as $,n as J,B as I,c as C,u as z,a3 as Q,d as O,o as X,f as M,i as ee,m as V,p as ae,j as e}from"./index-t5nukUIt.js";import{S as T}from"./Star-Dr7kJj2-.js";import{I as te}from"./Icon-DqcqOTd7.js";import{u as re}from"./useContainerWidth-g5koDt2g.js";import{B as b}from"./Button-CCMFLemb.js";import"./ProgressRadial-CnAU4x13.js";let D=r.forwardRef((t,s)=>{let{className:n,children:i,orientation:l="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=J();return r.createElement(I,{className:C("iui-tabs-wrapper",`iui-${l}`,n),...x,style:{...N,...t==null?void 0:t.style},ref:s},r.createElement(k.Provider,{value:{orientation:l,type:c,activeValue:A,setActiveValue:E,setStripeProperties:v,idPrefix:R,focusActivationMode:h,hasSublabel:p,setHasSublabel:y,color:o}},i))}),W=r.forwardRef((t,s)=>{let{className:n,children:i,...l}=t,{type:c,hasSublabel:h,color:o}=z(k),g=Q(),m=r.useRef(null),[j,x]=re(c!=="default"),A=O(s,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,...l},r.createElement(Z.Provider,{value:{tabsWidth:x,tablistRef:m}},i))}),B=r.forwardRef((t,s)=>{let{className:n,children:i,value:l,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(),y=g===l,R=X(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]);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(l)},[g,m,l]);return r.createElement(ee,{className:C("iui-tab",n),role:"tab",tabIndex:y?0:-1,"aria-selected":y,"aria-controls":`${A}-panel-${l.replaceAll(" ","-")}`,ref:O(p,s,q),...h,id:`${A}-tab-${l.replaceAll(" ","-")}`,onClick:V(t.onClick,()=>m(l)),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(l)})},c?r.createElement(a.TabLabel,null,c):i)}),H=r.forwardRef((t,s)=>r.createElement(te,{...t,className:C("iui-tab-icon",t==null?void 0:t.className),ref:s})),F=ae.span("iui-tab-label"),K=r.forwardRef((t,s)=>{let{className:n,children:i,...l}=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:s,...l},i)}),U=r.forwardRef((t,s)=>{let{wrapperProps:n,className:i,children:l,...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:s,...c},l))}),Y=r.forwardRef((t,s)=>{let{value:n,className:i,children:l,...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||void 0,ref:s,...c,id:`${o}-panel-${n.replaceAll(" ","-")}`},l)}),ne=r.forwardRef((t,s)=>{let n;t.type!=="pill"&&t.actions&&(n=t.actions,t={...t},delete t.actions);let{labels:i,onTabSelected:l,focusActivationMode:c,color:h,activeIndex:o,tabsClassName:g,contentClassName:m,wrapperClassName:j,children:x,...A}=t,[E,N]=$(0,o,l);return r.createElement(D,{className:j,focusActivationMode:c,color:h,value:`${E}`,onValueChange:v=>N(Number(v)),...A},r.createElement(W,{className:g,ref:s},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,s)=>{let{label:n,sublabel:i,startIcon:l,children:c,value:h,...o}=t;return r.createElement(r.Fragment,null,r.createElement(B,{...o,value:h,ref:s},l&&r.createElement(H,null,l),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,s]=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:s,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,s]=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:s,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,s]=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:s,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/2240/react/assets/Tag-D3VR2R98.js b/2240/react/assets/Tag-D3VR2R98.js
new file mode 100644
index 00000000000..d6156f12b2c
--- /dev/null
+++ b/2240/react/assets/Tag-D3VR2R98.js
@@ -0,0 +1 @@
+import{r as a,B as r,i as g,c as n,I as k,a as N}from"./index-t5nukUIt.js";import{L as b,a as p}from"./LinkAction-Mt8n1MRI.js";const C=a.forwardRef((m,u)=>{let{className:d,variant:i="default",children:o,onRemove:c,onClick:e,labelProps:s,removeButtonProps:t,...f}=m,l=!!e&&!!c;return a.createElement(r,{as:l?b:e?g:"span",className:n({"iui-tag-basic":i==="basic","iui-tag":i==="default"},d),ref:u,onClick:l?void 0:e,...f},i==="default"?a.createElement(r,{as:l?p:"span",onClick:l?e:void 0,...s,className:n("iui-tag-label",s==null?void 0:s.className)},o):o,c&&a.createElement(k,{styleType:"borderless",size:"small",onClick:c,"aria-label":"Delete tag",...t,className:n("iui-tag-button",t==null?void 0:t.className)},a.createElement(N,{"aria-hidden":!0})))});export{C as T};
diff --git a/2240/react/assets/Tag.stories-x6EvUpeK.js b/2240/react/assets/Tag.stories-x6EvUpeK.js
new file mode 100644
index 00000000000..c389dbf63c2
--- /dev/null
+++ b/2240/react/assets/Tag.stories-x6EvUpeK.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{T as o}from"./Tag-D3VR2R98.js";import"./LinkAction-Mt8n1MRI.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/2240/react/assets/TagContainer-AaPRVelF.js b/2240/react/assets/TagContainer-AaPRVelF.js
new file mode 100644
index 00000000000..652e6f004e9
--- /dev/null
+++ b/2240/react/assets/TagContainer-AaPRVelF.js
@@ -0,0 +1 @@
+import{r,B as c,c as l}from"./index-t5nukUIt.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/2240/react/assets/TagContainer.stories-vS81aTDd.js b/2240/react/assets/TagContainer.stories-vS81aTDd.js
new file mode 100644
index 00000000000..25cde24ce7f
--- /dev/null
+++ b/2240/react/assets/TagContainer.stories-vS81aTDd.js
@@ -0,0 +1 @@
+import{j as a}from"./index-t5nukUIt.js";import{T as r}from"./TagContainer-AaPRVelF.js";import{T as n}from"./Tag-D3VR2R98.js";import"./LinkAction-Mt8n1MRI.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/2240/react/assets/Text-BAOnoVWg.js b/2240/react/assets/Text-BAOnoVWg.js
new file mode 100644
index 00000000000..bc2eb340174
--- /dev/null
+++ b/2240/react/assets/Text-BAOnoVWg.js
@@ -0,0 +1 @@
+import{r as e,B as c,c as x}from"./index-t5nukUIt.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/2240/react/assets/Text.stories-ct3IleL6.js b/2240/react/assets/Text.stories-ct3IleL6.js
new file mode 100644
index 00000000000..4b833c2c343
--- /dev/null
+++ b/2240/react/assets/Text.stories-ct3IleL6.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{T as t}from"./Text-BAOnoVWg.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/2240/react/assets/Textarea-BOoW5Jy8.js b/2240/react/assets/Textarea-BOoW5Jy8.js
new file mode 100644
index 00000000000..860807d3096
--- /dev/null
+++ b/2240/react/assets/Textarea-BOoW5Jy8.js
@@ -0,0 +1 @@
+import{r}from"./index-t5nukUIt.js";import{I as a}from"./Input-BadsHKqi.js";const f=r.forwardRef((e,t)=>r.createElement(a,{as:"textarea",rows:3,ref:t,...e}));export{f as T};
diff --git a/2240/react/assets/Textarea.stories-B0Ha6e01.js b/2240/react/assets/Textarea.stories-B0Ha6e01.js
new file mode 100644
index 00000000000..735c552bf57
--- /dev/null
+++ b/2240/react/assets/Textarea.stories-B0Ha6e01.js
@@ -0,0 +1 @@
+import{j as e}from"./index-t5nukUIt.js";import{T as t}from"./Textarea-BOoW5Jy8.js";import"./Input-BadsHKqi.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/2240/react/assets/Tile.stories-HFInNgn6.js b/2240/react/assets/Tile.stories-HFInNgn6.js
new file mode 100644
index 00000000000..f2130f69c0f
--- /dev/null
+++ b/2240/react/assets/Tile.stories-HFInNgn6.js
@@ -0,0 +1 @@
+import{r as t,q as B,B as T,c as f,u as y,p,I as L,S as Y,j as e}from"./index-t5nukUIt.js";import{S as Z}from"./Folder-B1KnsTnL.js";import{S as ee}from"./Star-Dr7kJj2-.js";import{D as ie}from"./DropdownMenu-B6zpNdf6.js";import{P as te}from"./ProgressRadial-CnAU4x13.js";import{a as ne}from"./LinkAction-Mt8n1MRI.js";import{s as le}from"./supports-COocl_0Z.js";import{S as ae}from"./SvgCheckmark-uXV5t-W5.js";import{B as k}from"./Badge-H2o3CQxs.js";import{M as o}from"./MenuItem-C5HYGp0L.js";import{T as C}from"./TagContainer-AaPRVelF.js";import{T as j}from"./Tag-D3VR2R98.js";import{B as I}from"./Button-CCMFLemb.js";import{A as re}from"./Avatar-BVijjTZ4.js";import{g as se}from"./colors-ymlpSE_k.js";import"./focusable-DDe8vqPn.js";import"./ListItem-DmOFYNi1.js";const ce=n=>t.createElement(B,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"})),oe=n=>t.createElement(B,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,r)=>{let{className:a,status:l,variant:s,isNew:c,isSelected:m,isLoading:u,isDisabled:h,...x}=n,[d,b]=t.useState(!1),g=d;return t.createElement(M.Provider,{value:{status:l,variant:s,isNew:c,isSelected:m,isLoading:u,isActionable:g,isDisabled:h,setActionable:b}},t.createElement(T,{className:f("iui-tile",{"iui-folder":s==="folder","iui-new":c,"iui-selected":m,"iui-actionable":g,[`iui-${l}`]:!!l,"iui-loading":u},a),"aria-disabled":h,ref:r,...x}))}),D=t.forwardRef((n,r)=>{let{onClick:a,children:l,href:s,...c}=n,{setActionable:m,isDisabled:u}=y(M);return t.useEffect(()=>{le()||m(!0)},[m]),t.createElement(ne,{as:n.href?"a":"button",href:s,onClick:u?void 0:a,"aria-disabled":u,ref:r,...c},l)}),P=p.div("iui-tile-thumbnail"),E=t.forwardRef((n,r)=>{let{className:a,url:l,children:s,...c}=n;return l?t.createElement(T,{className:f("iui-tile-thumbnail-picture",a),style:{backgroundImage:typeof l=="string"?`url(${l})`:void 0},ref:r,...c}):t.createElement(T,{className:f("iui-thumbnail-icon",a),ref:r,...c},s)}),W=p.div("iui-tile-thumbnail-quick-action"),O=p.div("iui-tile-thumbnail-type-indicator"),de=t.forwardRef((n,r)=>{let{className:a,children:l,...s}=n;return t.createElement(L,{className:f("iui-tile-thumbnail-button",a),styleType:"borderless",size:"small",ref:r,...s},l)}),R=p.div("iui-tile-thumbnail-badge-container"),U=t.forwardRef((n,r)=>{let{className:a,children:l,name:s,...c}=n;return t.createElement(T,{className:f("iui-tile-name",a),ref:r,...c},l??s)}),V=t.forwardRef((n,r)=>{let{children:a,className:l,...s}=n,{status:c,isLoading:m,isSelected:u,isNew:h}=y(M),x=!!c&&Y[c],d;return x&&(d=t.createElement(x,{"aria-hidden":!0})),m&&(d=t.createElement(te,{size:"x-small","aria-hidden":!0,indeterminate:!0})),u&&(d=t.createElement(ae,{"aria-hidden":!0})),h&&(d=t.createElement(oe,{"aria-hidden":!0})),a||d?t.createElement(T,{className:f("iui-tile-status-icon",l),ref:r,...s},a??d):null}),F=p.span("iui-tile-name-label"),q=p.div("iui-tile-content"),Q=p.div("iui-tile-description"),H=p.div("iui-tile-metadata"),$=t.forwardRef((n,r)=>{let{className:a,children:l=[],buttonProps:s,...c}=n,[m,u]=t.useState(!1);return t.createElement(T,{className:f("iui-tile-more-options",{"iui-visible":m},a),ref:r,...c},t.createElement(ie,{onVisibleChange:u,menuItems:h=>l==null?void 0:l.map(x=>t.cloneElement(x,{onClick:d=>{var b,g;h(),(g=(b=x.props).onClick)==null||g.call(b,d)}}))},t.createElement(L,{styleType:"borderless",size:"small","aria-label":"More options",...s},t.createElement(ce,null))))}),_=p.div("iui-tile-buttons"),me=t.forwardRef((n,r)=>{let{name:a,description:l,status:s,isNew:c,isLoading:m,isSelected:u,thumbnail:h,badge:x,leftIcon:d,rightIcon:b,buttons:g,metadata:w,moreOptions:S,children:G,isActionable:J,isDisabled:A,onClick:K,...X}=n;return t.createElement(z,{ref:r,isNew:c,isSelected:u,isLoading:m,status:s,isDisabled:A,...X},t.createElement(U,null,(s||c||m||u)&&t.createElement(V,null),t.createElement(F,null,J?t.createElement(D,{onClick:A?void 0:K,"aria-disabled":A},a):a)),h&&t.createElement(P,null,typeof h!="string"?t.createElement(E,null,h):t.createElement(E,{url:h}),x&&t.createElement(R,null,x),d&&t.createElement(O,null,d),b&&t.createElement(W,null,b)),t.createElement(q,null,l&&t.createElement(Q,null,l),S&&t.createElement($,null,S),w&&t.createElement(H,null,w),G),g&&t.createElement(_,null,g))});const i=Object.assign(me,{Wrapper:z,ThumbnailArea:P,ThumbnailPicture:E,QuickAction:W,TypeIndicator:O,BadgeContainer:R,IconButton:de,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"})),ue=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"})),v=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"},Be=()=>e.jsxs(i.Wrapper,{children:[e.jsx(i.Name,{name:"Stadium"}),e.jsxs(i.ThumbnailArea,{children:[e.jsx(i.BadgeContainer,{children:e.jsx(k,{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(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]}),ye=()=>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(k,{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(ue,{})})})]}),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(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{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)]})]}),Le=()=>{const[n,r]=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:()=>r(a=>!a),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(k,{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(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{variant:"basic",children:"tag 2"})]})]})]})]})},ze=()=>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(k,{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(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{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:"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)]})})]}),Pe=()=>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(k,{backgroundColor:"skyblue",children:"Badge"})}),e.jsx(i.ThumbnailPicture,{children:e.jsx(re,{size:"x-large",status:"online",abbreviation:"TR",backgroundColor:se("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"})})]})]}),Oe=()=>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"})})]})]}),Re=()=>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"})})]})]}),Ue=()=>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(k,{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(v,{}),e.jsxs(C,{children:[e.jsx(j,{variant:"basic",children:"tag 1"}),e.jsx(j,{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{Le as Actionable,ye as AllProps,ze as AnchorLink,Be as Basic,De as Condensed,Ue as Disabled,We as Folder,Re as Loading,Oe as Status,Pe as WithAvatar,Se as default};
diff --git a/2240/react/assets/TimePicker-Djj96e52.js b/2240/react/assets/TimePicker-Djj96e52.js
new file mode 100644
index 00000000000..cb30702ad7b
--- /dev/null
+++ b/2240/react/assets/TimePicker-Djj96e52.js
@@ -0,0 +1 @@
+import{r as a,B as I,c as $}from"./index-t5nukUIt.js";let L=(n,r,o)=>{let m=o?E(n.getHours(),o):n.getHours();return o?!!r&&m%12===r.getHours()%12:!!r&&m===r.getHours()},P=(n,r)=>!!r&&n.getMinutes()===r.getMinutes(),N=(n,r)=>!!r&&n.getSeconds()===r.getSeconds(),B=(n,r,o,m)=>{let s=!0;switch(o){case"seconds":if(s=N(n,r),!s)break;case"minutes":if(s=P(n,r),!s)break;case"hours":s=L(n,r,m)}return s},U=(n,r)=>!!r&&(n==="AM"?r.getHours()<12:r.getHours()>=12),E=(n,r)=>{let o=n%12;return r==="PM"?o+12:o},h=(n,r)=>new Date(r.getFullYear(),r.getMonth(),r.getDate(),n,r.getMinutes(),r.getSeconds()),te=(n,r)=>{let o="";switch(r){case"seconds":o=":"+n.getSeconds().toLocaleString(void 0,{minimumIntegerDigits:2});case"minutes":o=":"+n.getMinutes().toLocaleString(void 0,{minimumIntegerDigits:2})+o;case"hours":o=n.getHours().toLocaleString(void 0,{minimumIntegerDigits:2})+o}return o};const se=a.forwardRef((n,r)=>{let{date:o,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,...q}=n,[i,x]=a.useState(o),[f,M]=a.useState(i??new Date),[D,v]=a.useState(s?(f==null?void 0:f.getHours())>11?"PM":"AM":void 0);a.useEffect(()=>{M(o??new Date),x(o)},[o]);let z=e=>{let t=s?E(e.getHours(),D):e.getHours(),u=h(t,i??new Date);T(u)},G=e=>{let t=s?E(e.getHours(),D):e.getHours(),u=h(t,e);T(u)},J=e=>{let t=i??new Date,u=t.getHours();v(e),e==="AM"&&u>11&&(t=h(u-12,t)),e==="PM"&&u<=12&&(t=h(u+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),x(t),m==null||m(t)},O=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,f))},Q=e=>{let t=s?E(e.getHours(),D):e.getHours();M(h(t,e))},W=e=>{let t=i??new Date,u=t.getHours();e==="AM"&&u>11&&(v(e),t=h(u-12,t)),e==="PM"&&u<=12&&(v(e),t=h(u+12,t)),M(t)},Y=(e,t,u)=>{let b=[];for(let y=0;y<e;y++)y%u===0&&b.push(t(y));return b},X=a.useMemo(()=>{let e=i??new Date,t=[],u=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 u.forEach(g=>{l==="hours"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,e.getMinutes(),e.getSeconds())):b.forEach(K=>{l==="minutes"?t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,K,e.getSeconds())):y.forEach(ee=>{t.push(new Date(e.getFullYear(),e.getMonth(),e.getDate(),g,K,ee))})})}),t},[F,w,p,i,s,l]),Z=a.useMemo(()=>{let e=i??new Date;return Y(s?12:24,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),s&&t===0?12:t,e.getMinutes(),e.getSeconds()),F)},[F,i,s]),_=a.useMemo(()=>{let e=i??new Date;return Y(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),t,e.getSeconds()),w)},[w,i]),V=a.useMemo(()=>{let e=i??new Date;return Y(60,t=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),t),p)},[p,i]);return a.createElement(I,{className:$("iui-time-picker",d),ref:r,...q},H?a.createElement(A,{data:X,isSameFocused:e=>B(e,f,l,s?D:void 0),isSameSelected:e=>B(e,i,l,s?D:void 0),onFocusChange:Q,onSelectChange:G,setFocus:R,precision:l,valueRenderer:S}):a.createElement(a.Fragment,null,a.createElement(A,{data:Z,isSameFocused:e=>L(e,f,s?D:void 0),isSameSelected:e=>L(e,i,s?D:void 0),onFocusChange:O,onSelectChange:z,setFocus:R,valueRenderer:k}),l!=="hours"&&a.createElement(A,{data:_,isSameFocused:e=>P(e,f),isSameSelected:e=>P(e,i),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:j}),l==="seconds"&&a.createElement(A,{data:V,isSameFocused:e=>N(e,f),isSameSelected:e=>N(e,i),onFocusChange:e=>M(e),onSelectChange:e=>T(e),valueRenderer:c})),s&&a.createElement(A,{data:["AM","PM"],isSameFocused:e=>U(e,f),isSameSelected:e=>U(e,i),onFocusChange:e=>W(e),onSelectChange:e=>J(e),valueRenderer:C,className:"iui-period"}))});let A=n=>{let{data:r,onFocusChange:o,onSelectChange:m,isSameFocused:s,isSameSelected:l,setFocus:F=!1,valueRenderer:w,precision:p="minutes",className:R="iui-time"}=n,k=a.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 a.createElement(I,{className:`${R}`},a.createElement("ol",null,r.map((c,C)=>{let H=s(c);return a.createElement(I,{as:"li",onKeyDown:S=>{j(S,r.length-1,d=>o(r[d]),d=>m(r[d]),C)},className:$({"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/2240/react/assets/TimePicker.stories-DGliuJiP.js b/2240/react/assets/TimePicker.stories-DGliuJiP.js
new file mode 100644
index 00000000000..c6ef4808f92
--- /dev/null
+++ b/2240/react/assets/TimePicker.stories-DGliuJiP.js
@@ -0,0 +1 @@
+import{r as u,j as e,P as i}from"./index-t5nukUIt.js";import{S as a}from"./Calendar-BjqJ3HPg.js";import{I as n}from"./InputWithDecorations-BVYTqao3.js";import{T as c}from"./TimePicker-Djj96e52.js";import"./InputFlexContainer-DztgMTjx.js";import"./Icon-DqcqOTd7.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/2240/react/assets/Toasts.stories-D6OPqy95.js b/2240/react/assets/Toasts.stories-D6OPqy95.js
new file mode 100644
index 00000000000..e2186caee0a
--- /dev/null
+++ b/2240/react/assets/Toasts.stories-D6OPqy95.js
@@ -0,0 +1 @@
+import{a4 as i,j as e,r as l}from"./index-t5nukUIt.js";import{B as s}from"./Button-CCMFLemb.js";import{P as a}from"./ProgressRadial-CnAU4x13.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/2240/react/assets/ToggleSwitch-CmySh2kn.js b/2240/react/assets/ToggleSwitch-CmySh2kn.js
new file mode 100644
index 00000000000..b995a119e4b
--- /dev/null
+++ b/2240/react/assets/ToggleSwitch-CmySh2kn.js
@@ -0,0 +1 @@
+import{r as e,B as t,c as o}from"./index-t5nukUIt.js";import{S as p}from"./SvgCheckmark-uXV5t-W5.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(p,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/2240/react/assets/ToggleSwitch.stories-bgJ-Zp7l.js b/2240/react/assets/ToggleSwitch.stories-bgJ-Zp7l.js
new file mode 100644
index 00000000000..552cb4940fd
--- /dev/null
+++ b/2240/react/assets/ToggleSwitch.stories-bgJ-Zp7l.js
@@ -0,0 +1 @@
+import{r,j as e}from"./index-t5nukUIt.js";import{T as t}from"./ToggleSwitch-CmySh2kn.js";import"./SvgCheckmark-uXV5t-W5.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/2240/react/assets/Tooltip.stories-tiDT1b0a.js b/2240/react/assets/Tooltip.stories-tiDT1b0a.js
new file mode 100644
index 00000000000..2d3883d2fba
--- /dev/null
+++ b/2240/react/assets/Tooltip.stories-tiDT1b0a.js
@@ -0,0 +1 @@
+import{j as t,T as e}from"./index-t5nukUIt.js";import{B as o}from"./Button-CCMFLemb.js";import"./ProgressRadial-CnAU4x13.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/2240/react/assets/TransferList.stories-B8NOD0Pp.js b/2240/react/assets/TransferList.stories-B8NOD0Pp.js
new file mode 100644
index 00000000000..5c63f60f09b
--- /dev/null
+++ b/2240/react/assets/TransferList.stories-B8NOD0Pp.js
@@ -0,0 +1 @@
+import{p as j,r as s,n as I,B as D,c as w,u as y,d as O,j as e,I as h}from"./index-t5nukUIt.js";import{S as g}from"./ChevronRightDouble-B2dEZ7oH.js";import{L as k}from"./List-yZe469ZQ.js";import{L as A}from"./ListItem-DmOFYNi1.js";import{L as M}from"./Label-DWsyELlB.js";import{a as R}from"./focusable-DDe8vqPn.js";import"./LinkAction-Mt8n1MRI.js";let S=j.div("iui-transfer-list-wrapper"),B=s.forwardRef((l,c)=>{let{className:b,children:n,...d}=l,t=I(),[a,u]=s.useState(t);return s.createElement(D,{as:"div",className:w("iui-transfer-list-listbox-wrapper",b),ref:c,...d},s.createElement(L.Provider,{value:{labelId:a,setLabelId:u}},n))}),W=s.forwardRef((l,c)=>{let{children:b,className:n,...d}=l,{labelId:t}=y(L),[a,u]=s.useState(),p=s.useRef(null),o=O(p,c),r=s.useCallback(()=>{let i=R(p.current);return i.filter(m=>!i.some(v=>v.contains(m.parentElement)))},[]);s.useEffect(()=>{var m;let i=r();if(a!=null){(m=i==null?void 0:i[a])==null||m.focus();return}},[a,r]);let x=i=>{if(i.altKey)return;let m=r();if(!(m!=null&&m.length))return;let v=a??0;switch(i.key){case"ArrowDown":u(Math.min(v+1,m.length-1)),i.preventDefault(),i.stopPropagation();break;case"ArrowUp":u(Math.max(v-1,0)),i.preventDefault(),i.stopPropagation();break}};return s.createElement(k,{className:w("iui-transfer-list-listbox",n),onKeyDown:x,role:"listbox","aria-multiselectable":!0,"aria-labelledby":t,tabIndex:0,ref:o,...d},b)}),K=s.forwardRef((l,c)=>{let{actionable:b=!0,disabled:n,onActiveChange:d,children:t,active:a,...u}=l,p=()=>b&&d&&d(!a),o=r=>{r.altKey||(r.key==="Enter"||r.key===" "||r.key==="Spacebar")&&(n||p(),r.preventDefault())};return s.createElement(A,{ref:c,onClick:p,onKeyDown:o,active:a,actionable:b,tabIndex:-1,role:"option","aria-disabled":n?"true":void 0,"aria-selected":a?"true":void 0,disabled:n,...u},t)}),F=s.forwardRef((l,c)=>{let{children:b,id:n,...d}=l,{labelId:t,setLabelId:a}=y(L);return s.useEffect(()=>{n&&n!==t&&a(n)},[n,t,a]),s.createElement(M,{as:"div",id:t,ref:c,...d},b)}),N=j.div("iui-transfer-list-toolbar",{role:"toolbar"});const f=Object.assign(S,{ListboxWrapper:B,Listbox:W,Item:K,ListboxLabel:F,Toolbar:N}),L=s.createContext(void 0),C=l=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},s.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"})),T=l=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},s.createElement("path",{d:"M11.3 0l1.4 1.4L6.1 8l6.6 6.6-1.4 1.4-8-8z"})),E=l=>s.createElement("svg",{viewBox:"0 0 16 16",width:"1rem",height:"1rem",fill:"var(--iui-color-icon-muted, currentColor)",...l},s.createElement("path",{d:"M4.7 0L3.3 1.4 9.9 8l-6.6 6.6L4.7 16l8-8z"})),J={title:"TransferList"},Q=()=>{const[l,c]=s.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}]),[b,n]=s.useState([{name:"Option 7",active:!1}]),d=(t,a,u,p)=>{u(o=>{const r=[...o],x=[];return t.forEach(i=>{if(p||i.active===!0){const m=i;m.active=!1,r.push(m)}else x.push(i)}),a(x),r})};return e.jsxs(f,{children:[e.jsx(f.ListboxWrapper,{children:e.jsx(f.Listbox,{children:l==null?void 0:l.map((t,a)=>e.jsx(f.Item,{actionable:!0,active:t.active,onActiveChange:u=>{c(p=>{const o=[...p],r={...o[a]};return r.active=u,o[a]=r,o})},children:t.name},t.name))})}),e.jsxs(f.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(l,c,n,!0)},children:e.jsx(g,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(l,c,n,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(b,n,c,!1),children:e.jsx(T,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(b,n,c,!0),children:e.jsx(C,{})})]}),e.jsx(f.ListboxWrapper,{children:e.jsx(f.Listbox,{children:b.map((t,a)=>e.jsx(f.Item,{actionable:!0,active:t.active,onActiveChange:u=>{n(p=>{const o=[...p],r={...o[a]};return r.active=u,o[a]=r,o})},children:t.name},t.name))})})]})},V=()=>{const[l,c]=s.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}]),[b,n]=s.useState([{name:"Option 7",active:!1}]),d=(t,a,u,p)=>{u(o=>{const r=[...o],x=[];return t.forEach(i=>{if(p||i.active===!0){const m=i;m.active=!1,r.push(m)}else x.push(i)}),a(x),r})};return e.jsxs(f,{children:[e.jsxs(f.ListboxWrapper,{children:[e.jsx(f.ListboxLabel,{children:"Options"}),e.jsx(f.Listbox,{children:l==null?void 0:l.map((t,a)=>e.jsx(f.Item,{actionable:!0,active:t.active,onActiveChange:u=>{c(p=>{const o=[...p],r={...o[a]};return r.active=u,o[a]=r,o})},children:t.name},t.name))})]}),e.jsxs(f.Toolbar,{children:[e.jsx(h,{styleType:"borderless",label:"Move Right All",onClick:()=>{d(l,c,n,!0)},children:e.jsx(g,{})}),e.jsx(h,{styleType:"borderless",label:"Move Right",onClick:()=>d(l,c,n,!1),children:e.jsx(E,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left",onClick:()=>d(b,n,c,!1),children:e.jsx(T,{})}),e.jsx(h,{styleType:"borderless",label:"Move Left All",onClick:()=>d(b,n,c,!0),children:e.jsx(C,{})})]}),e.jsxs(f.ListboxWrapper,{children:[e.jsx(f.ListboxLabel,{children:"Applied"}),e.jsx(f.Listbox,{children:b.map((t,a)=>e.jsx(f.Item,{actionable:!0,active:t.active,onActiveChange:u=>{n(p=>{const o=[...p],r={...o[a]};return r.active=u,o[a]=r,o})},children:t.name},t.name))})]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{Q as Basic,V as WithLabel,J as default};
diff --git a/2240/react/assets/Tree.stories-CWQZ6ig1.js b/2240/react/assets/Tree.stories-CWQZ6ig1.js
new file mode 100644
index 00000000000..c9e176d88d9
--- /dev/null
+++ b/2240/react/assets/Tree.stories-CWQZ6ig1.js
@@ -0,0 +1 @@
+import{r as t,q as re,E as de,p as ue,f as ce,d as se,L as ie,I as be,c as y,B as w,m as W,j as x}from"./index-t5nukUIt.js";import{S as F}from"./Placeholder-Bo1aZTo8.js";import{a as O}from"./focusable-DDe8vqPn.js";import{u as me}from"./useVirtualScroll-CFcjEM5a.js";import{S as Ne}from"./SvgChevronRight-D4u8Qhfr.js";import{C as U}from"./Checkbox-B3IcZK1h.js";import{P as fe}from"./ProgressRadial-CnAU4x13.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"})),q=t.createContext(void 0),pe=()=>{let u=t.useContext(q);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:b="default",enableVirtualization:l=!1,style:n,...i}=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 v;return S.contains((v=o.current)==null?void 0:v.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,v)=>{let j=Array();return h.forEach((D,P)=>{let{subNodes:R,...K}=f(D),z={nodeProps:K,depth:S,parentNode:v,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,v,j;let h=r[p];return t.createElement(q.Provider,{key:h.nodeProps.nodeId,value:{nodeDepth:h.depth,subNodeIds:h.subNodeIds,groupSize:h.depth===0?g.length:((v=(S=h.parentNode)==null?void 0:S.subNodeIds)==null?void 0:v.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:b}},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,b]),[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 L=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:L,onKeyDown:a,ref:o,className:c,style:n,...i}):t.createElement(le,{onKeyDown:a,onFocus:L,className:c,"data-iui-size":b==="small"?"small":void 0,style:n,ref:o,...i},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 b=t.useRef(null),l=t.useCallback(o=>u[o].nodeProps.nodeId,[u]),{virtualizer:n,css:i}=me({count:u.length,getScrollElement:()=>b.current,estimateSize:()=>39,getItemKey:l});return ce(()=>{c&&n.scrollToIndex(c)},[n,c]),t.createElement(le,{...d,ref:se(f,b)},t.createElement(ie,{css:i},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(q))==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:b={},sublabel:l,sublabelProps:n={},children:i,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:L={},subTreeProps:p={},contentProps:N={},titleProps:E={},expanderProps:h={},expander:S,...v}=u,{nodeDepth:j,subNodeIds:D=[],parentNodeId:P,scrollToParent:R,groupSize:K,indexInGroup:z}=pe(),[G,H]=t.useState(!1),I=t.useRef(null),oe=$=>{var Z,J,Q,X,ee,te;if($.altKey)return;let Y=I.current===((Z=I.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 _=O(I.current),B=_.indexOf((J=I.current)==null?void 0:J.ownerDocument.activeElement);B===0?(Q=I.current)==null||Q.focus():(X=_[B-1])==null||X.focus();break}case"ArrowRight":{$.preventDefault();let _=O(I.current);if(Y){if(!g&&a){A(c,!0);break}(ee=_[0])==null||ee.focus();break}let B=_.indexOf((te=I.current)==null?void 0:te.ownerDocument.activeElement);B<_.length-1&&_[B+1].focus();break}case" ":case"Spacebar":case"Enter":if($.target!==I.current)break;$.preventDefault(),r||C==null||C(c,!k);break}},ne=t.useCallback($=>{A(c,!g),$.stopPropagation()},[g,c,A]);return t.createElement(w,{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,...v,id:c,ref:se(I,m),onFocus:W(u.onFocus,$=>{H(!0),$.stopPropagation()}),onBlur:W(u.onBlur,()=>{H(!1)}),onKeyDown:W(u.onKeyDown,oe)},t.createElement(w,{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(w,{as:"div",...L,className:y("iui-tree-node-checkbox",L==null?void 0:L.className)},t.isValidElement(T)?t.cloneElement(T,{tabIndex:G?0:-1}):T),t.createElement(w,{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(w,{as:"span","aria-hidden":!0,...s,className:y("iui-tree-node-content-icon",s==null?void 0:s.className)},e),t.createElement(w,{as:"div",...b,className:y("iui-tree-node-content-label",b==null?void 0:b.className)},t.createElement(w,{as:"div",...E,className:y("iui-tree-node-content-title",E==null?void 0:E.className)},f),l&&t.createElement(w,{as:"div",...n,className:y("iui-tree-node-content-caption",n==null?void 0:n.className)},l)),i)),a&&t.createElement(w,{as:"div",role:"group","aria-owns":D.join(" "),...p,className:y("iui-sub-tree",p==null?void 0:p.className)}))}),ve={title:"Tree"},Ie=()=>{const[u,m]=t.useState({"Node-2":!0,"Node-2-1":!0,"Node-3":!0}),c=t.useCallback((l,n)=>{n?(m(i=>({...i,[l]:!0})),console.log(`Expanded node ${l}`)):(m(i=>({...i,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",i=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:i<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,i+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),b=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:b,nodeRenderer:t.useCallback(({node:l,...n})=>x.jsx(V,{label:l.label,onExpanded:c,...n}),[c])})},we=()=>{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}),b=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)):[]}},[]),i=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:i,getNode:o,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:b,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[b,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({}),b=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({}),i=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)=>i(a,r,e),onSelected:b,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:e.isLoading?x.jsx(fe,{size:"x-small",indeterminate:!0}):x.jsx(F,{}),...s}),[i,b])})},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}),b=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]),i=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)=>i(C,g,r+1)):[]}},[]),o=t.useMemo(()=>Array(8).fill(null).map((s,a)=>i(a)),[i]),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:b,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:a.isDisabled}),icon:x.jsx(F,{}),expander:x.jsx(ae,{isExpanded:a.isExpanded,onClick:r=>{b(s.id,!a.isExpanded),r.stopPropagation()}}),...a}),[b,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}),b=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)):[]}},[]),i=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:i,getNode:o,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:e,...s})=>x.jsx(V,{label:e.label,sublabel:e.sublabel,onExpanded:b,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:s.isDisabled}),icon:x.jsx(F,{}),...s}),[b,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(i=>({...i,[l]:!0})),console.log(`Expanded node ${l}`)):(m(i=>({...i,[l]:!1})),console.log(`Closed node ${l}`))},[]),d=t.useCallback((l,n="",i=0)=>{const o=n?`${n}-${l}`:`${l}`;return{id:`Node-${o}`,label:`Node ${o}`,sublabel:`Sublabel for Node ${o}`,subItems:i<10?Array(Math.round(l%5)).fill(null).map((e,s)=>d(s,o,i+1)):[]}},[]),f=t.useMemo(()=>Array(8).fill(null).map((l,n)=>d(n)),[d]),b=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:b,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}),b=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]),i=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:i,enableVirtualization:!0,nodeRenderer:t.useCallback(({node:o,...e})=>x.jsx(V,{label:o.label,onExpanded:b,onSelected:c,checkbox:x.jsx(U,{variant:"eyeball",disabled:e.isDisabled}),icon:x.jsx(F,{}),style:{width:"fit-content",minWidth:"100%"},...e}),[b,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,Ie as Basic,De as CustomizedExpander,we as Full,ze as Small,Re as Virtualized,Ae as VirtualizedWithHorizontalScroll,ve as default};
diff --git a/2240/react/assets/WithCSSTransition-8CV2-R5E.js b/2240/react/assets/WithCSSTransition-8CV2-R5E.js
new file mode 100644
index 00000000000..8887fab4774
--- /dev/null
+++ b/2240/react/assets/WithCSSTransition-8CV2-R5E.js
@@ -0,0 +1 @@
+import{_ as h,Y as N,Z as $,R as E,U as A,$ as S,r as f,W as d}from"./index-t5nukUIt.js";function _(t,n){return t.classList?!!n&&t.classList.contains(n):(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+n+" ")!==-1}function L(t,n){t.classList?t.classList.add(n):_(t,n)||(typeof t.className=="string"?t.className=t.className+" "+n:t.setAttribute("class",(t.className&&t.className.baseVal||"")+" "+n))}function m(t,n){return t.replace(new RegExp("(^|\\s)"+n+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function R(t,n){t.classList?t.classList.remove(n):typeof t.className=="string"?t.className=m(t.className,n):t.setAttribute("class",m(t.className&&t.className.baseVal||"",n))}var T=function(n,a){return n&&a&&a.split(" ").forEach(function(s){return L(n,s)})},C=function(n,a){return n&&a&&a.split(" ").forEach(function(s){return R(n,s)})},g=function(t){h(n,t);function n(){for(var s,l=arguments.length,p=new Array(l),o=0;o<l;o++)p[o]=arguments[o];return s=t.call.apply(t,[this].concat(p))||this,s.appliedClasses={appear:{},enter:{},exit:{}},s.onEnter=function(e,r){var i=s.resolveArguments(e,r),c=i[0],u=i[1];s.removeClasses(c,"exit"),s.addClass(c,u?"appear":"enter","base"),s.props.onEnter&&s.props.onEnter(e,r)},s.onEntering=function(e,r){var i=s.resolveArguments(e,r),c=i[0],u=i[1],v=u?"appear":"enter";s.addClass(c,v,"active"),s.props.onEntering&&s.props.onEntering(e,r)},s.onEntered=function(e,r){var i=s.resolveArguments(e,r),c=i[0],u=i[1],v=u?"appear":"enter";s.removeClasses(c,v),s.addClass(c,v,"done"),s.props.onEntered&&s.props.onEntered(e,r)},s.onExit=function(e){var r=s.resolveArguments(e),i=r[0];s.removeClasses(i,"appear"),s.removeClasses(i,"enter"),s.addClass(i,"exit","base"),s.props.onExit&&s.props.onExit(e)},s.onExiting=function(e){var r=s.resolveArguments(e),i=r[0];s.addClass(i,"exit","active"),s.props.onExiting&&s.props.onExiting(e)},s.onExited=function(e){var r=s.resolveArguments(e),i=r[0];s.removeClasses(i,"exit"),s.addClass(i,"exit","done"),s.props.onExited&&s.props.onExited(e)},s.resolveArguments=function(e,r){return s.props.nodeRef?[s.props.nodeRef.current,e]:[e,r]},s.getClassNames=function(e){var r=s.props.classNames,i=typeof r=="string",c=i&&r?r+"-":"",u=i?""+c+e:r[e],v=i?u+"-active":r[e+"Active"],x=i?u+"-done":r[e+"Done"];return{baseClassName:u,activeClassName:v,doneClassName:x}},s}var a=n.prototype;return a.addClass=function(l,p,o){var e=this.getClassNames(p)[o+"ClassName"],r=this.getClassNames("enter"),i=r.doneClassName;p==="appear"&&o==="done"&&i&&(e+=" "+i),o==="active"&&l&&N(l),e&&(this.appliedClasses[p][o]=e,T(l,e))},a.removeClasses=function(l,p){var o=this.appliedClasses[p],e=o.base,r=o.active,i=o.done;this.appliedClasses[p]={},e&&C(l,e),r&&C(l,r),i&&C(l,i)},a.render=function(){var l=this.props;l.classNames;var p=$(l,["classNames"]);return E.createElement(A,S({},p,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},n}(E.Component);g.defaultProps={classNames:""};g.propTypes={};const W=g,w=t=>{let{in:n,dimension:a="height",children:s,...l}=t,p=f.useRef(0),o=a==="height"?"Height":"Width";return f.createElement(W,{in:n,timeout:200,unmountOnExit:!0,onEnter:e=>{e.style[`min${o}`]="initial",e.style[a]="0px"},onEntering:e=>{e.style[a]=`${p.current}px`},onEntered:e=>{e.style[`min${o}`]="",e.style[a]=""},onExit:e=>{e.style[a]=`${p.current}px`},onExiting:e=>{e.style[`min${o}`]="initial",e.style[a]="0px"},classNames:{enter:d["iui-enter"],enterActive:d["iui-enter-active"],exit:d["iui-exit"],exitActive:d["iui-exit-active"]},...l},f.isValidElement(s)?f.cloneElement(s,{ref:e=>{e&&(p.current=e.getBoundingClientRect()[a])}}):f.createElement(f.Fragment,null))};export{w as W};
diff --git a/2240/react/assets/WorkflowDiagram.stories-5waI7FP8.js b/2240/react/assets/WorkflowDiagram.stories-5waI7FP8.js
new file mode 100644
index 00000000000..b41d3f6f2bb
--- /dev/null
+++ b/2240/react/assets/WorkflowDiagram.stories-5waI7FP8.js
@@ -0,0 +1 @@
+import{r as e,B as s,c as p,T as f,j as d}from"./index-t5nukUIt.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/2240/react/assets/colors-ymlpSE_k.js b/2240/react/assets/colors-ymlpSE_k.js
new file mode 100644
index 00000000000..af477868478
--- /dev/null
+++ b/2240/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<e.length;a++){let c=e.charCodeAt(a);r=(r+c)%u.length}return u[r]};export{l as S,t as g,i};
diff --git a/2240/react/assets/empty-module-BIHI7g3E.js b/2240/react/assets/empty-module-BIHI7g3E.js
new file mode 100644
index 00000000000..b480ffe6ce7
--- /dev/null
+++ b/2240/react/assets/empty-module-BIHI7g3E.js
@@ -0,0 +1 @@
+const e={};export{e as default};
diff --git a/2240/react/assets/favicon-gjFwcFbF.svg b/2240/react/assets/favicon-gjFwcFbF.svg
new file mode 100644
index 00000000000..678088bf0ff
--- /dev/null
+++ b/2240/react/assets/favicon-gjFwcFbF.svg
@@ -0,0 +1,22 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="16"
+  height="16"
+  viewBox="0 0 24 24"
+  stroke="currentColor"
+  fill="currentColor"
+>
+  <style>
+      path {
+          fill: #000;
+          stroke: #000;
+      }
+      @media (prefers-color-scheme: dark) {
+          path {
+              fill: #fff;
+              stroke: #fff;
+          }
+      }
+  </style>
+  <path d="M22,14H9V5A4,4,0,0,0,1,5V8A1,1,0,0,0,3,8V5A2,2,0,0,1,7,5V15a8,8,0,0,0,16,0A1,1,0,0,0,22,14Zm-7,7a6.01,6.01,0,0,1-5.917-5H20.917A6.01,6.01,0,0,1,15,21Z"/>
+</svg>
diff --git a/2240/react/assets/focusable-DDe8vqPn.js b/2240/react/assets/focusable-DDe8vqPn.js
new file mode 100644
index 00000000000..2a3967623c3
--- /dev/null
+++ b/2240/react/assets/focusable-DDe8vqPn.js
@@ -0,0 +1 @@
+import{r as a,o as E,D as A}from"./index-t5nukUIt.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/2240/react/assets/index-OItp6rzC.css b/2240/react/assets/index-OItp6rzC.css
new file mode 100644
index 00000000000..8d5fb522cd6
--- /dev/null
+++ b/2240/react/assets/index-OItp6rzC.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);min-height:max-content;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}}: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: .2;--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%}@layer itwinui-v1,itwinui.v1,itwinui.v2,itwinui.v3;@layer itwinui.v3{:where(._iui3142-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(._iui3142-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: .2;--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(._iui3142-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(._iui3142-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(._iui3142-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.v3{:where(._iui3142-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._iui3142-root){margin:0}:where(body._iui3142-root,._iui3142-root._iui3142-root-background){background-color:var(--iui-color-background-backdrop)}:where(._iui3142-root,._iui3142-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(._iui3142-root,._iui3142-root *)::selection,:where(._iui3142-root,._iui3142-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where(._iui3142-root,._iui3142-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(._iui3142-root,._iui3142-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(._iui3142-root,._iui3142-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(._iui3142-root,._iui3142-root *)::-webkit-scrollbar-track{background-color:#0000}:where(._iui3142-root,._iui3142-root *)::-webkit-scrollbar-corner{background-color:#0000}:where(._iui3142-root,._iui3142-root *),:where(._iui3142-root,._iui3142-root *):before,:where(._iui3142-root,._iui3142-root *):after{box-sizing:border-box}:where(._iui3142-root,._iui3142-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes _iui3142-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}._iui3142-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}._iui3142-field:where(:hover,:active){--_iui-field-state:var(--_iui-field-state--hover)}._iui3142-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)}._iui3142-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-field-state:var(--_iui-field-state--disabled);cursor:not-allowed}._iui3142-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):where(:hover,:focus-visible){--_iui-field-state:var(--_iui-field-state--disabled-hover)}._iui3142-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}._iui3142-field:where([data-iui-size=small]){--_iui-field-height:var(--iui-component-height-small)}._iui3142-field:where([data-iui-size=large]){--_iui-field-height:var(--iui-component-height-large);--_iui-field-font-size:var(--iui-font-size-2)}._iui3142-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}._iui3142-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}._iui3142-alert:where([data-iui-status=informational])::selection,._iui3142-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3142-alert:where([data-iui-status=informational]) ._iui3142-button:focus{outline-color:var(--iui-color-text-informational)}._iui3142-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}._iui3142-alert:where([data-iui-status=positive])::selection,._iui3142-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-alert:where([data-iui-status=positive]) ._iui3142-button:focus{outline-color:var(--iui-color-text-positive)}._iui3142-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}._iui3142-alert:where([data-iui-status=warning])::selection,._iui3142-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-alert:where([data-iui-status=warning]) ._iui3142-button:focus{outline-color:var(--iui-color-text-warning)}._iui3142-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}._iui3142-alert:where([data-iui-status=negative])::selection,._iui3142-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-alert:where([data-iui-status=negative]) ._iui3142-button:focus{outline-color:var(--iui-color-text-negative)}._iui3142-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;inset-block-start:0;inset-inline-start:0}._iui3142-alert-message{margin-block:var(--iui-size-s);margin-inline:var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}._iui3142-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)}._iui3142-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}._iui3142-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}._iui3142-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}._iui3142-anchor:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}@media (prefers-contrast:more){._iui3142-anchor{text-decoration:underline}._iui3142-anchor:hover{text-decoration:none}}._iui3142-anchor[data-iui-underline=true],:is([data-iui-contrast=high] ._iui3142-anchor){text-decoration:underline}._iui3142-anchor[data-iui-underline=true]:hover,:is([data-iui-contrast=high] ._iui3142-anchor):hover{text-decoration:none}._iui3142-anchor-external{--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><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' /></svg>")}._iui3142-anchor-external:after{content:"";vertical-align:-.1ch;-webkit-mask:var(--_iui-anchor-external-svg);mask:var(--_iui-anchor-external-svg);background-color:currentColor;block-size:1.5ch;inline-size:1.5ch;margin-inline-start:.5ch;display:inline-block}@media (forced-colors:active){._iui3142-anchor-external:after{background-color:linktext}}._iui3142-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))}._iui3142-anchor:where([data-iui-status=informational]):focus-visible{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}._iui3142-anchor:where([data-iui-status=informational])::selection,._iui3142-anchor:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3142-anchor:where([data-iui-status=informational]):hover{color:var(--iui-color-text-informational-hover)}._iui3142-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))}._iui3142-anchor:where([data-iui-status=positive]):focus-visible{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}._iui3142-anchor:where([data-iui-status=positive])::selection,._iui3142-anchor:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-anchor:where([data-iui-status=positive]):hover{color:var(--iui-color-text-positive-hover)}._iui3142-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))}._iui3142-anchor:where([data-iui-status=warning]):focus-visible{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}._iui3142-anchor:where([data-iui-status=warning])::selection,._iui3142-anchor:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-anchor:where([data-iui-status=warning]):hover{color:var(--iui-color-text-warning-hover)}._iui3142-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))}._iui3142-anchor:where([data-iui-status=negative]):focus-visible{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}._iui3142-anchor:where([data-iui-status=negative])::selection,._iui3142-anchor:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-anchor:where([data-iui-status=negative]):hover{color:var(--iui-color-text-negative-hover)}._iui3142-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}._iui3142-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}._iui3142-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%)}._iui3142-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}._iui3142-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}._iui3142-avatar[data-iui-status=online]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' /></svg>");background-color:var(--iui-color-background-positive)}._iui3142-avatar[data-iui-status=away]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m13.445 12.832-6.445-4.297v-7.535h2v6.465l5.555 3.703z' /></svg>");background-color:var(--iui-color-background-warning)}._iui3142-avatar[data-iui-status=busy]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='2' y='7' width='12' height='2'></rect></svg>");background-color:var(--iui-color-background-negative)}._iui3142-avatar[data-iui-status=offline]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><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' /></svg>");background-color:var(--iui-color-icon-muted)}._iui3142-avatar._iui3142-avatar-count{background-color:var(--iui-color-background);color:var(--iui-color-text-muted)}._iui3142-avatar._iui3142-avatar-count:before{box-shadow:inset 0 0 0 var(--iui-size-3xs) var(--iui-color-border)}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-avatar-list{flex-wrap:wrap;display:inline-flex}._iui3142-avatar-list ._iui3142-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3142-avatar-list ._iui3142-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3142-avatar-list ._iui3142-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3142-avatar-list ._iui3142-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3142-avatar-list._iui3142-stacked ._iui3142-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))}._iui3142-avatar-list._iui3142-stacked ._iui3142-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))}._iui3142-avatar-list._iui3142-stacked ._iui3142-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3142-avatar-list._iui3142-stacked ._iui3142-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:calc(0px - var(--iui-size-s))}@media (prefers-reduced-motion:no-preference){._iui3142-avatar-list._iui3142-stacked._iui3142-animated ._iui3142-avatar{transition:margin-left var(--iui-duration-2)ease-out}}._iui3142-avatar-list._iui3142-stacked._iui3142-animated:hover ._iui3142-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3142-avatar-list._iui3142-stacked._iui3142-animated:hover ._iui3142-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3142-avatar-list._iui3142-stacked._iui3142-animated:hover ._iui3142-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3142-avatar-list._iui3142-stacked._iui3142-animated:hover ._iui3142-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3142-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}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-backdrop{z-index:998;isolation:isolate;background-color:rgba(0,0,0,var(--iui-opacity-4));transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}._iui3142-backdrop:not(._iui3142-backdrop-visible){visibility:hidden;opacity:0}._iui3142-backdrop._iui3142-backdrop-visible{transition-delay:var(--iui-duration-0);animation:_iui3142-fade-in var(--iui-duration-1)ease-out}._iui3142-backdrop._iui3142-backdrop-fixed{position:fixed}._iui3142-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}._iui3142-blockquote>footer{text-align:end;color:var(--iui-color-text-muted)}._iui3142-blockquote>footer>cite{font-style:normal}._iui3142-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}._iui3142-breadcrumbs-list{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;align-items:center;block-size:100%;margin:0;padding:0;list-style-type:none;display:flex}._iui3142-breadcrumbs-item{align-items:center;block-size:100%;display:flex}._iui3142-breadcrumbs-item>*{max-inline-size:26ch}._iui3142-breadcrumbs-content{padding-inline:var(--iui-size-xs);line-height:var(--iui-component-height)}._iui3142-breadcrumbs-content,._iui3142-breadcrumbs-content>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-breadcrumbs-content:any-link{outline-offset:-1px}._iui3142-breadcrumbs-content:any-link:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}._iui3142-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}._iui3142-breadcrumbs-content:where(button,:any-link):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3142-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(:not(._iui3142-button-spinner)){opacity:0}._iui3142-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(._iui3142-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3142-breadcrumbs-content:where(button,:any-link)[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3142-breadcrumbs-content:where(button,:any-link)[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3142-breadcrumbs-content:where(button,:any-link)[aria-current]{color:var(--iui-color-text)}._iui3142-breadcrumbs-separator{margin-inline:var(--iui-size-3xs);display:flex}._iui3142-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){._iui3142-breadcrumbs-separator svg{fill:canvastext}}._iui3142-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}._iui3142-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3142-button[data-iui-loading=true]>:where(:not(._iui3142-button-spinner)){opacity:0}._iui3142-button[data-iui-loading=true]>:where(._iui3142-button-spinner){margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._iui3142-button:is([data-iui-has-popover=open],:has(+:popover-open)){--_iui-field-state:var(--_iui-field-state--hover)}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3142-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-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}._iui3142-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)}._iui3142-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))}._iui3142-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)}._iui3142-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)}._iui3142-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)}._iui3142-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3142-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3142-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3142-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)}._iui3142-button-icon{display:inline-flex}._iui3142-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}._iui3142-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3142-button-split :where(._iui3142-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3142-button-split :where(._iui3142-button:first-child)[data-iui-variant=high-visibility],._iui3142-button-split :where(._iui3142-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3142-button-split :where(._iui3142-button:first-child):hover{z-index:1}._iui3142-button-split :where(._iui3142-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}._iui3142-button-split :where(._iui3142-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}._iui3142-button-split :where(._iui3142-button:last-child)[data-iui-variant=high-visibility],._iui3142-button-split :where(._iui3142-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3142-button-split :where(._iui3142-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}._iui3142-button-split :where(._iui3142-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3142-button-split :where(._iui3142-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3142-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-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)}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):hover{z-index:1}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus,._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus:where([aria-disabled=true]),._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus-within,._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container){border-radius:0;transition-duration:0s}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container):hover,._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-child(1 of:where(._iui3142-field,._iui3142-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-last-child(1 of:where(._iui3142-field,._iui3142-input-flex-container))){border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3142-field,._iui3142-input-flex-container){margin-inline-start:-1px}._iui3142-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3142-field,._iui3142-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-inline-start-color:var(--iui-color-border-subtle)}._iui3142-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}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-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))}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):hover{z-index:1}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus,._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus:where([aria-disabled=true]),._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus-within,._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field,._iui3142-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container){border-radius:0;transition-duration:0s}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container):hover,._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3142-field:not([data-iui-variant=borderless]),._iui3142-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-child(1 of:where(._iui3142-field,._iui3142-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]:where(:nth-last-child(1 of:where(._iui3142-field,._iui3142-input-flex-container))){border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3142-field,._iui3142-input-flex-container){margin-block-start:-1px}._iui3142-button-group:where([data-iui-orientation=vertical])>[class]~:where(._iui3142-field,._iui3142-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-block-start-color:var(--iui-color-border-subtle)}._iui3142-button-group-overflow-x{inline-size:100%}._iui3142-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3142-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3142-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}._iui3142-carousel-slider::-webkit-scrollbar{display:none}._iui3142-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3142-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3142-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}._iui3142-carousel-navigation-left,._iui3142-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3142-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}._iui3142-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3142-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3142-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3142-carousel-navigation-dot{cursor:pointer;block-size:var(--iui-component-height-small);padding-inline:var(--iui-size-xs);background-color:#0000;border:none}._iui3142-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3142-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}._iui3142-carousel-navigation-dot._iui3142-first:after{transform:scale(.5)}._iui3142-carousel-navigation-dot._iui3142-second:after{transform:scale(.75)}._iui3142-carousel-navigation-dot._iui3142-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){._iui3142-carousel-navigation-dot._iui3142-active:after{border-width:var(--iui-size-xs)}}._iui3142-carousel-navigation-dot:focus{outline-color:#0000}._iui3142-carousel-navigation-right{justify-content:flex-end}._iui3142-checkbox-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3142-checkbox-wrapper._iui3142-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3142-checkbox-wrapper>._iui3142-checkbox-label,._iui3142-checkbox-wrapper>._iui3142-radio-label{line-height:var(--iui-size-l)}._iui3142-checkbox-wrapper>._iui3142-checkbox-label svg,._iui3142-checkbox-wrapper>._iui3142-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}._iui3142-checkbox-wrapper._iui3142-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3142-checkbox-wrapper._iui3142-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3142-checkbox-wrapper._iui3142-positive{color:var(--iui-color-text-positive)}._iui3142-checkbox-wrapper._iui3142-warning{color:var(--iui-color-text-warning)}._iui3142-checkbox-wrapper._iui3142-negative{color:var(--iui-color-text-negative)}._iui3142-checkbox{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z" /></svg>');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m2.75 6.875h10.5v2.25h-10.5z" /></svg>');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16"></svg>');--_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}._iui3142-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3142-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}._iui3142-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3142-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3142-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3142-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3142-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-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}._iui3142-checkbox._iui3142-checkbox-visibility{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z" /></svg>');--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3142-checkbox._iui3142-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3142-checkbox._iui3142-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3142-checkbox._iui3142-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3142-checkbox._iui3142-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3142-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}._iui3142-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3142-codeblock>._iui3142-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}._iui3142-codeblock>._iui3142-title-bar>._iui3142-title{-webkit-user-select:all;user-select:all;margin-inline-start:var(--iui-size-s)}._iui3142-codeblock>._iui3142-title-bar>._iui3142-button{margin-inline-start:auto}._iui3142-codeblock>._iui3142-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}._iui3142-codeblock>._iui3142-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-codeblock>._iui3142-codeblock-content>code{white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);inline-size:100%;display:block}._iui3142-codeblock>._iui3142-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3142-codeblock>._iui3142-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}._iui3142-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}._iui3142-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}._iui3142-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}._iui3142-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)}._iui3142-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}._iui3142-color-swatch._iui3142-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)}._iui3142-color-swatch._iui3142-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)}._iui3142-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}._iui3142-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3142-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3142-color-input{align-items:center;display:flex}._iui3142-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3142-color-input ._iui3142-button{margin-inline-end:var(--iui-size-2xs)}._iui3142-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3142-color-input-fields>*{flex-grow:1}._iui3142-color-input-fields input{text-transform:uppercase}._iui3142-color-input-fields input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:end}._iui3142-color-input-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3142-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3142-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}._iui3142-color-field{--iui-color-field-hue:initial;cursor:crosshair;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));inline-size:100%;position:relative}._iui3142-hue-slider ._iui3142-slider,._iui3142-opacity-slider ._iui3142-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3142-hue-slider ._iui3142-slider:before,._iui3142-opacity-slider ._iui3142-slider:before{forced-color-adjust:none}._iui3142-hue-slider ._iui3142-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3142-opacity-slider ._iui3142-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)}._iui3142-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}._iui3142-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}._iui3142-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)}._iui3142-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3142-date-picker ._iui3142-time-picker{block-size:0;min-block-size:100%}._iui3142-calendar-month-year{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);inline-size:100%;display:inline-flex}._iui3142-calendar-month-year>span{white-space:nowrap;line-height:calc(var(--iui-size-s)*4);flex-shrink:0;justify-content:center;align-items:center;inline-size:156px;display:inline-flex}._iui3142-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3142-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}._iui3142-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3142-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3142-calendar-day,._iui3142-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}._iui3142-calendar-day:focus-visible,._iui3142-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-calendar-day:empty,._iui3142-calendar-day-today:empty{pointer-events:none}._iui3142-calendar-day:hover,._iui3142-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3142-calendar-day[aria-disabled=true],._iui3142-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){._iui3142-calendar-day[aria-disabled=true],._iui3142-calendar-day-today[aria-disabled=true]{color:graytext}}._iui3142-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3142-calendar-day-selected,._iui3142-calendar-day-selected-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:default;block-size:36px;inline-size:40px}._iui3142-calendar-day-selected:empty,._iui3142-calendar-day-selected-today:empty{pointer-events:none}._iui3142-calendar-day-selected:focus-visible,._iui3142-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3142-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3142-calendar-day-selected-today:hover:before{background-color:initial}._iui3142-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3142-calendar-day-outside-month,._iui3142-calendar-day-outside-month-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;color:var(--iui-color-text-muted);block-size:36px;inline-size:40px}._iui3142-calendar-day-outside-month:focus-visible,._iui3142-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-calendar-day-outside-month:empty,._iui3142-calendar-day-outside-month-today:empty{pointer-events:none}._iui3142-calendar-day-outside-month:hover,._iui3142-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3142-calendar-day-outside-month[aria-disabled=true],._iui3142-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){._iui3142-calendar-day-outside-month[aria-disabled=true],._iui3142-calendar-day-outside-month-today[aria-disabled=true]{color:graytext}}._iui3142-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3142-calendar-day-range-start,._iui3142-calendar-day-range-start-today{text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;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;block-size:36px;inline-size:40px}._iui3142-calendar-day-range-start:empty,._iui3142-calendar-day-range-start-today:empty{pointer-events:none}._iui3142-calendar-day-range-start:focus-visible,._iui3142-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3142-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-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)}._iui3142-calendar-day-range-start-today:hover:before{background-color:initial}._iui3142-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3142-calendar-day-range-end,._iui3142-calendar-day-range-end-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;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;block-size:36px;inline-size:40px}._iui3142-calendar-day-range-end:empty,._iui3142-calendar-day-range-end-today:empty{pointer-events:none}._iui3142-calendar-day-range-end:focus-visible,._iui3142-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3142-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-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)}._iui3142-calendar-day-range-end-today:hover:before{background-color:initial}._iui3142-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3142-calendar-day-range,._iui3142-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}._iui3142-calendar-day-range:focus-visible,._iui3142-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-calendar-day-range:empty,._iui3142-calendar-day-range-today:empty{pointer-events:none}._iui3142-calendar-day-range:hover,._iui3142-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3142-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3142-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%)}._iui3142-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3142-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3142-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)}._iui3142-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3142-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){._iui3142-dialog{border:1px solid}}._iui3142-dialog:not(._iui3142-dialog-visible){visibility:hidden;opacity:0}._iui3142-dialog._iui3142-dialog-visible{animation:_iui3142-fade-in var(--iui-duration-1)ease-out}@keyframes _iui3142-slide-up{0%{transform:translateY(100%)}}._iui3142-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}._iui3142-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)){._iui3142-dialog-default:not([data-iui-placement]){inset-block-start:33%;inset-inline-start:50%;transform:translate(-50%,-33%)}}._iui3142-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}._iui3142-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}._iui3142-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}._iui3142-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}._iui3142-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}._iui3142-dialog-full-page:not(._iui3142-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){._iui3142-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}._iui3142-dialog-full-page._iui3142-dialog-visible{animation:_iui3142-slide-up var(--iui-duration-2)ease-out,_iui3142-fade-in var(--iui-duration-2)ease-out}}._iui3142-dialog-draggable{border:1px solid var(--iui-color-border)}._iui3142-dialog-title{overflow-wrap:break-word;margin-inline-end:auto;overflow:hidden}._iui3142-dialog-title-bar{font-size:var(--iui-font-size-3);align-items:center;margin-block-end:var(--iui-size-s);display:flex}._iui3142-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)}._iui3142-dialog-title-bar-filled:active{cursor:grabbing}._iui3142-dialog-content{margin-inline:calc(0px - var(--iui-size-m));padding-inline:var(--iui-size-m);flex-grow:2;overflow-y:auto}._iui3142-dialog-button-bar{justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);margin-block-start:var(--iui-size-s);display:flex}._iui3142-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-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}._iui3142-expandable-block[data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:0;--_iui-expandable-block-expander-icon-transform:rotate(90deg)}._iui3142-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)}._iui3142-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}._iui3142-expandable-block[data-iui-variant=borderless][data-iui-expanded=true]{--_iui-expandable-block-header-bottom-border-radius:inherit}._iui3142-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}._iui3142-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){._iui3142-expandable-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}._iui3142-expandable-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-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){._iui3142-expandable-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:highlight}}._iui3142-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){._iui3142-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}}._iui3142-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){._iui3142-expandable-block-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3142-expandable-block-label{font-size:var(--iui-font-size-2);color:var(--_iui-expandable-block-header-label-color,inherit);flex-direction:column;flex:auto;min-inline-size:0;display:flex}:is(._iui3142-expandable-block-title,._iui3142-expandable-block-caption){white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}@media (forced-colors:active){:is(._iui3142-expandable-block-title,._iui3142-expandable-block-caption){transition:none}}._iui3142-expandable-block-caption{font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted))}._iui3142-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){._iui3142-expandable-content{transition-property:grid-template-rows,visibility,opacity,transform}}._iui3142-expandable-content>div{visibility:hidden;padding-inline:var(--_iui-expandable-block-content-padding);align-self:end;min-block-size:0}@media (prefers-reduced-motion:no-preference){._iui3142-expandable-content>div{transition:visibility var(--iui-duration-1)ease-out}}:where(._iui3142-expandable-block[data-iui-expanded=true]) ._iui3142-expandable-content{grid-template-rows:1fr}:where(._iui3142-expandable-block[data-iui-expanded=true]) ._iui3142-expandable-content>div{padding-block:var(--_iui-expandable-block-content-padding);border-block-end:var(--_iui-expandable-block-border);visibility:visible}:where(._iui3142-expandable-block:not([data-iui-expanded=true])) ._iui3142-expandable-content{opacity:0;transform:translateY(round(-1rem,1px))}@supports not (top:Round(1px,1px)){:where(._iui3142-expandable-block:not([data-iui-expanded=true])) ._iui3142-expandable-content{transform:translateY(-1rem)}}:where(._iui3142-fieldset-base){border:none;margin:0;padding:0}._iui3142-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)}._iui3142-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)}._iui3142-fieldset[disabled]{cursor:not-allowed}._iui3142-fieldset[disabled] legend{color:var(--iui-color-text-disabled)}._iui3142-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}._iui3142-file-upload>._iui3142-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}._iui3142-file-upload>._iui3142-content ._iui3142-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}._iui3142-file-upload>._iui3142-content>svg,._iui3142-file-upload>._iui3142-content :is(._iui3142-template-icon,._iui3142-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){._iui3142-file-upload>._iui3142-content>svg,._iui3142-file-upload>._iui3142-content :is(._iui3142-template-icon,._iui3142-template-icon>svg){fill:canvastext}}._iui3142-file-upload>._iui3142-content:only-child{visibility:visible;position:relative}._iui3142-file-upload>._iui3142-content:only-child:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3142-file-upload>._iui3142-content ._iui3142-template-text{gap:var(--iui-size-2xs);margin-inline-start:var(--iui-size-l);display:grid}._iui3142-file-upload>._iui3142-content ._iui3142-template-text>label{font-weight:var(--iui-font-weight-bold)}._iui3142-file-upload._iui3142-drag>._iui3142-content{visibility:visible;background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3142-file-upload._iui3142-drag>._iui3142-content svg,._iui3142-file-upload._iui3142-drag>._iui3142-content ._iui3142-template-icon{fill:var(--iui-color-icon-accent)}._iui3142-file-upload-template{padding:var(--iui-size-m);justify-content:center;align-items:center;display:flex}._iui3142-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}._iui3142-file-card:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3142-file-card-icon,._iui3142-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){._iui3142-file-card-icon,._iui3142-file-card-icon svg{fill:canvastext}}._iui3142-file-card-text{gap:var(--iui-size-2xs);display:grid}._iui3142-file-card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-file-card-description{white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);overflow:hidden}._iui3142-file-card-action{font-weight:var(--iui-font-weight-bold);margin-inline-start:auto}._iui3142-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}._iui3142-file-card-empty:focus-within{outline:2px solid var(--iui-color-text-accent);outline-offset:-2px}._iui3142-file-card-empty-icon,._iui3142-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){._iui3142-file-card-empty-icon,._iui3142-file-card-empty-icon svg{fill:canvastext}}._iui3142-file-card-empty-action{gap:var(--iui-size-2xs);display:grid}._iui3142-file-card-empty-action label{font-weight:var(--iui-font-weight-bold)}._iui3142-legal-footer{vertical-align:baseline;text-align:center;padding:0;padding-block:var(--iui-size-s);font-size:var(--iui-font-size-0);border:none;inline-size:100%;margin:0}._iui3142-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}._iui3142-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}._iui3142-legal-footer-item>a,._iui3142-legal-footer-item>a:hover{color:var(--iui-color-text-muted)}._iui3142-legal-footer-item>a:not(:hover){text-decoration:none}@media (prefers-contrast:more){._iui3142-legal-footer-item>a:not(:hover){text-decoration:underline}}._iui3142-legal-footer-item>a[data-iui-underline=true]:not(:hover),:is([data-iui-contrast=high] ._iui3142-legal-footer-item>a):not(:hover){text-decoration:underline}._iui3142-legal-footer-separator{margin-inline:var(--iui-size-xs);block-size:var(--iui-size-s);background-color:var(--iui-color-border);inline-size:1px}._iui3142-legal-footer-developer{color:var(--iui-color-text-muted)}._iui3142-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;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;inline-size:100%;margin:0;padding:0;display:flex}@media (prefers-reduced-motion:no-preference){._iui3142-page-header{transition:height var(--iui-duration-1)ease-out}}._iui3142-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)}._iui3142-page-header-left,._iui3142-page-header-center,._iui3142-page-header-right{align-items:center;display:flex}._iui3142-page-header-right ._iui3142-button{border-radius:0;flex-shrink:0;block-size:100%}@media (forced-colors:active){._iui3142-page-header-right ._iui3142-button{border-block-width:0}}._iui3142-page-header-right ._iui3142-button:hover{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3142-page-header-right ._iui3142-avatar,._iui3142-page-header-right ._iui3142-avatar *{transition:width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out,font-size var(--iui-duration-1)ease-out}}._iui3142-page-header-divider{block-size:calc(var(--iui-size-s)*2);border-inline-start:2px solid var(--iui-color-border)}@media (forced-colors:active){._iui3142-page-header-divider{display:none}}._iui3142-header-breadcrumbs{--_iui-breadcrumbs-height:100%}._iui3142-header-brand{white-space:nowrap;box-sizing:border-box;background-color:#0000;flex-shrink:0;align-items:center;block-size:100%;display:inline-flex}._iui3142-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}._iui3142-header-brand:is(a,button,[role=button]):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3142-header-brand:is(a,button,[role=button]){border:1px solid canvastext;border-block-width:0}}._iui3142-header-brand:is(a,button,[role=button]):hover{background-color:var(--iui-color-background-hover)}._iui3142-header-brand:is(a){text-decoration:none}._iui3142-header-brand-icon{margin-inline:calc(1.5*var(--iui-size-m));will-change:transform;transform:var(--_iui-header-icon-scale)}._iui3142-header-brand-icon,._iui3142-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){._iui3142-header-brand-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3142-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){._iui3142-header-brand-label{transition:font-size var(--iui-duration-1)ease-out}}@media (max-width:991px){._iui3142-header-brand-label{display:none}}._iui3142-page-header-left,._iui3142-header-breadcrumbs,._iui3142-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}._iui3142-header-breadcrumb-button{vertical-align:baseline;vertical-align:middle;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;block-size:100%;max-inline-size:25vw;margin:0;font-family:inherit;display:inline-flex;overflow:hidden}._iui3142-header-breadcrumb-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@media (forced-colors:active){._iui3142-header-breadcrumb-button{border:1px solid;border-block-width:0}._iui3142-header-breadcrumb-button:not(:last-child){border-inline-end-width:0}}._iui3142-header-breadcrumb-button,._iui3142-header-breadcrumb-button:hover{background-color:#0000}._iui3142-header-breadcrumb-button:disabled,._iui3142-header-breadcrumb-button[aria-disabled=true]{cursor:not-allowed}._iui3142-header-breadcrumb-button-split{padding-inline:var(--iui-size-xs);flex-shrink:0;margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3142-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6))}[aria-current] ._iui3142-header-breadcrumb-button-split:hover{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3142-header-breadcrumb-button-split:disabled,._iui3142-header-breadcrumb-button-split[aria-disabled=true]{cursor:not-allowed}._iui3142-header-breadcrumb-button-split:disabled:hover,._iui3142-header-breadcrumb-button-split[aria-disabled=true]:hover{background-color:#0000}._iui3142-header-breadcrumb-item{transition:background-color var(--iui-duration-1)ease-out;color:var(--iui-color-text);box-sizing:border-box;block-size:100%;max-inline-size:25vw;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){._iui3142-header-breadcrumb-item{color:linktext;border:none}}._iui3142-header-breadcrumb-item:hover{background-color:var(--iui-color-background-hover)}._iui3142-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){._iui3142-header-breadcrumb-item[aria-current]{color:linktext;border-block-end:3px solid linktext}}._iui3142-header-breadcrumb-item[aria-disabled=true]{cursor:not-allowed;color:var(--iui-color-text-disabled);background-color:#0000}._iui3142-header-breadcrumb-item[aria-disabled=true][aria-current]{box-shadow:none;background-color:var(--iui-color-background-backdrop)}@media (forced-colors:active){._iui3142-header-breadcrumb-item[aria-disabled=true][aria-current]{border-block-end:3px solid graytext}}._iui3142-header-breadcrumb-button-wrapper{inline-size:100%;display:flex;overflow:hidden}._iui3142-header-breadcrumb-button-icon{transform:var(--_iui-header-icon-scale);will-change:transform}._iui3142-header-breadcrumb-button-icon,._iui3142-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){._iui3142-header-breadcrumb-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3142-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){._iui3142-header-breadcrumb-button-icon>svg{fill:linktext}}:is(._iui3142-active,[aria-current]) ._iui3142-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background);fill:currentColor}:is(:disabled,[aria-disabled=true]) ._iui3142-header-breadcrumb-button-icon>svg{background-color:var(--iui-color-background-backdrop);fill:var(--iui-color-icon-disabled)}@media (forced-colors:active){:is(:disabled,[aria-disabled=true]) ._iui3142-header-breadcrumb-button-icon>svg{fill:graytext}}._iui3142-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){._iui3142-header-breadcrumb-button-icon :is(img,span){transition:filter var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}._iui3142-header-breadcrumb-button-icon :is(img){object-fit:cover}._iui3142-header-breadcrumb-button-icon :is(span){background-position:50%;background-repeat:no-repeat;background-size:cover}:disabled ._iui3142-header-breadcrumb-button-icon :is(img,span),[aria-disabled=true] ._iui3142-header-breadcrumb-button-icon :is(img,span){filter:grayscale()opacity(.7)}@media (max-width:768px){._iui3142-header-breadcrumb-button-icon{display:none}}._iui3142-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}._iui3142-header-breadcrumb-button-dropdown-icon,._iui3142-header-breadcrumb-button-dropdown-icon>svg{fill:currentColor}._iui3142-header-breadcrumb-button-split ._iui3142-header-breadcrumb-button-dropdown-icon{margin-inline-end:0}@media (forced-colors:active){:disabled ._iui3142-header-breadcrumb-button-dropdown-icon,[aria-disabled=true] ._iui3142-header-breadcrumb-button-dropdown-icon{fill:graytext}}._iui3142-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}._iui3142-header-breadcrumb-button-text-label,._iui3142-header-breadcrumb-button-text-sublabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-header-breadcrumb-button-text-sublabel{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}@media (prefers-reduced-motion:no-preference){._iui3142-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}}._iui3142-active ._iui3142-header-breadcrumb-button-text-sublabel,[aria-current] ._iui3142-header-breadcrumb-button-text-sublabel,[aria-disabled=true] ._iui3142-header-breadcrumb-button-text-sublabel{color:inherit}[data-iui-size=slim] ._iui3142-header-breadcrumb-button-text-sublabel{visibility:hidden;opacity:0;block-size:0;inline-size:0}._iui3142-information-panel-wrapper{border-radius:var(--iui-border-radius-1);position:relative;overflow:hidden}._iui3142-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){._iui3142-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}}._iui3142-information-panel>._iui3142-resizer{touch-action:none;display:none;position:absolute}._iui3142-information-panel>._iui3142-resizer>._iui3142-resizer-bar{background-color:var(--iui-color-border)}._iui3142-information-panel>._iui3142-resizer:hover>._iui3142-resizer-bar{background-color:var(--iui-color-border-accent)}._iui3142-information-panel ._iui3142-information-header,._iui3142-information-panel ._iui3142-information-body{padding-inline:var(--iui-size-s)}._iui3142-information-panel ._iui3142-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}._iui3142-information-panel ._iui3142-information-header ._iui3142-information-header-label{align-items:center;display:flex;overflow:hidden}._iui3142-information-panel ._iui3142-information-header ._iui3142-information-header-label>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;overflow:hidden}._iui3142-information-panel ._iui3142-information-header ._iui3142-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){._iui3142-information-panel ._iui3142-information-header ._iui3142-information-header-label svg{fill:canvastext}}._iui3142-information-panel ._iui3142-information-header ._iui3142-information-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3142-information-panel ._iui3142-information-body{padding-block:var(--iui-size-s);block-size:100%;overflow:hidden auto}._iui3142-information-panel ._iui3142-information-body>hr{border-color:var(--iui-color-border)}._iui3142-information-panel._iui3142-right{inline-size:calc(var(--iui-size-3xl)*4);min-inline-size:calc(var(--iui-size-3xl)*2);box-shadow:-1px 0 10px var(--iui-shadow-color);clip-path:inset(0 0 0 -15px);block-size:100%;inset-block-start:0;inset-inline-end:0}._iui3142-information-panel._iui3142-right>._iui3142-resizer{inline-size:var(--iui-size-m);cursor:ew-resize;justify-content:center;block-size:100%;inset-block-start:0}._iui3142-information-panel._iui3142-right>._iui3142-resizer>._iui3142-resizer-bar{block-size:100%;inline-size:1px}@media (prefers-reduced-motion:no-preference){._iui3142-information-panel._iui3142-right>._iui3142-resizer>._iui3142-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out}}._iui3142-information-panel._iui3142-right>._iui3142-resizer:hover>._iui3142-resizer-bar{inline-size:var(--iui-size-2xs)}._iui3142-information-panel._iui3142-right:where(:not(._iui3142-visible)){transform:translate(100%)}._iui3142-information-panel._iui3142-right>._iui3142-resizer{inset-inline-start:calc(var(--iui-size-m)*-.5)}._iui3142-information-panel._iui3142-bottom{block-size:calc(var(--iui-size-3xl)*4);min-block-size:calc(var(--iui-size-3xl)*2);box-shadow:0 -1px 10px var(--iui-shadow-color);clip-path:inset(-15px 0 0);inline-size:100%;inset-block-end:0;inset-inline-start:0}._iui3142-information-panel._iui3142-bottom>._iui3142-resizer{block-size:var(--iui-size-m);cursor:ns-resize;align-items:center;inline-size:100%;inset-inline-start:0}._iui3142-information-panel._iui3142-bottom>._iui3142-resizer>._iui3142-resizer-bar{block-size:1px;inline-size:100%}@media (prefers-reduced-motion:no-preference){._iui3142-information-panel._iui3142-bottom>._iui3142-resizer>._iui3142-resizer-bar{transition:background-color var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3142-information-panel._iui3142-bottom>._iui3142-resizer:hover>._iui3142-resizer-bar{block-size:var(--iui-size-2xs)}._iui3142-information-panel._iui3142-bottom:where(:not(._iui3142-visible)){transform:translateY(100%)}._iui3142-information-panel._iui3142-bottom>._iui3142-resizer{inset-block-start:calc(var(--iui-size-m)*-.5)}._iui3142-information-panel._iui3142-visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){._iui3142-information-panel._iui3142-visible{transition:transform var(--iui-duration-1)ease-out,opacity var(--iui-duration-1)ease}}._iui3142-information-panel._iui3142-visible>._iui3142-resizer{display:flex}._iui3142-information-body-content{display:grid}._iui3142-information-body-content ._iui3142-input-label{font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text-muted)}._iui3142-information-body-content:not(._iui3142-inline)>:nth-child(2n):not(:last-child){margin-block-end:var(--iui-size-s)}._iui3142-information-body-content._iui3142-inline{row-gap:var(--iui-size-s);grid-template-columns:auto 1fr;align-items:center}._iui3142-information-body-content._iui3142-inline ._iui3142-input-label{text-align:end;justify-self:end;margin-inline-end:var(--iui-size-m)}._iui3142-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);inline-size:100%}._iui3142-input::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1;-webkit-user-select:none;user-select:none}._iui3142-input:-webkit-autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3142-input:autofill{background-color:var(--iui-color-background-accent-muted);border-color:var(--iui-color-border-accent);color:var(--iui-color-text-accent)}._iui3142-input:where(textarea){line-height:inherit;resize:vertical}._iui3142-input:where(textarea)[disabled],._iui3142-input:where(textarea)[readonly]{resize:none}._iui3142-input[data-iui-size=small]{--_iui-input-padding-block:0}._iui3142-input[data-iui-size=large]{--_iui-input-padding-block:var(--iui-size-xs);font-size:var(--iui-font-size-2)}._iui3142-input-with-icon{cursor:pointer;align-items:center;display:grid;position:relative}._iui3142-input-with-icon>:first-child{grid-area:1/-1}._iui3142-input-with-icon>:first-child:has(+._iui3142-end-icon){padding-inline-end:var(--iui-component-height)}@supports not selector(:has(+ *)){._iui3142-input-with-icon>:first-child:not(:only-child){padding-inline-end:var(--iui-component-height)}}._iui3142-input-with-icon>._iui3142-select-tag-container{max-inline-size:70%;inset-inline-end:unset}._iui3142-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}._iui3142-end-icon._iui3142-disabled{cursor:not-allowed;--_iui-svg-fill:var(--iui-color-icon-disabled)}._iui3142-end-icon._iui3142-open{transform:rotate(180deg)}._iui3142-input-grid{row-gap:var(--iui-size-2xs);grid-template-rows:auto;grid-template-columns:1fr;align-items:center;display:grid}._iui3142-input-grid[data-iui-label-placement=inline]{grid-template-rows:1fr auto;grid-template-columns:auto 1fr}._iui3142-input-grid[data-iui-label-placement=inline]:not(:has(._iui3142-status-message)){grid-template-rows:1fr}._iui3142-input-grid[data-iui-label-placement=inline] ._iui3142-input-label{margin:0 var(--iui-size-m)0 0}._iui3142-input-grid[data-iui-label-placement=inline] ._iui3142-input-label._iui3142-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3142-input-grid[data-iui-label-placement=inline] ._iui3142-input-group{gap:var(--iui-size-m);flex-direction:row}._iui3142-input-grid ._iui3142-status-message{grid-column-end:-1}._iui3142-input-grid[data-iui-status=positive] :where(._iui3142-input,._iui3142-select-button),:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-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)}._iui3142-input-grid[data-iui-status=positive] :where(._iui3142-input,._iui3142-select-button)::selection,._iui3142-input-grid[data-iui-status=positive] :where(._iui3142-input,._iui3142-select-button) ::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=positive])::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-input-grid[data-iui-status=positive] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=small],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=positive])[data-iui-size=small]{padding-block-end:0}._iui3142-input-grid[data-iui-status=positive] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=large],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=positive])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3142-input-grid[data-iui-status=warning] :where(._iui3142-input,._iui3142-select-button),:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-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)}._iui3142-input-grid[data-iui-status=warning] :where(._iui3142-input,._iui3142-select-button)::selection,._iui3142-input-grid[data-iui-status=warning] :where(._iui3142-input,._iui3142-select-button) ::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=warning])::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-input-grid[data-iui-status=warning] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=small],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=warning])[data-iui-size=small]{padding-block-end:0}._iui3142-input-grid[data-iui-status=warning] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=large],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=warning])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3142-input-grid[data-iui-status=negative] :where(._iui3142-input,._iui3142-select-button),:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-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)}._iui3142-input-grid[data-iui-status=negative] :where(._iui3142-input,._iui3142-select-button)::selection,._iui3142-input-grid[data-iui-status=negative] :where(._iui3142-input,._iui3142-select-button) ::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=negative])::selection,:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-input-grid[data-iui-status=negative] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=small],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=negative])[data-iui-size=small]{padding-block-end:0}._iui3142-input-grid[data-iui-status=negative] :where(._iui3142-input,._iui3142-select-button)[data-iui-size=large],:is(._iui3142-input,._iui3142-input-with-icon>._iui3142-select-button):where([data-iui-status=negative])[data-iui-size=large]{padding-block-end:calc(var(--iui-size-xs) - 1px)}._iui3142-input-label{font-weight:var(--iui-font-weight-semibold);color:var(--_iui-input-label-color);cursor:default;display:block}._iui3142-input-label._iui3142-required:after{content:"*";color:var(--iui-color-text-negative);margin-inline-start:var(--iui-size-2xs)}._iui3142-input-label[data-iui-disabled=true]{--_iui-input-label-color:var(--iui-color-text-disabled)}._iui3142-input-label:is(label){cursor:pointer}._iui3142-input-label:is(label)[data-iui-disabled=true]{cursor:not-allowed}._iui3142-input-label._iui3142-inline{margin:0 var(--iui-size-m)0 0;align-items:center;display:inline-flex}._iui3142-input-label._iui3142-inline._iui3142-required{margin-inline-end:calc(var(--iui-size-2xs)*1.5 - 1px)}._iui3142-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;min-block-size:var(--_iui-input-min-height);line-height:var(--iui-size-l);align-items:center;block-size:fit-content;inline-size:100%;padding-inline:1px;display:inline-flex;position:relative}._iui3142-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}._iui3142-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(._iui3142-input-flex-container:has(input:focus-visible),._iui3142-input-flex-container:has(textarea:focus-visible)){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3142-input-flex-container:has(input:focus-visible):before{border-color:#0000}._iui3142-input-flex-container:has(textarea:focus-visible):before{border-color:#0000}@supports not selector(:has(+ *)){._iui3142-input-flex-container:where(:focus-within){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}._iui3142-input-flex-container:where(:focus-within):before{border-color:#0000}}._iui3142-input-flex-container input,._iui3142-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}._iui3142-input-flex-container input:where(:not(:first-child)),._iui3142-input-flex-container textarea:where(:not(:first-child)){padding-inline-start:var(--iui-size-2xs)}._iui3142-input-flex-container input:where(:not(:last-child)),._iui3142-input-flex-container textarea:where(:not(:last-child)){padding-inline-end:var(--iui-size-2xs)}._iui3142-input-flex-container input::placeholder,._iui3142-input-flex-container textarea::placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light);opacity:1}._iui3142-input-flex-container input:focus,._iui3142-input-flex-container textarea:focus{outline:none}._iui3142-input-flex-container input:disabled,._iui3142-input-flex-container textarea:disabled{color:var(--iui-color-text-disabled)}._iui3142-input-flex-container>:is(input,textarea):has(+._iui3142-input-flex-container-icon){padding-inline-end:0}._iui3142-input-flex-container>._iui3142-input-flex-container-icon+:is(input,textarea){padding-inline-start:0}._iui3142-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}._iui3142-input-flex-container[data-iui-size=small]{--_iui-input-padding-block:0;--_iui-input-min-height:var(--iui-component-height-small)}._iui3142-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)}._iui3142-input-flex-container[data-iui-status=positive]{--_iui-input-accent-border-color:var(--iui-color-border-positive)}._iui3142-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)}._iui3142-input-flex-container[data-iui-status=positive]:hover{--_iui-input-border-color:var(--iui-color-border-positive)}._iui3142-input-flex-container[data-iui-status=positive] input::selection,._iui3142-input-flex-container[data-iui-status=positive] input ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-input-flex-container[data-iui-status=warning]{--_iui-input-accent-border-color:var(--iui-color-border-warning)}._iui3142-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)}._iui3142-input-flex-container[data-iui-status=warning]:hover{--_iui-input-border-color:var(--iui-color-border-warning)}._iui3142-input-flex-container[data-iui-status=warning] input::selection,._iui3142-input-flex-container[data-iui-status=warning] input ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-input-flex-container[data-iui-status=negative]{--_iui-input-accent-border-color:var(--iui-color-border-negative)}._iui3142-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)}._iui3142-input-flex-container[data-iui-status=negative]:hover{--_iui-input-border-color:var(--iui-color-border-negative)}._iui3142-input-flex-container[data-iui-status=negative] input::selection,._iui3142-input-flex-container[data-iui-status=negative] input ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-input-group-wrapper[data-iui-label-placement=inline]{flex-direction:row;display:flex}._iui3142-input-group-wrapper[data-iui-label-placement=inline] ._iui3142-status-message{margin-inline-start:var(--iui-size-m)}._iui3142-input-group{flex-direction:column;display:flex}._iui3142-input-group ._iui3142-toggle-switch-wrapper{padding:calc(var(--iui-size-s)*.5)0}._iui3142-input-group ._iui3142-radio-wrapper,._iui3142-input-group ._iui3142-checkbox-wrapper{min-block-size:var(--iui-size-l)}._iui3142-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}._iui3142-keyboard:hover{box-shadow:0 0 0 var(--iui-color-border),0 0 rgba(255,255,255,var(--iui-opacity-5)) inset}:is(._iui3142-list,._iui3142-menu){vertical-align:baseline;isolation:isolate;border:none;margin:0;padding:0;list-style-type:none}:is(._iui3142-list,._iui3142-menu) ._iui3142-header-menu-icon{margin-inline:var(--iui-size-2xs)}:is(._iui3142-list,._iui3142-menu) ._iui3142-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}._iui3142-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(._iui3142-list-item,._iui3142-menu-item-skeleton){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(._iui3142-list-item,._iui3142-menu-item-skeleton)+:is(._iui3142-list-item,._iui3142-menu-item-skeleton){margin-block-start:-1px}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where([data-iui-actionable=true]:hover),:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:has(._iui3142-link-action):hover){cursor:pointer;background-color:var(--iui-color-background-hover)}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-large,[data-iui-size=large]){min-block-size:var(--iui-component-height-large)}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-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(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-active,[data-iui-active=true]):where(:has(+:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-active,[data-iui-active=true]))){border-end-end-radius:0;border-end-start-radius:0}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-active,[data-iui-active=true])+:where(:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-active,[data-iui-active=true])){border-start-start-radius:0;border-start-end-radius:0}}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-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(._iui3142-list-item,._iui3142-menu-item-skeleton):where(._iui3142-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(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:focus-visible,._iui3142-focused,[data-iui-focused=true]),:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:has(._iui3142-link-action:focus-visible)){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:focus-visible,._iui3142-focused,[data-iui-focused=true]):where(._iui3142-active,[data-iui-active=true]),:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:has(._iui3142-link-action:focus-visible)):where(._iui3142-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}@supports not selector(:has(+ *)){:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:focus-within){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:is(._iui3142-list-item,._iui3142-menu-item-skeleton):where(:focus-within):where(._iui3142-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}}:is(._iui3142-menu-item-skeleton>._iui3142-icon,._iui3142-list-item-icon){flex:none}:is(._iui3142-menu-item-skeleton>._iui3142-icon,._iui3142-list-item-icon),:is(._iui3142-menu-item-skeleton>._iui3142-icon,._iui3142-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}._iui3142-menu-item-skeleton{--iui-menu-item-content-skeleton-max-width:30%;cursor:auto}._iui3142-menu-item-skeleton ._iui3142-content{max-inline-size:var(--iui-menu-item-content-skeleton-max-width)}._iui3142-menu-item-skeleton ._iui3142-menu-label{block-size:var(--iui-font-size-1);inline-size:100%;display:block}._iui3142-menu-item-skeleton ._iui3142-menu-description{block-size:var(--iui-font-size-0);inline-size:70%;margin-block-start:var(--iui-size-2xs);display:block}._iui3142-menu-item-skeleton:hover{background-color:unset}._iui3142-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(._iui3142-menu-item-skeleton>._iui3142-content,._iui3142-list-item-content){flex:auto}:is(._iui3142-menu-item-skeleton>._iui3142-content,._iui3142-list-item-content),:is(._iui3142-menu-item-skeleton>._iui3142-content,._iui3142-list-item-content)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(._iui3142-menu-item-skeleton>._iui3142-menu-description,._iui3142-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}._iui3142-menu-divider{inline-size:calc(100% - var(--iui-size-l));background-color:var(--iui-color-border);block-size:1px;margin-block:1px;margin-inline:auto}._iui3142-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%)}._iui3142-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}._iui3142-non-ideal-state-title{vertical-align:baseline;font-size:var(--iui-font-size-5);font-weight:var(--iui-font-weight-light);border:none;margin:0;margin-block-end:var(--iui-size-l);padding:0}._iui3142-non-ideal-state-description{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);border:none;margin:0;margin-block-end:var(--iui-size-l);padding:0}._iui3142-non-ideal-state-actions{align-items:center;margin-block-end:var(--iui-size-xs);display:flex}._iui3142-non-ideal-state-actions>._iui3142-input-flex-container{text-align:start;inline-size:200px;margin-inline-end:var(--iui-size-2xs);display:inline-block}._iui3142-non-ideal-state-actions>._iui3142-button{margin-inline:var(--iui-size-2xs)}._iui3142-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))){._iui3142-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3142-overlay ._iui3142-progress-indicator-linear{inline-size:50%;max-inline-size:33vw}._iui3142-overlay-wrapper{position:relative}._iui3142-overlay-exiting{animation:_iui3142-closeAnimation var(--iui-duration-1)linear}@keyframes _iui3142-closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}._iui3142-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}._iui3142-progress-indicator-radial:before,._iui3142-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}._iui3142-progress-indicator-radial:before{border-color:var(--iui-color-border)}._iui3142-progress-indicator-radial:after{background-color:var(--iui-color-border-accent);-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){._iui3142-progress-indicator-radial:before,._iui3142-progress-indicator-radial:after{border-color:#0000}}._iui3142-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}._iui3142-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3142-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3142-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3142-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3142-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3142-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3142-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3142-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3142-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3142-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3142-progress-indicator-radial[data-iui-size=x-small]:before,._iui3142-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3142-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3142-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3142-progress-indicator-radial[data-iui-size=small]:before,._iui3142-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3142-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)}._iui3142-progress-indicator-radial[data-iui-size=large]:before,._iui3142-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3142-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}._iui3142-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)}._iui3142-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3142-uw9frsx;-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 _iui3142-uw9frsx{to{transform:rotate(360deg)}}._iui3142-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}._iui3142-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3142-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3142-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-color-border-accent))0% 100%);background-repeat:no-repeat;background-size:var(--iui-progress-percentage,100%)100%;forced-color-adjust:none}@media (forced-colors:active){._iui3142-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,canvastext 0% 100%);border:.5px solid}}._iui3142-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)}._iui3142-progress-indicator-linear[data-iui-status=positive]::selection,._iui3142-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-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)}._iui3142-progress-indicator-linear[data-iui-status=negative]::selection,._iui3142-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-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)}._iui3142-progress-indicator-linear[data-iui-status=warning]::selection,._iui3142-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3142-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3142-uw9frtg}@keyframes _iui3142-uw9frtg{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%}}._iui3142-radio-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3142-radio-wrapper._iui3142-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3142-radio-wrapper>._iui3142-checkbox-label,._iui3142-radio-wrapper>._iui3142-radio-label{line-height:var(--iui-size-l)}._iui3142-radio-wrapper>._iui3142-checkbox-label svg,._iui3142-radio-wrapper>._iui3142-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}._iui3142-radio-wrapper._iui3142-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3142-radio-wrapper._iui3142-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3142-radio-wrapper._iui3142-positive{color:var(--iui-color-text-positive)}._iui3142-radio-wrapper._iui3142-warning{color:var(--iui-color-text-warning)}._iui3142-radio-wrapper._iui3142-negative{color:var(--iui-color-text-negative)}._iui3142-radio{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z" /></svg>');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m2.75 6.875h10.5v2.25h-10.5z" /></svg>');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16"></svg>');--_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;border-radius:50%;flex-shrink:0;margin:0;display:flex;position:relative}._iui3142-radio:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3142-radio: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}._iui3142-radio:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3142-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3142-radio:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3142-radio:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-radio: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}._iui3142-radio._iui3142-checkbox-visibility{--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z" /></svg>');--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3142-radio._iui3142-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3142-radio._iui3142-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3142-radio._iui3142-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3142-radio._iui3142-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3142-radio:checked{--_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>')}._iui3142-radio:not(:checked),._iui3142-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3142-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}._iui3142-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3142-radio-tile:where(:hover) ._iui3142-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3142-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3142-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3142-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}._iui3142-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@media (forced-colors:active){._iui3142-radio-tile-input:checked{outline-color:highlight}}._iui3142-radio-tile-input:checked+._iui3142-radio-tile-icon svg{fill:var(--iui-color-icon-accent)}@media (forced-colors:active){._iui3142-radio-tile-input:checked+._iui3142-radio-tile-icon svg{fill:highlight}}._iui3142-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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6,14L0,8l2-2l4,4l8-8l2,2L6,14z" /></svg>');mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6,14L0,8l2-2l4,4l8-8l2,2L6,14z" /></svg>')}@media (forced-colors:active){._iui3142-radio-tile-input:checked:after{background-color:highlight}}._iui3142-radio-tile-input:disabled{cursor:not-allowed}._iui3142-radio-tile-input:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3142-radio-tile-input:disabled:after{background-color:graytext}}._iui3142-radio-tile-input:disabled+._iui3142-radio-tile-icon svg{filter:grayscale();fill:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3142-radio-tile-input:disabled+._iui3142-radio-tile-icon svg{fill:graytext}}._iui3142-radio-tile-input:disabled~:is(._iui3142-radio-tile-label,._iui3142-radio-tile-sublabel){color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3142-radio-tile-input:disabled~:is(._iui3142-radio-tile-label,._iui3142-radio-tile-sublabel){color:graytext}}._iui3142-radio-tile-input:disabled:checked{z-index:3;outline:var(--iui-size-3xs)solid var(--iui-color-border)}@media (forced-colors:active){._iui3142-radio-tile-input:disabled:checked{outline-color:graytext}}._iui3142-radio-tile-input:focus-visible{outline-offset:-3px;outline-width:3px}._iui3142-radio-tile-icon{margin-block-start:calc(var(--iui-size-s)*.5);margin-block-end:var(--iui-size-s)}._iui3142-radio-tile-icon,._iui3142-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){._iui3142-radio-tile-icon,._iui3142-radio-tile-icon svg{fill:canvastext}}._iui3142-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)}._iui3142-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3142-expandable-searchbox{inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0}._iui3142-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3142-select-button{padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);-webkit-user-select:none;user-select:none;line-height:var(--iui-size-l);cursor:pointer;--_iui-select-padding-block:var(--iui-size-2xs);inline-size:100%}._iui3142-select-button:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}._iui3142-select-button:is(select) option{color:var(--iui-color-text);font-weight:var(--iui-font-weight-normal)}._iui3142-select-button:is(select) option[disabled]{color:var(--iui-color-text-disabled)}._iui3142-select-button:not(select){align-items:center;gap:var(--iui-size-xs);display:flex;position:relative;overflow:hidden}._iui3142-select-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){opacity:1;cursor:not-allowed}._iui3142-select-button ._iui3142-icon{flex:none}._iui3142-select-button ._iui3142-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:inherit;flex-shrink:0;display:flex}._iui3142-select-button ._iui3142-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);color:inherit;overflow:hidden}._iui3142-select-button._iui3142-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3142-select-button:has(option[value=""]:checked){color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3142-select-button[data-iui-size=small]{--_iui-select-padding-block:0}._iui3142-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs)}._iui3142-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}._iui3142-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3142-select-tag-container>*+*{margin-inline-start:0}}._iui3142-select-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);max-block-size:calc(var(--iui-size-s)*3);align-items:center;block-size:80%;max-inline-size:100%;margin-block:0;display:inline-flex}._iui3142-select-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3142-select-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);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}._iui3142-select-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3142-select-button[data-iui-size=small] ._iui3142-select-tag-label{font-size:var(--iui-font-size-0)}._iui3142-select-tag-button{border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;block-size:100%}._iui3142-select-button[data-iui-size=small] ._iui3142-select-tag-button{font-size:var(--iui-font-size-0)}._iui3142-select-button[data-iui-size=small] ._iui3142-select-tag-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3142-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){._iui3142-side-navigation{transition:max-width var(--iui-duration-1)ease-out}}._iui3142-side-navigation>._iui3142-sidenav-content{flex-direction:column;flex-grow:1;inline-size:100%;display:flex}._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-top,._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-bottom{flex-direction:column;flex-grow:1;display:flex}._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-top ._iui3142-sidenav-button:first-of-type{border-block-start:none}._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-top ._iui3142-sidenav-button:not(:last-of-type){border-block-end:none}._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-bottom{justify-content:flex-end}._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-bottom ._iui3142-sidenav-button{border-block-end:none}._iui3142-side-navigation>._iui3142-sidenav-content+._iui3142-sidenav-button._iui3142-expand{border:none;border-block-start:1px solid var(--iui-color-border)}._iui3142-side-navigation._iui3142-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}._iui3142-side-navigation._iui3142-expanded,._iui3142-side-navigation>._iui3142-sidenav-content{max-inline-size:calc(var(--iui-size-3xl)*3)}._iui3142-side-navigation._iui3142-expanded>._iui3142-sidenav-button._iui3142-expand>._iui3142-button-icon,._iui3142-side-navigation>._iui3142-sidenav-content>._iui3142-sidenav-button._iui3142-expand>._iui3142-button-icon{transform:scaleX(-1)}._iui3142-side-navigation ._iui3142-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}._iui3142-side-navigation ._iui3142-sidenav-button:not(._iui3142-expand){block-size:calc(var(--iui-size-s)*5)}@supports (padding:max(0px)){._iui3142-side-navigation ._iui3142-sidenav-button:not(._iui3142-expand){padding-inline-start:max(calc(1.5*var(--iui-size-m)),calc(1.5*var(--iui-size-m)) + env(safe-area-inset-left))}}._iui3142-side-navigation ._iui3142-sidenav-button>span:where(:not(._iui3142-button-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-side-navigation ._iui3142-sidenav-button,._iui3142-side-navigation ._iui3142-sidenav-button:hover,._iui3142-side-navigation ._iui3142-sidenav-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-color:var(--iui-color-border)}._iui3142-side-navigation ._iui3142-sidenav-button ._iui3142-button-icon:not(._iui3142-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}._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-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%)}._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-submenu-open:before{content:"";z-index:-1;background-color:inherit;position:absolute;inset-block:0;inset-inline:0 -2px}._iui3142-side-navigation ._iui3142-sidenav-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-backdrop)}._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-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}._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-expand>._iui3142-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){._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-expand>._iui3142-button-icon svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3142-side-navigation ._iui3142-sidenav-button._iui3142-expand>._iui3142-button-icon svg{transition:transform var(--iui-duration-2)ease-out}}._iui3142-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}._iui3142-side-navigation-submenu._iui3142-enter{opacity:0}._iui3142-side-navigation-submenu._iui3142-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){._iui3142-side-navigation-submenu._iui3142-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3142-side-navigation-submenu._iui3142-exit{opacity:1}._iui3142-side-navigation-submenu._iui3142-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){._iui3142-side-navigation-submenu._iui3142-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3142-side-navigation-submenu._iui3142-enter-active,._iui3142-side-navigation-submenu._iui3142-exit-active{display:flex}._iui3142-side-navigation-submenu-content{padding-block:0 var(--iui-size-s);padding-inline:var(--iui-size-s);flex-shrink:0}._iui3142-side-navigation-submenu-header{block-size:calc(var(--iui-size-s)*5);justify-content:space-between;align-items:center;display:flex}._iui3142-side-navigation-submenu-header-label{vertical-align:baseline;font-size:var(--iui-font-size-4);font-weight:var(--iui-font-weight-light);border:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}._iui3142-side-navigation-submenu-header-label ._iui3142-button{flex-shrink:0}._iui3142-side-navigation-submenu-header-label>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-side-navigation-submenu-header-actions{flex-shrink:0;margin-inline-start:var(--iui-size-xs)}._iui3142-side-navigation-wrapper{block-size:100%;display:flex;position:relative}._iui3142-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))){._iui3142-skip-to-content-link{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3142-skip-to-content-link:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){._iui3142-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}}._iui3142-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))){._iui3142-skip-to-content-link:hover{background-color:hsl(0 0% 0%/var(--iui-opacity-2));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3142-skip-to-content-link:focus{opacity:1;box-shadow:var(--iui-shadow-4);transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:no-preference){._iui3142-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}}._iui3142-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}._iui3142-slider-container[data-iui-orientation=horizontal]{grid-template-columns:auto 1fr auto;grid-template-areas:"min content max";align-items:center}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-min,._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-max{align-items:center}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-min{justify-content:end;margin-inline-end:var(--iui-size-s)}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-max{margin-inline-start:var(--iui-size-s)}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-ticks{transform:translateY(50%)}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-tick{flex-direction:column;inline-size:1px}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-tick:before{block-size:var(--iui-size-s);inline-size:1px}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider{block-size:calc(var(--iui-size-m) + 2px);touch-action:pan-x}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider:before{block-size:var(--_iui-slider-track-thickness);inline-size:100%}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-track{block-size:var(--_iui-slider-track-thickness);inset-inline:var(--iui-slider-track-position,0 var(--iui-slider-thumb-position))}._iui3142-slider-container[data-iui-orientation=horizontal] ._iui3142-slider-thumb{inset-inline-start:var(--iui-slider-thumb-position);transform:translate(-50%)}._iui3142-slider-container[data-iui-orientation=vertical]{grid-template-rows:auto 1fr auto;grid-template-areas:"max""content""min";justify-items:center;inline-size:-moz-fit-content;inline-size:fit-content}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-min,._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-max{justify-content:center}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-min{margin-block-start:var(--iui-size-s)}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-max{margin-block-end:var(--iui-size-s)}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-ticks{flex-direction:column-reverse;transform:translate(50%)}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-tick{block-size:1px}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-tick:before{inline-size:var(--iui-size-s);block-size:1px}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider{inline-size:calc(var(--iui-size-m) + 2px);touch-action:pan-y;min-block-size:var(--iui-size-xl)}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider:before{inline-size:var(--_iui-slider-track-thickness);block-size:100%}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-track{inline-size:var(--_iui-slider-track-thickness);inset-block:var(--iui-slider-track-position,var(--iui-slider-thumb-position)0)}._iui3142-slider-container[data-iui-orientation=vertical] ._iui3142-slider-thumb{inset-block-end:var(--iui-slider-thumb-position);transform:translateY(50%)}._iui3142-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){._iui3142-slider-container[data-iui-disabled=true]{--_iui-slider-track-color:GrayText}}._iui3142-slider-container[data-iui-disabled=true] ._iui3142-slider{pointer-events:none}._iui3142-slider-min,._iui3142-slider-max{-webkit-user-select:all;user-select:all;display:flex}._iui3142-slider-min{grid-area:min}._iui3142-slider-max{grid-area:max}._iui3142-slider-ticks{z-index:-1;grid-area:content;justify-content:space-between;display:flex;position:relative}._iui3142-slider-tick{color:var(--_iui-slider-tick-text-color);align-items:center;display:flex;position:relative}._iui3142-slider-tick:before{content:"";background-color:var(--iui-color-border)}@media (forced-colors:active){._iui3142-slider-tick:before{background-color:canvastext}}._iui3142-slider{cursor:pointer;isolation:isolate;grid-area:content;justify-content:center;align-items:center;display:flex;position:relative}._iui3142-slider._iui3142-grabbing{cursor:grabbing}._iui3142-slider:before{content:"";background:var(--_iui-slider-rail-color);display:flex}@media (forced-colors:active){._iui3142-slider:before{--_iui-slider-rail-color:CanvasText}}._iui3142-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}._iui3142-slider-thumb:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-slider-thumb:active{cursor:grabbing}._iui3142-slider-thumb[aria-disabled=true]{border-color:var(--iui-color-border);background:var(--iui-color-border);cursor:not-allowed}@media (forced-colors:active){._iui3142-slider-thumb[aria-disabled=true]{background:graytext;border-color:graytext}}._iui3142-slider-track{pointer-events:none;background-color:var(--_iui-slider-track-color);position:absolute}@media (forced-colors:active){._iui3142-slider-track{--_iui-slider-track-color:Highlight}}._iui3142-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}._iui3142-status-message[data-iui-status=positive]{color:var(--iui-color-text-positive);--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3142-status-message[data-iui-status=positive] a{color:var(--iui-color-text-positive);text-decoration:underline}._iui3142-status-message[data-iui-status=positive] a:hover{color:var(--iui-color-text-positive-hover);text-decoration:none}._iui3142-status-message[data-iui-status=warning]{color:var(--iui-color-text-warning);--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3142-status-message[data-iui-status=warning] a{color:var(--iui-color-text-warning);text-decoration:underline}._iui3142-status-message[data-iui-status=warning] a:hover{color:var(--iui-color-text-warning-hover);text-decoration:none}._iui3142-status-message[data-iui-status=negative]{color:var(--iui-color-text-negative);--_iui-svg-fill:var(--iui-color-icon-negative)}._iui3142-status-message[data-iui-status=negative] a{color:var(--iui-color-text-negative);text-decoration:underline}._iui3142-status-message[data-iui-status=negative] a:hover{color:var(--iui-color-text-negative-hover);text-decoration:none}._iui3142-stepper{row-gap:calc(var(--iui-size-s)*.5);flex-direction:column;display:flex}._iui3142-stepper>ol{vertical-align:baseline;border:none;justify-content:space-around;align-items:flex-start;inline-size:100%;margin:0;padding:0;display:flex}._iui3142-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-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);color:var(--_iui-stepper-step-text-color);border:none;flex-direction:column;flex:1;align-items:center;margin:0;padding:0;display:flex}._iui3142-stepper-step._iui3142-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-track-after-color:var(--iui-color-border);font-weight:var(--iui-font-weight-semibold)}._iui3142-stepper-step._iui3142-current~._iui3142-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-text-color:var(--iui-color-text-muted);--_iui-stepper-step-track-before-color:var(--iui-color-border)}._iui3142-stepper-step._iui3142-current~._iui3142-stepper-step:not(:last-of-type){--_iui-stepper-step-track-after-color:var(--iui-color-border)}._iui3142-stepper-step._iui3142-clickable:focus{outline:0}._iui3142-stepper-step:first-of-type{--_iui-stepper-step-track-before-color:transparent}._iui3142-stepper-step:last-of-type{--_iui-stepper-step-track-after-color:transparent}._iui3142-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}._iui3142-clickable ._iui3142-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}._iui3142-clickable ._iui3142-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)}._iui3142-clickable:focus ._iui3142-stepper-circle{outline:2px solid var(--iui-color-border-positive);outline-offset:-1px}._iui3142-clickable:focus:not(:focus-visible) ._iui3142-stepper-circle{outline:none}._iui3142-stepper-track-content{align-items:center;inline-size:100%;display:flex}._iui3142-stepper-track-content:before,._iui3142-stepper-track-content:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3142-stepper-track-content:before{background-color:var(--_iui-stepper-step-track-before-color)}._iui3142-stepper-track-content:after{background-color:var(--_iui-stepper-step-track-after-color)}._iui3142-stepper-step-name{text-align:center;-webkit-user-select:all;user-select:all;color:var(--_iui-stepper-step-text-color)}._iui3142-stepper-steps-label{font-size:var(--iui-font-size-3);text-align:center;display:block}._iui3142-stepper-steps-label-count{-webkit-user-select:none;user-select:none;color:var(--iui-color-text-muted);margin-inline-end:var(--iui-size-xs)}._iui3142-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)}._iui3142-surface:where(:has(._iui3142-surface-body),:has(._iui3142-surface-header),[data-iui-layout=true]){flex-direction:column;display:flex}._iui3142-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)}._iui3142-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}._iui3142-surface-body{flex-grow:1;overflow:hidden auto}._iui3142-surface-body[data-iui-padded=true]{padding:var(--iui-size-s);scrollbar-gutter:stable;padding-inline-end:var(--iui-size-2xs)}._iui3142-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}._iui3142-table ._iui3142-table-cell-end-icon,._iui3142-table ._iui3142-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}._iui3142-table ._iui3142-table-cell-end-icon svg,._iui3142-table ._iui3142-table-cell-start-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3142-table ._iui3142-table-cell-start-icon{margin-inline-end:var(--iui-size-xs)}._iui3142-table ._iui3142-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)}._iui3142-table ._iui3142-table-cell-end-icon :where(svg){fill:var(--_iui-table-cell-icon-fill)}._iui3142-table>._iui3142-table-paginator{z-index:3;position:sticky;inset-block-end:0;inset-inline-start:0}._iui3142-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)}._iui3142-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)}._iui3142-table[data-iui-size=extra-condensed] ._iui3142-table-header ._iui3142-table-cell{padding-block:calc(var(--iui-size-s)*.25)}._iui3142-table ._iui3142-table-header,._iui3142-table ._iui3142-table-paginator{min-block-size:var(--_iui-table-header-size)}._iui3142-table ._iui3142-table-body ._iui3142-table-cell,._iui3142-table ._iui3142-table-body-extra{min-block-size:var(--_iui-table-row-size)}._iui3142-table-header-wrapper{z-index:3;flex-shrink:0;display:flex;position:sticky;inset-block-start:0}._iui3142-table-header{-webkit-user-select:none;user-select:none;font-weight:var(--iui-font-weight-semibold);border-block-end:1px solid var(--iui-color-border);flex-shrink:0;min-inline-size:100%;display:flex}._iui3142-table-header ._iui3142-table-cell{background-color:var(--iui-color-background)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot)._iui3142-actionable{cursor:pointer}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot)._iui3142-grabbing{cursor:grabbing}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot)>._iui3142-table-resizer{inline-size:var(--iui-size-m);touch-action:none;cursor:ew-resize;z-index:1;opacity:0;block-size:100%;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot)>._iui3142-table-resizer>._iui3142-table-resizer-bar{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);block-size:100%;margin-inline:auto}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot)>._iui3142-table-resizer:hover>._iui3142-table-resizer-bar{inline-size:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):hover>._iui3142-table-resizer{opacity:1}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):is(:hover,:focus-visible){background-color:var(--iui-color-background-hover)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):has(:focus-visible){background-color:var(--iui-color-background-hover)}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):is(:hover,:focus-visible) ._iui3142-table-sort{opacity:1}._iui3142-table-header ._iui3142-table-cell:not(._iui3142-slot):has(:focus-visible) ._iui3142-table-sort{opacity:1}._iui3142-table-header ._iui3142-table-reorder-bar{inline-size:var(--iui-size-3xs);block-size:100%;position:absolute}._iui3142-table-header ._iui3142-table-reorder-column-right>._iui3142-table-reorder-bar{inset-inline-end:0}._iui3142-table-header ._iui3142-table-reorder-column-left>._iui3142-table-reorder-bar{inset-inline-start:0}._iui3142-table-header ._iui3142-table-reorder-column-left>._iui3142-table-reorder-bar,._iui3142-table-header ._iui3142-table-reorder-column-right>._iui3142-table-reorder-bar{background-color:var(--iui-color-border-accent)}._iui3142-table-header ._iui3142-table-sort{opacity:0;--_iui-table-cell-icon-fill:var(--iui-color-icon-muted)}._iui3142-table-header ._iui3142-sorted{background-color:var(--iui-color-background-hover)}._iui3142-table-header ._iui3142-sorted ._iui3142-table-sort{opacity:1;--_iui-table-cell-icon-fill:var(--iui-color-icon)}._iui3142-table-column-manager{padding:var(--iui-size-xs);max-block-size:17.25rem;overflow-y:auto}._iui3142-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-inline-size:100%;display:flex}._iui3142-table-header ._iui3142-table-row{flex-grow:1}._iui3142-table-body ._iui3142-table-row ._iui3142-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}._iui3142-table-body ._iui3142-table-row>._iui3142-slot>._iui3142-table-more-options{opacity:0}._iui3142-table-body ._iui3142-table-row:where(:hover,:focus-within)>._iui3142-slot>._iui3142-table-more-options{opacity:1}._iui3142-table-body ._iui3142-table-row:where(:hover:not(._iui3142-loading):not([aria-disabled=true])) ._iui3142-table-cell{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){._iui3142-table-body ._iui3142-table-row ._iui3142-table-row-expander>._iui3142-button-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3142-table-body ._iui3142-table-row._iui3142-table-row-expanded{overflow:hidden}._iui3142-table-body ._iui3142-table-row._iui3142-table-row-expanded ._iui3142-table-cell{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border);border-block-end-color:#0000}._iui3142-table-body ._iui3142-table-row._iui3142-table-row-expanded ._iui3142-table-row-expander>._iui3142-button-icon{transform:rotate(90deg)}._iui3142-table-body ._iui3142-table-row._iui3142-table-row-expanded+._iui3142-table-expanded-content{border-inline-start-color:var(--iui-color-border);border-inline-end-color:var(--iui-color-border)}._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content{border-inline:1px solid #0000;border-block-end:1px solid var(--iui-color-border);flex-shrink:0;overflow:hidden}._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-enter{opacity:0}._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-exit{opacity:1}._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content._iui3142-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}._iui3142-table-body ._iui3142-table-row:not([aria-selected=true])+[aria-selected=true] ._iui3142-table-cell,._iui3142-table-body ._iui3142-table-row[aria-selected=true]:first-child ._iui3142-table-cell{border-block-end-color:#0000}._iui3142-table-body ._iui3142-table-row[aria-selected=true] ._iui3142-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}._iui3142-table-body ._iui3142-table-row[aria-selected=true]+[aria-selected=true] ._iui3142-table-cell{border-block-end-color:#0000;border-block-start-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}._iui3142-table-body ._iui3142-table-row[aria-selected=true]:last-child ._iui3142-table-cell{border-block-end-color:var(--iui-color-border-accent)}._iui3142-table-body ._iui3142-table-row[aria-selected=true]+:not([aria-selected=true]) ._iui3142-table-cell,._iui3142-table-body ._iui3142-table-row[aria-selected=true]+._iui3142-table-expanded-content+._iui3142-table-row:not([aria-selected=true]) ._iui3142-table-cell{border-block-start-color:var(--iui-color-border-accent)}._iui3142-table-body ._iui3142-table-row[aria-selected=true]+._iui3142-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}._iui3142-table-body ._iui3142-table-row[aria-selected=true]+._iui3142-table-expanded-content:last-child{border-block-end-color:var(--iui-color-border-accent)}._iui3142-table-body ._iui3142-table-row._iui3142-new{font-weight:var(--iui-font-weight-semibold)}._iui3142-table-body ._iui3142-table-row._iui3142-new>._iui3142-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;inset-inline-start:0}._iui3142-table-body ._iui3142-table-row._iui3142-loading,._iui3142-table-body ._iui3142-table-row ._iui3142-table-cell[aria-disabled=true],._iui3142-table-body ._iui3142-table-row._iui3142-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)}._iui3142-table-body ._iui3142-table-row._iui3142-loading img,._iui3142-table-body ._iui3142-table-row._iui3142-loading svg,._iui3142-table-body ._iui3142-table-row._iui3142-loading ._iui3142-avatar,._iui3142-table-body ._iui3142-table-row ._iui3142-table-cell[aria-disabled=true] img,._iui3142-table-body ._iui3142-table-row ._iui3142-table-cell[aria-disabled=true] svg,._iui3142-table-body ._iui3142-table-row ._iui3142-table-cell[aria-disabled=true] ._iui3142-avatar,._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content[aria-disabled=true] img,._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content[aria-disabled=true] svg,._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content[aria-disabled=true] ._iui3142-avatar{filter:var(--_iui-table-cell-image-filter)}._iui3142-table-body ._iui3142-table-row._iui3142-loading{font-style:italic}._iui3142-table-body ._iui3142-table-row._iui3142-loading,._iui3142-table-body ._iui3142-table-row._iui3142-loading ._iui3142-checkbox{cursor:progress}._iui3142-table-body ._iui3142-table-row ._iui3142-table-cell[aria-disabled=true],._iui3142-table-body ._iui3142-table-row._iui3142-table-expanded-content[aria-disabled=true]{cursor:not-allowed}._iui3142-table-body ._iui3142-table-row[data-iui-status=positive] ._iui3142-table-cell:first-of-type,._iui3142-table-body ._iui3142-table-row[data-iui-status=positive]+._iui3142-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive)}._iui3142-table-body ._iui3142-table-row[data-iui-status=positive] ._iui3142-table-cell:first-of-type::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=positive] ._iui3142-table-cell:first-of-type ::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=positive]+._iui3142-table-expanded-content::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=positive]+._iui3142-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-table-body ._iui3142-table-row[data-iui-status=positive] ._iui3142-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}._iui3142-table-body ._iui3142-table-row[data-iui-status=positive] ._iui3142-table-cell[aria-disabled=true] ._iui3142-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3142-table-body ._iui3142-table-row[data-iui-status=warning] ._iui3142-table-cell:first-of-type,._iui3142-table-body ._iui3142-table-row[data-iui-status=warning]+._iui3142-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning)}._iui3142-table-body ._iui3142-table-row[data-iui-status=warning] ._iui3142-table-cell:first-of-type::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=warning] ._iui3142-table-cell:first-of-type ::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=warning]+._iui3142-table-expanded-content::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=warning]+._iui3142-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-table-body ._iui3142-table-row[data-iui-status=warning] ._iui3142-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}._iui3142-table-body ._iui3142-table-row[data-iui-status=warning] ._iui3142-table-cell[aria-disabled=true] ._iui3142-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3142-table-body ._iui3142-table-row[data-iui-status=negative] ._iui3142-table-cell:first-of-type,._iui3142-table-body ._iui3142-table-row[data-iui-status=negative]+._iui3142-table-expanded-content{box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative)}._iui3142-table-body ._iui3142-table-row[data-iui-status=negative] ._iui3142-table-cell:first-of-type::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=negative] ._iui3142-table-cell:first-of-type ::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=negative]+._iui3142-table-expanded-content::selection,._iui3142-table-body ._iui3142-table-row[data-iui-status=negative]+._iui3142-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-table-body ._iui3142-table-row[data-iui-status=negative] ._iui3142-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}._iui3142-table-body ._iui3142-table-row[data-iui-status=negative] ._iui3142-table-cell[aria-disabled=true] ._iui3142-table-cell-end-icon{--_iui-table-cell-image-filter:none}._iui3142-table-body:not(:has(+._iui3142-table-paginator)) ._iui3142-table-row:last-of-type{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3142-table-header-actions-container{flex-wrap:wrap;flex-grow:1;align-items:center;margin-inline-end:var(--iui-size-s);display:flex}._iui3142-table-header-actions-container ._iui3142-table-cell-end-icon{inline-size:unset;block-size:unset;margin:0;margin-inline-start:auto}._iui3142-table-body{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}._iui3142-table-body:has(>._iui3142-table-empty){position:sticky;inset-inline-start:0}._iui3142-table-body._iui3142-scroll-snapping{scroll-snap-type:y mandatory}._iui3142-table-body._iui3142-scroll-snapping ._iui3142-table-row{scroll-snap-align:start none}._iui3142-table-body._iui3142-zebra-striping ._iui3142-table-row:nth-child(2n):not([aria-selected=true]) ._iui3142-table-cell{background-color:var(--iui-color-background-zebra)}._iui3142-table-body._iui3142-zebra-striping ._iui3142-table-row:nth-child(2n):not([aria-selected=true]):hover ._iui3142-table-cell{background-color:var(--iui-color-background-hover)}._iui3142-table-body>._iui3142-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}._iui3142-table-body-extra{justify-content:center;align-items:center;display:flex}._iui3142-table-body-extra[data-iui-loading=true]{position:sticky;inset-inline-start:0}._iui3142-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}._iui3142-table-body:not(:has(+._iui3142-table-paginator))>._iui3142-table-row:last-of-type ._iui3142-table-cell:first-of-type{border-end-start-radius:var(--iui-border-radius-1)}._iui3142-table-body:not(:has(+._iui3142-table-paginator))>._iui3142-table-row:last-of-type ._iui3142-table-cell:last-of-type{border-end-end-radius:var(--iui-border-radius-1)}._iui3142-table-cell:first-of-type{border-inline-start:1px solid #0000}._iui3142-table-cell:last-of-type{border-inline-end:1px solid #0000}._iui3142-table-cell._iui3142-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}._iui3142-table-cell._iui3142-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)}._iui3142-table-cell:not(._iui3142-slot):last-child{padding-inline-end:var(--iui-size-m)}._iui3142-table-cell[data-iui-status=positive]::selection,._iui3142-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-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}._iui3142-table-cell[data-iui-status=warning]::selection,._iui3142-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-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}._iui3142-table-cell[data-iui-status=negative]::selection,._iui3142-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-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}._iui3142-table-cell[contenteditable]{outline-offset:-1px}._iui3142-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}._iui3142-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}._iui3142-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%)}._iui3142-table-header ._iui3142-table-cell-shadow-left{inset-block:0}._iui3142-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%)}._iui3142-table-header ._iui3142-table-cell-shadow-right{inset-block:0}._iui3142-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);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}._iui3142-table-paginator>._iui3142-left,._iui3142-table-paginator>._iui3142-center,._iui3142-table-paginator>._iui3142-right{flex:1;align-items:center;min-inline-size:0;display:flex;position:relative}._iui3142-table-paginator>._iui3142-center{color:var(--iui-color-text);flex:2;justify-content:center}._iui3142-table-paginator>._iui3142-right{justify-content:flex-end}._iui3142-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}._iui3142-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}._iui3142-table-paginator-pages-group{margin-inline:var(--iui-size-xs);align-items:center;display:inline-flex}._iui3142-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)}._iui3142-table-column-filter{padding:var(--iui-size-s);align-items:flex-end;gap:var(--iui-size-s);flex-direction:column;display:inline-flex}._iui3142-table-column-filter>._iui3142-input-grid:not([data-iui-label-placement=inline]){inline-size:100%}._iui3142-table-column-filter>._iui3142-button-bar{align-content:center;gap:var(--iui-size-xs);inline-size:100%;display:flex}._iui3142-table-column-filter>._iui3142-button-bar>._iui3142-button:first-of-type{margin-inline-start:auto}._iui3142-tabs-wrapper{display:grid;position:relative}._iui3142-tabs-wrapper._iui3142-horizontal{contain:inline-size;grid-template:"tabs tabs-actions""tabs-content tabs-content"1fr/1fr auto;inline-size:100%}._iui3142-tabs-wrapper._iui3142-horizontal ._iui3142-tabs{animation-name:_iui3142-scroll-shadow-inset-horizontal;animation-timing-function:linear;animation-timeline:scroll(self inline);display:flex;overflow-x:auto;container-type:inline-size}._iui3142-tabs-wrapper._iui3142-horizontal ._iui3142-tabs._iui3142-borderless{min-block-size:calc(var(--iui-size-s)*3 + var(--iui-size-xs))}@keyframes _iui3142-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)}}._iui3142-tabs-wrapper._iui3142-horizontal ._iui3142-tab{flex-shrink:0;max-inline-size:60cqi}._iui3142-tabs-wrapper._iui3142-horizontal ._iui3142-tab:after{block-size:0;inline-size:100%}._iui3142-tabs-wrapper._iui3142-horizontal ._iui3142-tab[aria-selected=true]:after{block-size:var(--iui-size-3xs)}._iui3142-tabs-wrapper._iui3142-vertical{grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto minmax(0,1fr);block-size:100%}._iui3142-tabs-wrapper._iui3142-vertical ._iui3142-tabs{align-content:start;animation-name:_iui3142-scroll-shadow-inset-vertical;animation-timing-function:linear;animation-timeline:scroll(self inline);display:grid;overflow:hidden auto}._iui3142-tabs-wrapper._iui3142-vertical ._iui3142-tabs~._iui3142-tabs-content{overflow:auto}@keyframes _iui3142-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)}}._iui3142-tabs-wrapper._iui3142-vertical ._iui3142-tab:after{block-size:100%;inline-size:0}._iui3142-tabs-wrapper._iui3142-vertical ._iui3142-tab[aria-selected=true]:after{inline-size:var(--iui-size-3xs)}._iui3142-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(._iui3142-tabs-wrapper._iui3142-horizontal) ._iui3142-tabs-actions-wrapper{margin-inline-start:var(--iui-size-s)}:where(._iui3142-tabs-wrapper._iui3142-horizontal) ._iui3142-tabs-actions-wrapper:before,:where(._iui3142-tabs-wrapper._iui3142-horizontal) ._iui3142-tabs-actions-wrapper:after{content:"";flex:1}:where(._iui3142-tabs-wrapper._iui3142-horizontal) :where(._iui3142-tabs._iui3142-default)+._iui3142-tabs-actions-wrapper:after{min-block-size:var(--iui-size-2xs)}:where(._iui3142-tabs-wrapper._iui3142-horizontal) :where(._iui3142-tabs._iui3142-borderless)+._iui3142-tabs-actions-wrapper:after{min-block-size:var(--iui-size-xs)}:where(._iui3142-tabs-wrapper._iui3142-vertical) ._iui3142-tabs-actions-wrapper{padding-inline:var(--iui-size-xs);margin-block-start:var(--iui-size-s)}._iui3142-tabs-actions{display:flex}:where(._iui3142-tabs-wrapper._iui3142-horizontal) ._iui3142-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(._iui3142-tabs-wrapper._iui3142-vertical) ._iui3142-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}._iui3142-tabs-content{grid-area:tabs-content}._iui3142-tabs-content[hidden]{display:none!important}._iui3142-tabs{position:relative}@media (prefers-reduced-motion:no-preference){._iui3142-tabs{scroll-behavior:smooth}}._iui3142-tabs ._iui3142-tab{font-family:inherit;font-size:var(--iui-font-size-1);min-block-size:calc(var(--iui-size-m)*2.5);cursor:pointer;color:var(--iui-color-text);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;block-size:100%;display:grid;position:relative}._iui3142-tabs ._iui3142-tab[aria-selected=true]{color:var(--iui-color-text-accent)}._iui3142-tabs ._iui3142-tab[aria-selected=true] ._iui3142-tab-icon svg{fill:currentColor}._iui3142-tabs ._iui3142-tab[aria-selected=true] ._iui3142-tab-description{color:inherit}._iui3142-tabs ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3142-tabs ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3142-tab-description{color:inherit}._iui3142-tabs ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]) ._iui3142-tab-icon svg{fill:var(--iui-color-icon-disabled)}._iui3142-tabs ._iui3142-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-tabs ._iui3142-tab-icon{grid-area:icon}._iui3142-tabs ._iui3142-tab-icon svg{transition:fill var(--iui-duration-1)ease-out}._iui3142-tabs ._iui3142-tab-icon~._iui3142-tab-label,._iui3142-tabs ._iui3142-tab-icon~._iui3142-tab-description{margin-inline-start:var(--iui-size-xs)}._iui3142-tabs ._iui3142-tab-description{-webkit-line-clamp:3;font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);-webkit-box-orient:vertical;grid-area:description;max-inline-size:60ch;display:none;overflow:hidden}._iui3142-tabs._iui3142-green ._iui3142-tab:focus{outline-color:var(--iui-color-text-positive)}._iui3142-tabs._iui3142-green ._iui3142-tab[aria-selected=true]{color:var(--iui-color-text-positive)}._iui3142-tabs._iui3142-green ._iui3142-tab[aria-selected=true] ._iui3142-tab-icon svg{fill:currentColor}._iui3142-tabs~._iui3142-tabs-content{padding-block-start:var(--iui-size-s);padding-block-end:var(--iui-size-s)}._iui3142-tabs._iui3142-default ._iui3142-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3142-tabs._iui3142-default [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3142-tabs._iui3142-default ._iui3142-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)}._iui3142-tabs._iui3142-default ._iui3142-tab:after{inset-block-start:0;inset-inline-start:0}._iui3142-tabs._iui3142-default ._iui3142-tab:hover{background-color:var(--iui-color-background-backdrop-hover)}._iui3142-tabs._iui3142-default ._iui3142-tab[aria-selected=true]{background-color:var(--iui-color-background)}._iui3142-tabs._iui3142-default ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){background-color:var(--iui-color-background-disabled)}._iui3142-tabs._iui3142-default ._iui3142-tab:focus{outline-offset:-2px;outline-width:2px}._iui3142-horizontal ._iui3142-tabs._iui3142-default ._iui3142-tab[aria-selected=true]{border-block-end-color:#0000}._iui3142-horizontal ._iui3142-tabs._iui3142-default ._iui3142-tab:not(:first-child){border-inline-start:none}._iui3142-horizontal ._iui3142-tabs._iui3142-default~._iui3142-tabs-content{margin-block-start:-1px}._iui3142-horizontal ._iui3142-tabs._iui3142-default :where(._iui3142-button){block-size:100%}._iui3142-vertical ._iui3142-tabs._iui3142-default ._iui3142-tab[aria-selected=true]{border-inline-end-color:#0000}._iui3142-vertical ._iui3142-tabs._iui3142-default ._iui3142-tab:not(:first-child){border-block-start:none}._iui3142-vertical ._iui3142-tabs._iui3142-default~._iui3142-tabs-content{margin-inline-start:-1px}._iui3142-vertical ._iui3142-tabs._iui3142-default :where(._iui3142-button){inline-size:100%}._iui3142-tabs._iui3142-default._iui3142-large ._iui3142-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3142-tabs._iui3142-default._iui3142-large ._iui3142-tab-description{display:-webkit-box}._iui3142-tabs._iui3142-default._iui3142-green ._iui3142-tab:after{background-color:var(--iui-color-border-positive)}._iui3142-tabs._iui3142-default~._iui3142-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)}._iui3142-tabs._iui3142-borderless ._iui3142-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}._iui3142-tabs._iui3142-borderless ._iui3142-tab:after{inset-block-end:0;inset-inline-end:0}._iui3142-tabs._iui3142-borderless ._iui3142-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3142-tabs._iui3142-borderless ._iui3142-tab[aria-selected=true]{background-color:var(--iui-color-background-accent-muted)}._iui3142-horizontal ._iui3142-tabs._iui3142-borderless~._iui3142-tabs-content{border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);margin-block-start:calc(0px - var(--iui-size-3xs))}._iui3142-vertical ._iui3142-tabs._iui3142-borderless~._iui3142-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)}._iui3142-tabs._iui3142-borderless._iui3142-green [aria-selected=true]{background-color:var(--iui-color-background-positive-muted)}._iui3142-tabs._iui3142-borderless._iui3142-large ._iui3142-tab{min-block-size:calc(var(--iui-size-m)*3.5)}._iui3142-tabs._iui3142-borderless._iui3142-large ._iui3142-tab-description{display:-webkit-box}._iui3142-tabs._iui3142-borderless ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3142-tabs._iui3142-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}._iui3142-tabs._iui3142-pill>._iui3142-tab{flex:1 1 0}._iui3142-tabs._iui3142-pill._iui3142-green ._iui3142-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3142-tabs._iui3142-pill._iui3142-green ._iui3142-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-positive-muted)}._iui3142-tabs._iui3142-pill ._iui3142-tab{padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center;inline-size:100%;display:flex}._iui3142-tabs._iui3142-pill ._iui3142-tab:after{inset-block-end:0;inset-inline-start:0}._iui3142-tabs._iui3142-pill ._iui3142-tab:hover{background-color:var(--iui-color-background-transparent-hover)}._iui3142-tabs._iui3142-pill ._iui3142-tab[aria-selected=true]:hover{background-color:var(--iui-color-background-accent-muted)}._iui3142-tabs._iui3142-pill ._iui3142-tab:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):hover{background-color:#0000}._iui3142-tabs._iui3142-animated:after{content:" ";background-color:var(--iui-color-border-accent);position:absolute}._iui3142-tabs._iui3142-animated._iui3142-green:after{background-color:var(--iui-color-border-positive)}._iui3142-horizontal ._iui3142-tabs._iui3142-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){._iui3142-horizontal ._iui3142-tabs._iui3142-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}._iui3142-vertical ._iui3142-tabs._iui3142-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){._iui3142-vertical ._iui3142-tabs._iui3142-animated:after{transition:top var(--iui-duration-1)ease-out}}._iui3142-tabs._iui3142-not-animated ._iui3142-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){._iui3142-tabs._iui3142-not-animated [aria-selected=true]:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}._iui3142-tabs._iui3142-not-animated._iui3142-green ._iui3142-tab:after{background-color:var(--iui-color-border-positive)}._iui3142-tab-label{-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3142-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}._iui3142-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3142-tag-basic:not(a){color:var(--iui-color-text-muted)}._iui3142-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);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}._iui3142-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3142-tag-button{border-radius:var(--iui-border-radius-round)}._iui3142-tag-container{color:var(--iui-color-text-muted)}._iui3142-tag-container>a._iui3142-tag-basic{margin:var(--iui-size-3xs)}._iui3142-tag-container>:not(last-child){margin-inline-end:var(--iui-size-2xs)}._iui3142-tag-container>._iui3142-tag-basic:not(:last-child):after{content:","}._iui3142-tag-container._iui3142-truncate{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._iui3142-tag-container._iui3142-scroll{white-space:nowrap;overflow-x:scroll}._iui3142-tag-container._iui3142-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)}._iui3142-text-headline{vertical-align:baseline;font-size:var(--iui-font-size-5);font-weight:var(--iui-font-weight-light);border:none;margin:0;padding:0}._iui3142-text-title{vertical-align:baseline;font-size:var(--iui-font-size-4);font-weight:var(--iui-font-weight-light);border:none;margin:0;padding:0}._iui3142-text-subheading{vertical-align:baseline;font-size:var(--iui-font-size-3);font-weight:var(--iui-font-weight-normal);border:none;margin:0;padding:0}._iui3142-text-leading{vertical-align:baseline;font-size:var(--iui-font-size-2);font-weight:var(--iui-font-weight-normal);border:none;margin:0;padding:0}._iui3142-text-block{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);border:none;margin:0;padding:0}._iui3142-text-small{vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);border:none;margin:0;padding:0}._iui3142-text-muted{color:var(--iui-color-text-muted)}._iui3142-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){._iui3142-skeleton{forced-color-adjust:none;background:linear-gradient(292deg,canvastext,canvastext,canvas,canvastext,canvastext)}}@media (prefers-reduced-motion:no-preference){._iui3142-skeleton{animation:_iui3142-skeleton-shimmer var(--iui-duration-3)linear infinite}@keyframes _iui3142-skeleton-shimmer{0%{background-position:200%}50%{background-position:100%}to{background-position:0%}}}._iui3142-text-spacing{margin-block-end:var(--iui-size-l);padding:0}._iui3142-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}._iui3142-tile:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}._iui3142-tile:where(:not(._iui3142-folder))>:where(._iui3142-tile-thumbnail){border-start-start-radius:inherit;border-start-end-radius:inherit}._iui3142-tile:where(:not(._iui3142-folder))>:where(:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit}._iui3142-tile:where(:not(._iui3142-folder))>:where(._iui3142-tile-name){margin-block-start:var(--iui-size-s);margin-block-end:calc(var(--iui-size-s)*.5)}._iui3142-tile:not(:hover,:focus-within) ._iui3142-tile-more-options:where(:not(._iui3142-visible)){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}._iui3142-tile:hover ._iui3142-tile-metadata:not(:last-child),._iui3142-tile:focus-within ._iui3142-tile-metadata:not(:last-child){inline-size:calc(100% - var(--iui-size-xl))}._iui3142-tile._iui3142-new{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive)}._iui3142-tile._iui3142-new ._iui3142-tile-name,._iui3142-tile._iui3142-new ._iui3142-tile-description{font-weight:var(--iui-font-weight-semibold)}._iui3142-tile._iui3142-loading,._iui3142-tile[aria-disabled=true]{--_iui-tile-title-text-color:var(--iui-color-text-disabled);--_iui-tile-body-text-color:var(--iui-color-text-disabled)}._iui3142-tile._iui3142-loading :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture),._iui3142-tile[aria-disabled=true] :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture){filter:grayscale()}._iui3142-tile._iui3142-loading ._iui3142-tag-container,._iui3142-tile._iui3142-loading ._iui3142-tag-basic,._iui3142-tile[aria-disabled=true] ._iui3142-tag-container,._iui3142-tile[aria-disabled=true] ._iui3142-tag-basic{color:inherit}._iui3142-tile._iui3142-loading:is(:hover,:focus-within) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture),._iui3142-tile[aria-disabled=true]:is(:hover,:focus-within) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture){transform:none}._iui3142-tile._iui3142-loading{cursor:progress;font-style:italic}._iui3142-tile[aria-disabled=true]{cursor:not-allowed}._iui3142-tile._iui3142-actionable,._iui3142-tile:where(:has(._iui3142-link-action)){cursor:pointer;transition:box-shadow var(--iui-duration-1)ease-in-out,transform var(--iui-duration-1)50ms ease-in-out}._iui3142-tile._iui3142-actionable:has(._iui3142-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3142-tile:where(:has(._iui3142-link-action)):has(._iui3142-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3142-tile._iui3142-actionable:has(._iui3142-link-action:focus-visible)._iui3142-selected{outline-width:var(--iui-size-2xs)}._iui3142-tile:where(:has(._iui3142-link-action)):has(._iui3142-link-action:focus-visible)._iui3142-selected{outline-width:var(--iui-size-2xs)}@supports not selector(:has(+ *)){._iui3142-tile._iui3142-actionable:where(:focus-within),._iui3142-tile:where(:has(._iui3142-link-action)):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent);outline-offset:var(--iui-size-3xs)}._iui3142-tile._iui3142-actionable:where(:focus-within)._iui3142-selected,._iui3142-tile:where(:has(._iui3142-link-action)):where(:focus-within)._iui3142-selected{outline-width:var(--iui-size-2xs)}}._iui3142-tile._iui3142-actionable:hover,._iui3142-tile:where(:has(._iui3142-link-action)):hover{box-shadow:var(--iui-shadow-4);transform:translateY(-4px)}._iui3142-tile._iui3142-actionable:hover:before,._iui3142-tile:where(:has(._iui3142-link-action)):hover:before{transform:translateY(4px)}._iui3142-tile._iui3142-actionable:is(:hover,:focus-within) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture),._iui3142-tile:where(:has(._iui3142-link-action)):is(:hover,:focus-within) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture){transform:rotate(-4deg)}._iui3142-tile._iui3142-actionable:is(:hover,:focus-within,._iui3142-selected) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture):is(div,img),._iui3142-tile:where(:has(._iui3142-link-action)):is(:hover,:focus-within,._iui3142-selected) :is(._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture):is(div,img){transform:translateZ(0)scale(1.1)}._iui3142-tile._iui3142-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)}._iui3142-tile._iui3142-selected:focus-visible{outline:var(--iui-size-2xs)solid var(--iui-color-border-accent);outline-offset:0}._iui3142-tile._iui3142-folder{grid-template:"thumbnail name""thumbnail content"1fr/1fr 2fr;display:grid}._iui3142-tile._iui3142-folder>:where(:first-child){border-start-start-radius:inherit;border-end-start-radius:inherit}._iui3142-tile._iui3142-folder>:where(:last-child){border-start-end-radius:inherit;border-end-end-radius:inherit}._iui3142-tile._iui3142-folder ._iui3142-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}._iui3142-tile._iui3142-folder ._iui3142-tile-name{grid-area:name;margin-block-start:calc(var(--iui-size-xs))}._iui3142-tile._iui3142-folder ._iui3142-tile-content{padding:var(--iui-size-s);grid-area:content;padding-block-start:0}._iui3142-tile._iui3142-folder ._iui3142-tile-content>*{padding:0}._iui3142-tile._iui3142-folder ._iui3142-tile-description{block-size:100%;max-block-size:3em;-webkit-line-clamp:2;max-block-size:2lh;margin-block-end:0}._iui3142-tile._iui3142-positive{--_iui-tile-status-icon-fill:var(--iui-color-icon-positive);--_iui-tile-title-text-color:var(--iui-color-text-positive)}._iui3142-tile._iui3142-positive::selection,._iui3142-tile._iui3142-positive ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-tile._iui3142-positive ._iui3142-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-positive)}._iui3142-tile._iui3142-positive._iui3142-folder ._iui3142-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-positive)}._iui3142-tile._iui3142-warning{--_iui-tile-status-icon-fill:var(--iui-color-icon-warning);--_iui-tile-title-text-color:var(--iui-color-text-warning)}._iui3142-tile._iui3142-warning::selection,._iui3142-tile._iui3142-warning ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-tile._iui3142-warning ._iui3142-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-warning)}._iui3142-tile._iui3142-warning._iui3142-folder ._iui3142-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-warning)}._iui3142-tile._iui3142-negative{--_iui-tile-status-icon-fill:var(--iui-color-icon-negative);--_iui-tile-title-text-color:var(--iui-color-text-negative)}._iui3142-tile._iui3142-negative::selection,._iui3142-tile._iui3142-negative ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-tile._iui3142-negative ._iui3142-tile-thumbnail{box-shadow:0 var(--iui-size-2xs) 0 var(--iui-color-border-negative)}._iui3142-tile._iui3142-negative._iui3142-folder ._iui3142-tile-thumbnail{box-shadow:var(--iui-size-2xs) 0 0 var(--iui-color-border-negative)}._iui3142-tile-thumbnail-type-indicator,._iui3142-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}._iui3142-tile-thumbnail-type-indicator._iui3142-tile-thumbnail-quick-action,._iui3142-tile-thumbnail-quick-action._iui3142-tile-thumbnail-quick-action{justify-self:end}._iui3142-tile-thumbnail-button,:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button{border-radius:var(--iui-border-radius-round)}._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-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))){._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button{background-color:hsl(0 0% 0%/var(--iui-opacity-5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button>._iui3142-button-icon,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button>._iui3142-button-icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,var(--iui-opacity-5)))}._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button:hover,._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button[data-iui-active=true]:enabled,._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button[data-iui-active=true]:enabled:hover,._iui3142-tile-thumbnail-picture~._iui3142-tile-thumbnail-button[data-iui-active=true]:active,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button:hover,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button[data-iui-active=true]:enabled:hover,._iui3142-tile-thumbnail-picture~:is(._iui3142-tile-thumbnail-type-indicator,._iui3142-tile-thumbnail-quick-action) button[data-iui-active=true]:active{background-color:rgba(0,0,0,var(--iui-opacity-4))}._iui3142-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}._iui3142-tile-buttons{z-index:2;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}._iui3142-tile-buttons>._iui3142-button{font-size:var(--iui-font-size-1);padding:var(--iui-size-s);white-space:nowrap;text-overflow:ellipsis;text-align:center;border:initial;border-radius:0;flex:1;block-size:auto;margin:0;overflow:hidden}._iui3142-tile-buttons>._iui3142-button,._iui3142-tile-buttons>._iui3142-button:hover{border-block-start:1px solid var(--iui-color-border);border-color:var(--iui-color-border)}._iui3142-tile-buttons>button:not(:last-child){border-inline-end:1px solid var(--iui-color-border)}._iui3142-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}._iui3142-tile-thumbnail>*{grid-area:1/1/-1/-1}._iui3142-tile-thumbnail ._iui3142-avatar{place-self:center}._iui3142-tile-thumbnail ._iui3142-thumbnail-icon{transition:transform var(--iui-duration-2)ease;place-self:center}._iui3142-tile-thumbnail ._iui3142-thumbnail-icon,._iui3142-tile-thumbnail ._iui3142-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){._iui3142-tile-thumbnail ._iui3142-thumbnail-icon,._iui3142-tile-thumbnail ._iui3142-thumbnail-icon>svg{fill:canvastext}}@media (prefers-reduced-motion:no-preference){._iui3142-tile-thumbnail-picture{transition:transform var(--iui-duration-2)ease;will-change:transform}}._iui3142-tile-thumbnail-picture:is(div){background-position:50%;background-size:cover}._iui3142-tile-thumbnail-picture~._iui3142-thumbnail-icon,._iui3142-tile-thumbnail-picture~._iui3142-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)))}._iui3142-tile-thumbnail-picture~._iui3142-thumbnail-icon:hover,._iui3142-tile-thumbnail-picture~._iui3142-thumbnail-icon>svg:hover{fill:rgba(255,255,255,var(--iui-opacity-2))}._iui3142-tile-content{flex-grow:2;grid-template-rows:auto 1fr auto;min-inline-size:0;padding-block-end:var(--iui-size-s);display:grid}._iui3142-tile-content>*{padding-inline:var(--iui-size-s);grid-column:1;max-inline-size:100%;margin-block-end:calc(var(--iui-size-s)*.5)}._iui3142-tile-name{font-size:var(--iui-font-size-2);-webkit-user-select:all;user-select:all;color:var(--_iui-tile-title-text-color);padding-inline:var(--iui-size-s);flex-shrink:0;align-items:center;display:flex}._iui3142-tile-name-label,._iui3142-tile-name-label>._iui3142-link-action{z-index:1;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;overflow:hidden}._iui3142-tile-description{font-size:var(--iui-font-size-1);block-size:100%;max-block-size:4.5em;-webkit-line-clamp:3;color:var(--_iui-tile-body-text-color);-webkit-box-orient:vertical;max-block-size:3lh;margin-block-end:var(--iui-size-s);display:-webkit-box;overflow:hidden}._iui3142-tile-metadata{font-size:var(--iui-font-size-0);text-overflow:ellipsis;block-size:var(--iui-size-l);color:var(--_iui-tile-body-text-color);flex-shrink:0;align-items:center;inline-size:100%;margin-block:auto 0;display:flex;overflow:hidden}._iui3142-tile-metadata>svg,._iui3142-tile-metadata ._iui3142-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}._iui3142-tile-metadata>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-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}._iui3142-tile-status-icon,._iui3142-tile-status-icon>svg{fill:var(--_iui-tile-status-icon-fill)}._iui3142-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){._iui3142-tile-more-options{margin:0;inset-block-end:var(--iui-size-s);inset-inline-end:0}:where(._iui3142-tile._iui3142-folder) ._iui3142-tile-more-options{inset-inline-end:var(--iui-size-xs)}:where(._iui3142-tile:has(._iui3142-tile-buttons)) ._iui3142-tile-more-options{inset-block-end:3.25rem}}._iui3142-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}._iui3142-time-picker:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3142-time,._iui3142-period{padding-block:var(--iui-size-s);padding-inline:var(--iui-size-xs);scrollbar-width:none;overflow-y:auto}._iui3142-time:not(:first-child),._iui3142-period:not(:first-child){border-inline-start:1px solid var(--iui-color-border)}._iui3142-time>ol,._iui3142-period>ol{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3142-time>ol>li,._iui3142-period>ol>li{padding-block:calc(var(--iui-size-s)*.5);padding-inline:var(--iui-size-m);border-radius:var(--iui-border-radius-1)}._iui3142-time>ol>li:focus-visible,._iui3142-period>ol>li:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-time>ol>li:hover,._iui3142-period>ol>li:hover{cursor:pointer;background-color:var(--iui-color-background-hover)}._iui3142-time>ol>li._iui3142-selected,._iui3142-period>ol>li._iui3142-selected{font-weight:var(--iui-font-weight-semibold);cursor:default;background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3142-time>ol>li._iui3142-selected:focus-visible,._iui3142-period>ol>li._iui3142-selected:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}._iui3142-period{align-items:center;display:flex}._iui3142-toast-wrapper{pointer-events:none;z-index:99999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}@media screen and (max-width:400px){._iui3142-toast-wrapper{inline-size:calc(100vw - 36px);margin-block-start:var(--iui-size-s)}}@media screen and (min-width:401px){._iui3142-toast-wrapper{margin-block:var(--iui-size-l);min-inline-size:400px;max-inline-size:640px}}@media (prefers-reduced-motion:no-preference){._iui3142-toast-wrapper ._iui3142-toast-all{transition:all .24s cubic-bezier(0,0,.2,1)}}._iui3142-toast-wrapper._iui3142-placement-top{margin-inline:auto;inset-block-start:0;inset-inline:0}._iui3142-toast-wrapper._iui3142-placement-top-start{align-items:flex-start;inset-block-start:0;inset-inline-start:0}._iui3142-toast-wrapper._iui3142-placement-top-end{align-items:flex-end;inset-block-start:0;inset-inline-end:0}._iui3142-toast-wrapper._iui3142-placement-bottom{margin-inline:auto;inset-block-end:0;inset-inline:0}._iui3142-toast-wrapper._iui3142-placement-bottom ._iui3142-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3142-toast-wrapper._iui3142-placement-bottom-start{align-items:flex-start;inset-block-end:0;inset-inline-start:0}._iui3142-toast-wrapper._iui3142-placement-bottom-start ._iui3142-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3142-toast-wrapper._iui3142-placement-bottom-end{align-items:flex-end;inset-block-end:0;inset-inline-end:0}._iui3142-toast-wrapper._iui3142-placement-bottom-end ._iui3142-toast{margin-block:var(--iui-size-s)0;margin-inline:var(--iui-size-m)}._iui3142-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}._iui3142-toast>._iui3142-status-area{inline-size:calc(var(--iui-size-l)*2);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}._iui3142-toast>._iui3142-status-area>._iui3142-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);flex-shrink:0;display:flex}._iui3142-toast>._iui3142-status-area>._iui3142-icon,._iui3142-toast>._iui3142-status-area>._iui3142-icon>svg{fill:var(--iui-color-icon-muted)}._iui3142-toast>._iui3142-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}._iui3142-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)}._iui3142-toast-anchor:where(button){background:0 0;border:none;padding:0;font-family:inherit}._iui3142-toast>._iui3142-button{margin-inline-end:var(--iui-size-xs)}@media screen and (max-width:400px){._iui3142-toast{inline-size:calc(100vw - 36px)}}@media screen and (min-width:401px){._iui3142-toast{min-inline-size:400px;max-inline-size:640px}}._iui3142-toast._iui3142-informational{border-color:var(--iui-color-border-informational)}._iui3142-toast._iui3142-informational>._iui3142-message::selection,._iui3142-toast._iui3142-informational>._iui3142-message ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3142-toast._iui3142-informational>._iui3142-status-area{background-image:linear-gradient(to right,var(--iui-color-background-informational-muted),var(--iui-color-background))}._iui3142-toast._iui3142-informational>._iui3142-status-area>._iui3142-icon,._iui3142-toast._iui3142-informational>._iui3142-status-area>._iui3142-icon>svg{fill:var(--iui-color-icon-informational)}._iui3142-toast._iui3142-informational>button{outline-color:var(--iui-color-text-informational)}._iui3142-toast._iui3142-positive{border-color:var(--iui-color-border-positive)}._iui3142-toast._iui3142-positive>._iui3142-message::selection,._iui3142-toast._iui3142-positive>._iui3142-message ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3142-toast._iui3142-positive>._iui3142-status-area{background-image:linear-gradient(to right,var(--iui-color-background-positive-muted),var(--iui-color-background))}._iui3142-toast._iui3142-positive>._iui3142-status-area>._iui3142-icon,._iui3142-toast._iui3142-positive>._iui3142-status-area>._iui3142-icon>svg{fill:var(--iui-color-icon-positive)}._iui3142-toast._iui3142-positive>button{outline-color:var(--iui-color-text-positive)}._iui3142-toast._iui3142-warning{border-color:var(--iui-color-border-warning)}._iui3142-toast._iui3142-warning>._iui3142-message::selection,._iui3142-toast._iui3142-warning>._iui3142-message ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3142-toast._iui3142-warning>._iui3142-status-area{background-image:linear-gradient(to right,var(--iui-color-background-warning-muted),var(--iui-color-background))}._iui3142-toast._iui3142-warning>._iui3142-status-area>._iui3142-icon,._iui3142-toast._iui3142-warning>._iui3142-status-area>._iui3142-icon>svg{fill:var(--iui-color-icon-warning)}._iui3142-toast._iui3142-warning>button{outline-color:var(--iui-color-text-warning)}._iui3142-toast._iui3142-negative{border-color:var(--iui-color-border-negative)}._iui3142-toast._iui3142-negative>._iui3142-message::selection,._iui3142-toast._iui3142-negative>._iui3142-message ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3142-toast._iui3142-negative>._iui3142-status-area{background-image:linear-gradient(to right,var(--iui-color-background-negative-muted),var(--iui-color-background))}._iui3142-toast._iui3142-negative>._iui3142-status-area>._iui3142-icon,._iui3142-toast._iui3142-negative>._iui3142-status-area>._iui3142-icon>svg{fill:var(--iui-color-icon-negative)}._iui3142-toast._iui3142-negative>button{outline-color:var(--iui-color-text-negative)}._iui3142-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;color:var(--iui-color-text);border:none;grid-template-areas:"toggle";inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:grid}._iui3142-toggle-switch-wrapper._iui3142-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}@media (forced-colors:active){._iui3142-toggle-switch-wrapper._iui3142-disabled{color:graytext}}._iui3142-toggle-switch-wrapper._iui3142-label-on-left{grid-template-areas:"label toggle"}._iui3142-toggle-switch-wrapper._iui3142-label-on-right{grid-template-areas:"toggle label"}._iui3142-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)}._iui3142-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}._iui3142-toggle-switch:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:1px}._iui3142-toggle-switch-label{grid-area:label}._iui3142-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){._iui3142-toggle-switch:after{transition:transform var(--iui-duration-1)ease-out,background-color var(--iui-duration-1)ease-out}}@media (forced-colors:active){._iui3142-toggle-switch{border-color:canvastext}}._iui3142-toggle-switch:after{background-color:var(--iui-color-icon)}@media (forced-colors:active){._iui3142-toggle-switch:after{background-color:canvastext}}._iui3142-toggle-switch:is(:hover,:focus-visible){border-color:var(--iui-color-border-foreground-hover)}@media (forced-colors:active){._iui3142-toggle-switch:is(:hover,:focus-visible){border-color:canvastext}}._iui3142-toggle-switch:is(:hover,:focus-visible):after{background-color:var(--iui-color-icon-hover)}._iui3142-toggle-switch:checked{background-color:var(--iui-color-background-accent);border-color:var(--iui-color-background-accent)}@media (forced-colors:active){._iui3142-toggle-switch:checked{background-color:highlight;border-color:highlight}}._iui3142-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){._iui3142-toggle-switch:checked:after{background-color:highlighttext}}._iui3142-toggle-switch:checked~._iui3142-toggle-switch-icon{opacity:var(--iui-opacity-1)}._iui3142-toggle-switch:disabled{cursor:not-allowed;background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){._iui3142-toggle-switch:disabled{border-color:graytext}}._iui3142-toggle-switch:disabled:after{background-color:var(--iui-color-icon-disabled)}@media (forced-colors:active){._iui3142-toggle-switch:disabled:after{opacity:.75;background-color:graytext}}._iui3142-toggle-switch:disabled~._iui3142-toggle-switch-icon{opacity:0}._iui3142-toggle-switch:disabled~._iui3142-toggle-switch-icon svg{fill:var(--iui-color-icon)}@media (forced-colors:active){._iui3142-toggle-switch:disabled:checked{background-color:graytext}._iui3142-toggle-switch:disabled:checked:after{background-color:canvas}}._iui3142-toggle-switch:disabled:checked~._iui3142-toggle-switch-icon{opacity:var(--iui-opacity-5)}@media (forced-colors:active){._iui3142-toggle-switch:disabled:checked~._iui3142-toggle-switch-icon{opacity:.75}._iui3142-toggle-switch:disabled:checked~._iui3142-toggle-switch-icon svg{fill:canvas}}._iui3142-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}._iui3142-toggle-switch-icon,._iui3142-toggle-switch-icon svg{inline-size:var(--_iui-toggle-switch-handle-size);block-size:var(--_iui-toggle-switch-handle-size);display:flex}._iui3142-toggle-switch-icon svg{padding:calc(var(--_iui-toggle-switch-handle-size)*.125);fill:var(--iui-color-white)}@media (forced-colors:active){._iui3142-toggle-switch-icon svg{fill:highlighttext}}._iui3142-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;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));inline-size:max-content;max-inline-size:400px;margin:0;display:block;position:absolute;overflow:hidden;box-sizing:content-box!important}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){._iui3142-tooltip{background-color:hsl(0 0% 0%/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}._iui3142-tooltip:where([hidden],[popover]:not(:popover-open)){display:none!important}._iui3142-transfer-list-wrapper{column-gap:var(--iui-size-xs);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;display:grid}._iui3142-transfer-list-listbox-wrapper{gap:var(--iui-size-2xs);flex-direction:column;flex:1;display:flex}._iui3142-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}._iui3142-transfer-list-toolbar{gap:var(--iui-size-2xs);flex-direction:column;flex:1;justify-content:flex-end;display:flex}._iui3142-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}._iui3142-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}._iui3142-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}._iui3142-tree-item:focus-visible{outline:none}._iui3142-tree-item:focus-visible>._iui3142-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-tree-item:focus-visible>._iui3142-tree-node._iui3142-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}._iui3142-tree-node{cursor:pointer;padding-inline:var(--_iui-tree-node-padding-inline);border-radius:var(--iui-border-radius-1);align-items:center;display:flex}._iui3142-tree-node-checkbox{margin-inline-end:var(--_iui-tree-node-padding-inline)}._iui3142-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}._iui3142-tree-node-content-icon,._iui3142-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){._iui3142-tree-node-content-icon,._iui3142-tree-node-content-icon svg{fill:canvastext}}:where(._iui3142-tree[data-iui-size=small]) ._iui3142-tree-node-content-icon,:where(._iui3142-tree[data-iui-size=small]) ._iui3142-tree-node-content-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3142-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){._iui3142-tree-node-content-expander-icon{transition:transform var(--iui-duration-1)ease-out}}._iui3142-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3142-tree-node-content-label{flex:1;min-inline-size:0}._iui3142-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px + var(--_iui-tree-node-padding-inline))}._iui3142-tree-node-content-title,._iui3142-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3142-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3142-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3142-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3142-tree-node:hover ._iui3142-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3142-tree-node._iui3142-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3142-tree-node._iui3142-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3142-tree-node._iui3142-disabled,._iui3142-tree-node._iui3142-disabled ._iui3142-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3142-button-base){font:inherit;touch-action:manipulation;cursor:pointer;background:0 0;border:none;padding:0}._iui3142-svg-icon{flex-shrink:0;display:inline-flex}._iui3142-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)))}._iui3142-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem}._iui3142-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem}._iui3142-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem}._iui3142-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em}._iui3142-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3142-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3142-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3142-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}@media (forced-colors:active){._iui3142-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}._iui3142-svg-icon[data-iui-padded=true]{padding-inline:var(--iui-size-xs)}._iui3142-svg-icon+._iui3142-svg-icon{padding-inline-start:0}._iui3142-notification-marker{--_iui-notification-marker-color:var(--iui-color-icon-informational);position:relative}._iui3142-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){._iui3142-notification-marker:before{transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out}}._iui3142-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){._iui3142-notification-marker:where([data-iui-urgent=true]):before{animation:2s infinite _iui3142-pulse}@keyframes _iui3142-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}}}._iui3142-notification-marker[data-iui-variant=positive]{--_iui-notification-marker-color:var(--iui-color-icon-positive)}._iui3142-notification-marker[data-iui-variant=warning]{--_iui-notification-marker-color:var(--iui-color-icon-warning)}._iui3142-notification-marker[data-iui-variant=negative]{--_iui-notification-marker-color:var(--iui-color-icon-negative)}._iui3142-notification-marker[data-iui-variant=white]{--_iui-notification-marker-color:var(--iui-color-white)}._iui3142-divider{background-color:var(--iui-color-border-subtle);flex:none;align-self:stretch}@media (forced-colors:active){._iui3142-divider{background-color:canvastext}}._iui3142-divider:is(hr){border:none;margin:0}._iui3142-divider:not([aria-orientation=vertical]){block-size:1px}._iui3142-divider[aria-orientation=vertical]{min-block-size:100%;inline-size:1px}._iui3142-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)}._iui3142-flex-spacer{--iui-flex-spacer-flex:999;flex:var(--iui-flex-spacer-flex)}._iui3142-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)))}._iui3142-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(._iui3142-link-box){position:relative}:where(._iui3142-link-box):has(._iui3142-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){:where(._iui3142-link-box):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}:where(._iui3142-link-action){all:unset;color:inherit;cursor:pointer}:where(._iui3142-link-action):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}._iui3142-workflow-diagram{vertical-align:baseline;border:none;justify-content:space-around;align-items:center;inline-size:100%;margin:0;padding:0;display:flex}._iui3142-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);color:var(--_iui-workflow-diagram-circle-text-color);border:none;flex:1;align-items:center;margin:0;padding:0;display:flex}._iui3142-workflow-diagram-step:first-of-type,._iui3142-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)}._iui3142-workflow-diagram-step:before,._iui3142-workflow-diagram-step:after{content:"";block-size:var(--iui-size-3xs);flex:1 2 auto}._iui3142-workflow-diagram-step:before{background-color:var(--_iui-workflow-diagram-track-before-color)}._iui3142-workflow-diagram-step:after{background-color:var(--_iui-workflow-diagram-track-after-color)}._iui3142-workflow-diagram-step:first-of-type{--_iui-workflow-diagram-track-before-color:transparent}._iui3142-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-track-after-color:transparent}._iui3142-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{._iui3142-root *{--_iui-width: initial;inline-size:var(--_iui-width, revert-layer)}}:where(:root){--_iui-v3142: yes}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.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-By7QAaWy.woff2) format("woff2"),url(./noto-sans-cyrillic-400-normal-B3NRx7Ou.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-BoDwSPfC.woff2) format("woff2"),url(./noto-sans-devanagari-400-normal-DlnkwVRY.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-normal-B892MBUX.woff2) format("woff2"),url(./noto-sans-greek-ext-400-normal-b0fyIAVu.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-Dtnzxmgf.woff2) format("woff2"),url(./noto-sans-greek-400-normal-W0pQb9dK.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-normal-CsiBWUuU.woff2) format("woff2"),url(./noto-sans-vietnamese-400-normal-zWMzIoWC.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-D8ImC44-.woff2) format("woff2"),url(./noto-sans-latin-ext-400-normal-bm3wUvc3.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-20CF,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-DIc3SuB2.woff2) format("woff2"),url(./noto-sans-latin-400-normal-BARFNakm.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-R0Ghntyr.woff) format("woff");unicode-range:U+0370-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-20CF,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-0y6sYPb7.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.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-CABatiyV.woff2) format("woff2"),url(./noto-sans-cyrillic-400-italic-BianQXmj.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-BbVQtrdB.woff2) format("woff2"),url(./noto-sans-devanagari-400-italic-CvJLhbKf.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2) format("woff2"),url(./noto-sans-greek-ext-400-italic-B8p6DS8N.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-roH9dfV2.woff2) format("woff2"),url(./noto-sans-greek-400-italic-JyfWctor.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-italic-D1xfJTm0.woff2) format("woff2"),url(./noto-sans-vietnamese-400-italic-CTBtmRW_.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-zUnwQFTS.woff2) format("woff2"),url(./noto-sans-latin-ext-400-italic-C29CxlHj.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-20CF,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-CB5yl7qv.woff2) format("woff2"),url(./noto-sans-latin-400-italic-C_httkWH.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-ChGqxECf.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-600-normal-Bz3dKip2.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-BQM-i0-G.woff2) format("woff2"),url(./noto-sans-cyrillic-600-normal-DzPzSo6j.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-D4RnwROT.woff2) format("woff2"),url(./noto-sans-devanagari-600-normal-tKpq7tTZ.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2) format("woff2"),url(./noto-sans-greek-ext-600-normal-CoHj5uhM.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-Clz0jB_g.woff2) format("woff2"),url(./noto-sans-greek-600-normal-DUEopgYm.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-vietnamese-600-normal-D1ZLZieD.woff2) format("woff2"),url(./noto-sans-vietnamese-600-normal-BNN-id40.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-Dp1oqsly.woff2) format("woff2"),url(./noto-sans-latin-ext-600-normal-B1ej6lef.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-20CF,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-UVs-NnBe.woff2) format("woff2"),url(./noto-sans-latin-600-normal-TixqfKii.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-CZDVogbR.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-300-normal-hdPPrXzA.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-CP1FDmki.woff2) format("woff2"),url(./noto-sans-cyrillic-300-normal-ClXm-dlX.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-D8q7SBYl.woff2) format("woff2"),url(./noto-sans-devanagari-300-normal-CCGO9xHm.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-greek-ext-300-normal-BjCsls6L.woff2) format("woff2"),url(./noto-sans-greek-ext-300-normal-CxJYDAKA.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-DEENfrZh.woff2) format("woff2"),url(./noto-sans-greek-300-normal-LsdMbNu4.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./noto-sans-vietnamese-300-normal-IX_o53oz.woff2) format("woff2"),url(./noto-sans-vietnamese-300-normal-DgabIA12.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-DcbOC3yV.woff2) format("woff2"),url(./noto-sans-latin-ext-300-normal-D0pEO5Gw.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-20CF,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-CxMpe7T8.woff2) format("woff2"),url(./noto-sans-latin-300-normal-DEXKGYHZ.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-RCMFowXK.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.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-BXulslGC.woff2) format("woff2"),url(./noto-sans-cyrillic-800-normal-BDWNruoQ.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-Dv4sD9xR.woff2) format("woff2"),url(./noto-sans-devanagari-800-normal-DjiH81vx.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-greek-ext-800-normal-C-LpoPOw.woff2) format("woff2"),url(./noto-sans-greek-ext-800-normal-Ct34ArFd.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-5nFnfq4h.woff2) format("woff2"),url(./noto-sans-greek-800-normal-PJujWxCx.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-vietnamese-800-normal-DtclX_T_.woff2) format("woff2"),url(./noto-sans-vietnamese-800-normal-XG5K2LOr.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-dQI-PttF.woff2) format("woff2"),url(./noto-sans-latin-ext-800-normal-BSZD8-No.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-20CF,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-BKzss8KP.woff2) format("woff2"),url(./noto-sans-latin-800-normal-DSSzlEFf.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)}
diff --git a/2240/react/assets/index-t5nukUIt.js b/2240/react/assets/index-t5nukUIt.js
new file mode 100644
index 00000000000..0907271e1e9
--- /dev/null
+++ b/2240/react/assets/index-t5nukUIt.js
@@ -0,0 +1,149 @@
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = ["./Alert.stories-CJcRfzB1.js","./Placeholder-Bo1aZTo8.js","./SmileyHappy-bgXJQ91t.js","./Icon-DqcqOTd7.js","./Anchor-zmS0nF6X.js","./Text-BAOnoVWg.js","./Anchor.stories-B3nWCZTB.js","./Avatar.stories-B5zfjBt6.js","./Avatar-BVijjTZ4.js","./colors-ymlpSE_k.js","./AvatarGroup.stories-dV7au9b7.js","./Badge.stories-gjod7sfI.js","./Badge-H2o3CQxs.js","./Breadcrumbs.stories-IBpVzmcm.js","./ChevronRightDouble-B2dEZ7oH.js","./Folder-B1KnsTnL.js","./More-ZnVmqxXr.js","./Button-CCMFLemb.js","./ProgressRadial-CnAU4x13.js","./SvgChevronRight-D4u8Qhfr.js","./DropdownMenu-B6zpNdf6.js","./MenuItem-C5HYGp0L.js","./focusable-DDe8vqPn.js","./ListItem-DmOFYNi1.js","./LinkAction-Mt8n1MRI.js","./DropdownButton-CU8T2jBM.js","./SvgCaretUpSmall-CH8fRkcq.js","./SvgCaretDownSmall-D4bb48kW.js","./Input-BadsHKqi.js","./Button.stories-B-UKygYG.js","./Add-BKxjr5jA.js","./NotificationMarker-Bl6gH8MB.js","./ButtonGroup.stories-vb7eIB9_.js","./Edit-D-c_3Xf-.js","./Carousel.stories-AKmHxbNu.js","./useIntersection-PIH1b3k1.js","./SvgChevronLeft-CH8boqDV.js","./Code-tt0Fl-J4.js","./Checkbox.stories-BGFxzVmE.js","./Checkbox-B3IcZK1h.js","./Code.stories-8F9-UXpF.js","./ColorPicker.stories-Y8ugFnDY.js","./Slider-DlQ1_ZPT.js","./useEventListener-5zUv3STn.js","./ComboBox.stories-0QGCQ-pC.js","./Camera-EET74PnV.js","./InputGrid-CEH0Ale1.js","./Label-DWsyELlB.js","./Textarea-BOoW5Jy8.js","./InputWithDecorations-BVYTqao3.js","./InputFlexContainer-DztgMTjx.js","./MenuExtraContent-BgP9fhTZ.js","./Select-B4ZOAKk1.js","./List-yZe469ZQ.js","./SvgCheckmark-uXV5t-W5.js","./useContainerWidth-g5koDt2g.js","./useVirtualScroll-CFcjEM5a.js","./DatePicker.stories-BRXOBo_W.js","./Calendar-BjqJ3HPg.js","./DatePicker-BG1WG_q2.js","./TimePicker-Djj96e52.js","./Dialog.stories-BVd8yiNF.js","./Dialog-J3nVlVT2.js","./DropdownButton.stories-UZqy7SxD.js","./DropdownMenu.stories-BEnZTZ5w.js","./MenuDivider-D5B4Rdcx.js","./ExpandableBlock.stories-BypjKKmc.js","./Fieldset.stories-DUkR1XqI.js","./FieldsetBase-FL63l21Z.js","./LabeledSelect-DpmG_LHA.js","./InputGroup-D9nJVe0d.js","./Radio-yS7mvy-7.js","./ToggleSwitch-CmySh2kn.js","./FileUpload.stories-DrJXmWoL.js","./LabeledInput-BmNwKNU_.js","./Flex.stories-BnJjtqoL.js","./Flex-BMtqRvku.js","./Footer.stories-Dp_Y_qRa.js","./Header.stories-BucUxAFi.js","./Network-DJ_-Rgso.js","./Notification-BiNRQ_6s.js","./Icon.stories-B4by3sNz.js","./StatusWarning-Cbq0FZ8X.js","./IconButton.stories-DCzT-0Jm.js","./IdeasButton.stories-BYhkk6cY.js","./InformationPanel.stories-Cjfmvil9.js","./Table-5fgbm936.js","./WithCSSTransition-8CV2-R5E.js","./Input.stories-DqNj_pNB.js","./InputGrid.stories-B6PkYiVy.js","./Airplane-DbZFyf1N.js","./SearchBox-Jjjepmwm.js","./InputGroup.stories-Cp2z4fNC.js","./InputWithDecoration.stories-Bi4YDX__.js","./Kbd.stories-gn1U3WGb.js","./Kbd-DFlg6dJ0.js","./Label.stories-Bv2h4lYm.js","./LabeledInput.stories-D5lojFIq.js","./LabeledSelect.stories-67wcbqoy.js","./LabeledTextarea.stories-DmFeOtEe.js","./List.stories-BEv5OM_m.js","./Modal.stories-CzDumRSH.js","./NonIdealState.stories-svfRWX8t.js","./NotificationMarker.stories-Du_Z2Jf5.js","./Overlay.stories-Dx2hr14l.js","./ProgressLinear-DKQnOQXB.js","./ProgressLinear.stories-B8kItYsy.js","./ProgressRadial.stories-Cq5imwWc.js","./Radio.stories-D1V_edgc.js","./RadioTileGroup.stories-dt-wZiYP.js","./SearchBox.stories-C7P0TNtM.js","./Divider-DGhJVy2r.js","./Select.stories-CI0iKHsZ.js","./SmileySad-CluQUuh9.js","./SideNavigation.stories-5vVdR4AF.js","./Settings-BsRB1D0h.js","./SkipToContentLink.stories-Crngc2IK.js","./Slider.stories-CZJdgSs8.js","./SplitButton.stories-BlZqrJhQ.js","./Surface.stories-DL1H5huw.js","./supports-COocl_0Z.js","./Table.stories-DcEhFR4w.js","./Tabs.stories-DeQ10YCr.js","./Star-Dr7kJj2-.js","./Tag.stories-x6EvUpeK.js","./Tag-D3VR2R98.js","./TagContainer.stories-vS81aTDd.js","./TagContainer-AaPRVelF.js","./Text.stories-ct3IleL6.js","./Textarea.stories-B0Ha6e01.js","./Tile.stories-HFInNgn6.js","./TimePicker.stories-DGliuJiP.js","./Toasts.stories-D6OPqy95.js","./ToggleSwitch.stories-bgJ-Zp7l.js","./Tooltip.stories-tiDT1b0a.js","./TransferList.stories-B8NOD0Pp.js","./Tree.stories-CWQZ6ig1.js"]
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
+var tB=Object.defineProperty;var nB=(e,t,n)=>t in e?tB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Ut=(e,t,n)=>(nB(e,typeof t!="symbol"?t+"":t,n),n);function rB(e,t){for(var n=0;n<t.length;n++){const r=t[n];if(typeof r!="string"&&!Array.isArray(r)){for(const o in r)if(o!=="default"&&!(o in e)){const a=Object.getOwnPropertyDescriptor(r,o);a&&Object.defineProperty(e,o,a.get?a:{enumerable:!0,get:()=>r[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const a of o)if(a.type==="childList")for(const i of a.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(o){const a={};return o.integrity&&(a.integrity=o.integrity),o.referrerPolicy&&(a.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?a.credentials="include":o.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function r(o){if(o.ep)return;o.ep=!0;const a=n(o);fetch(o.href,a)}})();var Co=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Zr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var kl={exports:{}},Li,qu;function oB(){if(qu)return Li;qu=1;var e=1e3,t=e*60,n=t*60,r=n*24,o=r*7,a=r*365.25;Li=function(d,A){A=A||{};var D=typeof d;if(D==="string"&&d.length>0)return i(d);if(D==="number"&&isFinite(d))return A.long?c(d):l(d);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(d))};function i(d){if(d=String(d),!(d.length>100)){var A=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(d);if(A){var D=parseFloat(A[1]),B=(A[2]||"ms").toLowerCase();switch(B){case"years":case"year":case"yrs":case"yr":case"y":return D*a;case"weeks":case"week":case"w":return D*o;case"days":case"day":case"d":return D*r;case"hours":case"hour":case"hrs":case"hr":case"h":return D*n;case"minutes":case"minute":case"mins":case"min":case"m":return D*t;case"seconds":case"second":case"secs":case"sec":case"s":return D*e;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return D;default:return}}}}function l(d){var A=Math.abs(d);return A>=r?Math.round(d/r)+"d":A>=n?Math.round(d/n)+"h":A>=t?Math.round(d/t)+"m":A>=e?Math.round(d/e)+"s":d+"ms"}function c(d){var A=Math.abs(d);return A>=r?u(d,A,r,"day"):A>=n?u(d,A,n,"hour"):A>=t?u(d,A,t,"minute"):A>=e?u(d,A,e,"second"):d+" ms"}function u(d,A,D,B){var C=A>=D*1.5;return Math.round(d/D)+" "+B+(C?"s":"")}return Li}function aB(e){n.debug=n,n.default=n,n.coerce=c,n.disable=a,n.enable=o,n.enabled=i,n.humanize=oB(),n.destroy=u,Object.keys(e).forEach(d=>{n[d]=e[d]}),n.names=[],n.skips=[],n.formatters={};function t(d){let A=0;for(let D=0;D<d.length;D++)A=(A<<5)-A+d.charCodeAt(D),A|=0;return n.colors[Math.abs(A)%n.colors.length]}n.selectColor=t;function n(d){let A,D=null,B,C;function p(...b){if(!p.enabled)return;const m=p,f=Number(new Date),E=f-(A||f);m.diff=E,m.prev=A,m.curr=f,A=f,b[0]=n.coerce(b[0]),typeof b[0]!="string"&&b.unshift("%O");let x=0;b[0]=b[0].replace(/%([a-zA-Z%])/g,(L,k)=>{if(L==="%%")return"%";x++;const S=n.formatters[k];if(typeof S=="function"){const P=b[x];L=S.call(m,P),b.splice(x,1),x--}return L}),n.formatArgs.call(m,b),(m.log||n.log).apply(m,b)}return p.namespace=d,p.useColors=n.useColors(),p.color=n.selectColor(d),p.extend=r,p.destroy=n.destroy,Object.defineProperty(p,"enabled",{enumerable:!0,configurable:!1,get:()=>D!==null?D:(B!==n.namespaces&&(B=n.namespaces,C=n.enabled(d)),C),set:b=>{D=b}}),typeof n.init=="function"&&n.init(p),p}function r(d,A){const D=n(this.namespace+(typeof A>"u"?":":A)+d);return D.log=this.log,D}function o(d){n.save(d),n.namespaces=d,n.names=[],n.skips=[];let A;const D=(typeof d=="string"?d:"").split(/[\s,]+/),B=D.length;for(A=0;A<B;A++)D[A]&&(d=D[A].replace(/\*/g,".*?"),d[0]==="-"?n.skips.push(new RegExp("^"+d.slice(1)+"$")):n.names.push(new RegExp("^"+d+"$")))}function a(){const d=[...n.names.map(l),...n.skips.map(l).map(A=>"-"+A)].join(",");return n.enable(""),d}function i(d){if(d[d.length-1]==="*")return!0;let A,D;for(A=0,D=n.skips.length;A<D;A++)if(n.skips[A].test(d))return!1;for(A=0,D=n.names.length;A<D;A++)if(n.names[A].test(d))return!0;return!1}function l(d){return d.toString().substring(2,d.toString().length-2).replace(/\.\*\?$/,"*")}function c(d){return d instanceof Error?d.stack||d.message:d}function u(){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 n.enable(n.load()),n}var iB=aB;(function(e,t){var n={};t.formatArgs=o,t.save=a,t.load=i,t.useColors=r,t.storage=l(),t.destroy=(()=>{let u=!1;return()=>{u||(u=!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`."))}})(),t.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 r(){return typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs)?!0:typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)?!1: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&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function o(u){if(u[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+u[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const d="color: "+this.color;u.splice(1,0,d,"color: inherit");let A=0,D=0;u[0].replace(/%[a-zA-Z%]/g,B=>{B!=="%%"&&(A++,B==="%c"&&(D=A))}),u.splice(D,0,d)}t.log=console.debug||console.log||(()=>{});function a(u){try{u?t.storage.setItem("debug",u):t.storage.removeItem("debug")}catch{}}function i(){let u;try{u=t.storage.getItem("debug")}catch{}return!u&&typeof process<"u"&&"env"in process&&(u=n.DEBUG),u}function l(){try{return localStorage}catch{}}e.exports=iB(t);const{formatters:c}=e.exports;c.j=function(u){try{return JSON.stringify(u)}catch(d){return"[UnexpectedJSONParseError]: "+d.message}}})(kl,kl.exports);var lB=kl.exports;const sB=Zr(lB),ae=sB("ladle"),wd="%[a-f0-9]{2}",Yu=new RegExp("("+wd+")|([^%]+?)","gi"),Ku=new RegExp("("+wd+")+","gi");function Rl(e,t){try{return[decodeURIComponent(e.join(""))]}catch{}if(e.length===1)return e;t=t||1;const n=e.slice(0,t),r=e.slice(t);return Array.prototype.concat.call([],Rl(n),Rl(r))}function cB(e){try{return decodeURIComponent(e)}catch{let t=e.match(Yu)||[];for(let n=1;n<t.length;n++)e=Rl(t,n).join(""),t=e.match(Yu)||[];return e}}function uB(e){const t={"%FE%FF":"��","%FF%FE":"��"};let n=Ku.exec(e);for(;n;){try{t[n[0]]=decodeURIComponent(n[0])}catch{const o=cB(n[0]);o!==n[0]&&(t[n[0]]=o)}n=Ku.exec(e)}t["%C2"]="�";const r=Object.keys(t);for(const o of r)e=e.replace(new RegExp(o,"g"),t[o]);return e}function AB(e){if(typeof e!="string")throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return decodeURIComponent(e)}catch{return uB(e)}}function Td(e,t){if(!(typeof e=="string"&&typeof t=="string"))throw new TypeError("Expected the arguments to be of type `string`");if(e===""||t==="")return[];const n=e.indexOf(t);return n===-1?[]:[e.slice(0,n),e.slice(n+t.length)]}function dB(e,t){const n={};if(Array.isArray(t))for(const r of t){const o=Object.getOwnPropertyDescriptor(e,r);o!=null&&o.enumerable&&Object.defineProperty(n,r,o)}else for(const r of Reflect.ownKeys(e)){const o=Object.getOwnPropertyDescriptor(e,r);if(o.enumerable){const a=e[r];t(r,a,e)&&Object.defineProperty(n,r,o)}}return n}const pB=e=>e==null,DB=e=>encodeURIComponent(e).replace(/[!'()*]/g,t=>`%${t.charCodeAt(0).toString(16).toUpperCase()}`),Ll=Symbol("encodeFragmentIdentifier");function CB(e){switch(e.arrayFormat){case"index":return t=>(n,r)=>{const o=n.length;return r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),"[",o,"]"].join("")]:[...n,[$0(t,e),"[",$0(o,e),"]=",$0(r,e)].join("")]};case"bracket":return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),"[]"].join("")]:[...n,[$0(t,e),"[]=",$0(r,e)].join("")];case"colon-list-separator":return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,[$0(t,e),":list="].join("")]:[...n,[$0(t,e),":list=",$0(r,e)].join("")];case"comma":case"separator":case"bracket-separator":{const t=e.arrayFormat==="bracket-separator"?"[]=":"=";return n=>(r,o)=>o===void 0||e.skipNull&&o===null||e.skipEmptyString&&o===""?r:(o=o===null?"":o,r.length===0?[[$0(n,e),t,$0(o,e)].join("")]:[[r,$0(o,e)].join(e.arrayFormatSeparator)])}default:return t=>(n,r)=>r===void 0||e.skipNull&&r===null||e.skipEmptyString&&r===""?n:r===null?[...n,$0(t,e)]:[...n,[$0(t,e),"=",$0(r,e)].join("")]}}function fB(e){let t;switch(e.arrayFormat){case"index":return(n,r,o)=>{if(t=/\[(\d*)]$/.exec(n),n=n.replace(/\[\d*]$/,""),!t){o[n]=r;return}o[n]===void 0&&(o[n]={}),o[n][t[1]]=r};case"bracket":return(n,r,o)=>{if(t=/(\[])$/.exec(n),n=n.replace(/\[]$/,""),!t){o[n]=r;return}if(o[n]===void 0){o[n]=[r];return}o[n]=[...o[n],r]};case"colon-list-separator":return(n,r,o)=>{if(t=/(:list)$/.exec(n),n=n.replace(/:list$/,""),!t){o[n]=r;return}if(o[n]===void 0){o[n]=[r];return}o[n]=[...o[n],r]};case"comma":case"separator":return(n,r,o)=>{const a=typeof r=="string"&&r.includes(e.arrayFormatSeparator),i=typeof r=="string"&&!a&&Be(r,e).includes(e.arrayFormatSeparator);r=i?Be(r,e):r;const l=a||i?r.split(e.arrayFormatSeparator).map(c=>Be(c,e)):r===null?r:Be(r,e);o[n]=l};case"bracket-separator":return(n,r,o)=>{const a=/(\[])$/.test(n);if(n=n.replace(/\[]$/,""),!a){o[n]=r&&Be(r,e);return}const i=r===null?[]:r.split(e.arrayFormatSeparator).map(l=>Be(l,e));if(o[n]===void 0){o[n]=i;return}o[n]=[...o[n],...i]};default:return(n,r,o)=>{if(o[n]===void 0){o[n]=r;return}o[n]=[...[o[n]].flat(),r]}}}function _d(e){if(typeof e!="string"||e.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function $0(e,t){return t.encode?t.strict?DB(e):encodeURIComponent(e):e}function Be(e,t){return t.decode?AB(e):e}function Id(e){return Array.isArray(e)?e.sort():typeof e=="object"?Id(Object.keys(e)).sort((t,n)=>Number(t)-Number(n)).map(t=>e[t]):e}function kd(e){const t=e.indexOf("#");return t!==-1&&(e=e.slice(0,t)),e}function mB(e){let t="";const n=e.indexOf("#");return n!==-1&&(t=e.slice(n)),t}function Ju(e,t){return t.parseNumbers&&!Number.isNaN(Number(e))&&typeof e=="string"&&e.trim()!==""?e=Number(e):t.parseBooleans&&e!==null&&(e.toLowerCase()==="true"||e.toLowerCase()==="false")&&(e=e.toLowerCase()==="true"),e}function sc(e){e=kd(e);const t=e.indexOf("?");return t===-1?"":e.slice(t+1)}function cc(e,t){t={decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1,...t},_d(t.arrayFormatSeparator);const n=fB(t),r=Object.create(null);if(typeof e!="string"||(e=e.trim().replace(/^[?#&]/,""),!e))return r;for(const o of e.split("&")){if(o==="")continue;const a=t.decode?o.replace(/\+/g," "):o;let[i,l]=Td(a,"=");i===void 0&&(i=a),l=l===void 0?null:["comma","separator","bracket-separator"].includes(t.arrayFormat)?l:Be(l,t),n(Be(i,t),l,r)}for(const[o,a]of Object.entries(r))if(typeof a=="object"&&a!==null)for(const[i,l]of Object.entries(a))a[i]=Ju(l,t);else r[o]=Ju(a,t);return t.sort===!1?r:(t.sort===!0?Object.keys(r).sort():Object.keys(r).sort(t.sort)).reduce((o,a)=>{const i=r[a];return i&&typeof i=="object"&&!Array.isArray(i)?o[a]=Id(i):o[a]=i,o},Object.create(null))}function Rd(e,t){if(!e)return"";t={encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:",",...t},_d(t.arrayFormatSeparator);const n=i=>t.skipNull&&pB(e[i])||t.skipEmptyString&&e[i]==="",r=CB(t),o={};for(const[i,l]of Object.entries(e))n(i)||(o[i]=l);const a=Object.keys(o);return t.sort!==!1&&a.sort(t.sort),a.map(i=>{const l=e[i];return l===void 0?"":l===null?$0(i,t):Array.isArray(l)?l.length===0&&t.arrayFormat==="bracket-separator"?$0(i,t)+"[]":l.reduce(r(i),[]).join("&"):$0(i,t)+"="+$0(l,t)}).filter(i=>i.length>0).join("&")}function Ld(e,t){var o;t={decode:!0,...t};let[n,r]=Td(e,"#");return n===void 0&&(n=e),{url:((o=n==null?void 0:n.split("?"))==null?void 0:o[0])??"",query:cc(sc(e),t),...t&&t.parseFragmentIdentifier&&r?{fragmentIdentifier:Be(r,t)}:{}}}function Od(e,t){t={encode:!0,strict:!0,[Ll]:!0,...t};const n=kd(e.url).split("?")[0]||"",r=sc(e.url),o={...cc(r,{sort:!1}),...e.query};let a=Rd(o,t);a&&(a=`?${a}`);let i=mB(e.url);if(e.fragmentIdentifier){const l=new URL(n);l.hash=e.fragmentIdentifier,i=t[Ll]?l.hash:`#${e.fragmentIdentifier}`}return`${n}${a}${i}`}function Pd(e,t,n){n={parseFragmentIdentifier:!0,[Ll]:!1,...n};const{url:r,query:o,fragmentIdentifier:a}=Ld(e,n);return Od({url:r,query:dB(o,t),fragmentIdentifier:a},n)}function BB(e,t,n){const r=Array.isArray(t)?o=>!t.includes(o):(o,a)=>!t(o,a);return Pd(e,r,n)}const De=Object.freeze(Object.defineProperty({__proto__:null,exclude:BB,extract:sc,parse:cc,parseUrl:Ld,pick:Pd,stringify:Rd,stringifyUrl:Od},Symbol.toStringTag,{value:"Module"})),Qt="-",Nd=(e,t)=>De.parse(e).story||t,EB=e=>!!De.parse(e).story,Md=e=>typeof e!="string"?"":e.charAt(0).toUpperCase()+e.slice(1),$d=e=>e?e.split(`${Qt}${Qt}`).reverse().map(t=>Md(t.replace(/-/g," "))).join(" - "):"",Oi=(e,t,n)=>{const r=[],o=(i,l,c,u)=>{const d=l.shift();let A=!!n,D=[];c[0]===d&&(D=[...c.slice(1)],A=!0);const B=i.findIndex(C=>C.subId===d);d&&(B===-1&&i.push({id:`${u}${d}`,subId:d,name:Md(d.replace(/-/g," ")),isLinkable:l.length===0,isExpanded:A,isFocused:!1,children:[]}),o(i[B>-1?B:i.length-1].children,l,D,`${u}${d}--`))},a=t?t.split(`${Qt}${Qt}`):[];return e.forEach(i=>{const l=i.split(`${Qt}${Qt}`);o(r,l,a,"")}),r},gB=(e,t)=>{const n=e.split("--"),r=t.split("--"),o=Math.min(n.length,r.length);for(let a=0;a<o;a++)if(n[a]!==r[a])return!n[a+1]&&r[a+1]?1:n[a+1]&&!r[a+1]||[n[a],r[a]].sort()[0]===n[a]?-1:1;return 0},zd=(e,t)=>{const n=e.sort(gB);let r=[...n];Array.isArray(t)?r=t:r=t(n);const o=new Set;return r.forEach(a=>{const i=a.toLowerCase();if(i.includes("*")){const l=i.split("*")[0];n.forEach(c=>{c.startsWith(l)&&o.add(c)})}else{if(!n.includes(i))throw new Error(`Story "${a}" does not exist in your storybook. Please check your storyOrder config.`);o.add(i)}}),[...o]};var aa={exports:{}};aa.exports;(function(e,t){var n=200,r="__lodash_hash_undefined__",o=800,a=16,i=9007199254740991,l="[object Arguments]",c="[object Array]",u="[object AsyncFunction]",d="[object Boolean]",A="[object Date]",D="[object Error]",B="[object Function]",C="[object GeneratorFunction]",p="[object Map]",b="[object Number]",m="[object Null]",f="[object Object]",E="[object Proxy]",x="[object RegExp]",R="[object Set]",L="[object String]",k="[object Undefined]",S="[object WeakMap]",P="[object ArrayBuffer]",N="[object DataView]",V="[object Float32Array]",w="[object Float64Array]",I="[object Int8Array]",T="[object Int16Array]",_="[object Int32Array]",j="[object Uint8Array]",z="[object Uint8ClampedArray]",O="[object Uint16Array]",$="[object Uint32Array]",H=/[\\^$.*+?()[\]{}|]/g,Y=/^\[object .+?Constructor\]$/,Q=/^(?:0|[1-9]\d*)$/,J={};J[V]=J[w]=J[I]=J[T]=J[_]=J[j]=J[z]=J[O]=J[$]=!0,J[l]=J[c]=J[P]=J[d]=J[N]=J[A]=J[D]=J[B]=J[p]=J[b]=J[f]=J[x]=J[R]=J[L]=J[S]=!1;var X=typeof Co=="object"&&Co&&Co.Object===Object&&Co,r0=typeof self=="object"&&self&&self.Object===Object&&self,K=X||r0||Function("return this")(),e0=t&&!t.nodeType&&t,a0=e0&&!0&&e&&!e.nodeType&&e,s0=a0&&a0.exports===e0,E0=s0&&X.process,p0=function(){try{var F=a0&&a0.require&&a0.require("util").types;return F||E0&&E0.binding&&E0.binding("util")}catch{}}(),j0=p0&&p0.isTypedArray;function R2(F,M,U){switch(U.length){case 0:return F.call(M);case 1:return F.call(M,U[0]);case 2:return F.call(M,U[0],U[1]);case 3:return F.call(M,U[0],U[1],U[2])}return F.apply(M,U)}function Z(F,M){for(var U=-1,n0=Array(F);++U<F;)n0[U]=M(U);return n0}function a2(F){return function(M){return F(M)}}function i2(F,M){return F==null?void 0:F[M]}function W2(F,M){return function(U){return F(M(U))}}var c0=Array.prototype,x0=Function.prototype,i0=Object.prototype,g0=K["__core-js_shared__"],V0=x0.toString,D0=i0.hasOwnProperty,g2=function(){var F=/[^.]+$/.exec(g0&&g0.keys&&g0.keys.IE_PROTO||"");return F?"Symbol(src)_1."+F:""}(),ut=i0.toString,At=V0.call(Object),h2=RegExp("^"+V0.call(D0).replace(H,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),y2=s0?K.Buffer:void 0,dt=K.Symbol,G2=K.Uint8Array,pt=y2?y2.allocUnsafe:void 0,lo=W2(Object.getPrototypeOf,Object),Zn=Object.create,so=i0.propertyIsEnumerable,Zm=c0.splice,Dt=dt?dt.toStringTag:void 0,co=function(){try{var F=Si(Object,"defineProperty");return F({},"",{}),F}catch{}}(),Qm=y2?y2.isBuffer:void 0,Ou=Math.max,e7=Date.now,Pu=Si(K,"Map"),Qn=Si(Object,"create"),t7=function(){function F(){}return function(M){if(!ft(M))return{};if(Zn)return Zn(M);F.prototype=M;var U=new F;return F.prototype=void 0,U}}();function Ct(F){var M=-1,U=F==null?0:F.length;for(this.clear();++M<U;){var n0=F[M];this.set(n0[0],n0[1])}}function n7(){this.__data__=Qn?Qn(null):{},this.size=0}function r7(F){var M=this.has(F)&&delete this.__data__[F];return this.size-=M?1:0,M}function o7(F){var M=this.__data__;if(Qn){var U=M[F];return U===r?void 0:U}return D0.call(M,F)?M[F]:void 0}function a7(F){var M=this.__data__;return Qn?M[F]!==void 0:D0.call(M,F)}function i7(F,M){var U=this.__data__;return this.size+=this.has(F)?0:1,U[F]=Qn&&M===void 0?r:M,this}Ct.prototype.clear=n7,Ct.prototype.delete=r7,Ct.prototype.get=o7,Ct.prototype.has=a7,Ct.prototype.set=i7;function Ce(F){var M=-1,U=F==null?0:F.length;for(this.clear();++M<U;){var n0=F[M];this.set(n0[0],n0[1])}}function l7(){this.__data__=[],this.size=0}function s7(F){var M=this.__data__,U=uo(M,F);if(U<0)return!1;var n0=M.length-1;return U==n0?M.pop():Zm.call(M,U,1),--this.size,!0}function c7(F){var M=this.__data__,U=uo(M,F);return U<0?void 0:M[U][1]}function u7(F){return uo(this.__data__,F)>-1}function A7(F,M){var U=this.__data__,n0=uo(U,F);return n0<0?(++this.size,U.push([F,M])):U[n0][1]=M,this}Ce.prototype.clear=l7,Ce.prototype.delete=s7,Ce.prototype.get=c7,Ce.prototype.has=u7,Ce.prototype.set=A7;function Vt(F){var M=-1,U=F==null?0:F.length;for(this.clear();++M<U;){var n0=F[M];this.set(n0[0],n0[1])}}function d7(){this.size=0,this.__data__={hash:new Ct,map:new(Pu||Ce),string:new Ct}}function p7(F){var M=po(this,F).delete(F);return this.size-=M?1:0,M}function D7(F){return po(this,F).get(F)}function C7(F){return po(this,F).has(F)}function f7(F,M){var U=po(this,F),n0=U.size;return U.set(F,M),this.size+=U.size==n0?0:1,this}Vt.prototype.clear=d7,Vt.prototype.delete=p7,Vt.prototype.get=D7,Vt.prototype.has=C7,Vt.prototype.set=f7;function Ht(F){var M=this.__data__=new Ce(F);this.size=M.size}function m7(){this.__data__=new Ce,this.size=0}function B7(F){var M=this.__data__,U=M.delete(F);return this.size=M.size,U}function E7(F){return this.__data__.get(F)}function g7(F){return this.__data__.has(F)}function h7(F,M){var U=this.__data__;if(U instanceof Ce){var n0=U.__data__;if(!Pu||n0.length<n-1)return n0.push([F,M]),this.size=++U.size,this;U=this.__data__=new Vt(n0)}return U.set(F,M),this.size=U.size,this}Ht.prototype.clear=m7,Ht.prototype.delete=B7,Ht.prototype.get=E7,Ht.prototype.has=g7,Ht.prototype.set=h7;function y7(F,M){var U=Ti(F),n0=!U&&wi(F),C0=!U&&!n0&&ju(F),y0=!U&&!n0&&!C0&&Hu(F),w0=U||n0||C0||y0,d0=w0?Z(F.length,String):[],T0=d0.length;for(var L2 in F)(M||D0.call(F,L2))&&!(w0&&(L2=="length"||C0&&(L2=="offset"||L2=="parent")||y0&&(L2=="buffer"||L2=="byteLength"||L2=="byteOffset")||$u(L2,T0)))&&d0.push(L2);return d0}function vi(F,M,U){(U!==void 0&&!Do(F[M],U)||U===void 0&&!(M in F))&&xi(F,M,U)}function b7(F,M,U){var n0=F[M];(!(D0.call(F,M)&&Do(n0,U))||U===void 0&&!(M in F))&&xi(F,M,U)}function uo(F,M){for(var U=F.length;U--;)if(Do(F[U][0],M))return U;return-1}function xi(F,M,U){M=="__proto__"&&co?co(F,M,{configurable:!0,enumerable:!0,value:U,writable:!0}):F[M]=U}var v7=N7();function Ao(F){return F==null?F===void 0?k:m:Dt&&Dt in Object(F)?M7(F):U7(F)}function Nu(F){return er(F)&&Ao(F)==l}function x7(F){if(!ft(F)||V7(F))return!1;var M=Ii(F)?h2:Y;return M.test(Y7(F))}function S7(F){return er(F)&&Vu(F.length)&&!!J[Ao(F)]}function F7(F){if(!ft(F))return H7(F);var M=zu(F),U=[];for(var n0 in F)n0=="constructor"&&(M||!D0.call(F,n0))||U.push(n0);return U}function Mu(F,M,U,n0,C0){F!==M&&v7(M,function(y0,w0){if(C0||(C0=new Ht),ft(y0))w7(F,M,w0,U,Mu,n0,C0);else{var d0=n0?n0(Fi(F,w0),y0,w0+"",F,M,C0):void 0;d0===void 0&&(d0=y0),vi(F,w0,d0)}},Uu)}function w7(F,M,U,n0,C0,y0,w0){var d0=Fi(F,U),T0=Fi(M,U),L2=w0.get(T0);if(L2){vi(F,U,L2);return}var b2=y0?y0(d0,T0,U+"",F,M,w0):void 0,tr=b2===void 0;if(tr){var ki=Ti(T0),Ri=!ki&&ju(T0),Gu=!ki&&!Ri&&Hu(T0);b2=T0,ki||Ri||Gu?Ti(d0)?b2=d0:K7(d0)?b2=L7(d0):Ri?(tr=!1,b2=I7(T0,!0)):Gu?(tr=!1,b2=R7(T0,!0)):b2=[]:J7(T0)||wi(T0)?(b2=d0,wi(d0)?b2=X7(d0):(!ft(d0)||Ii(d0))&&(b2=$7(T0))):tr=!1}tr&&(w0.set(T0,b2),C0(b2,T0,n0,y0,w0),w0.delete(T0)),vi(F,U,b2)}function T7(F,M){return G7(W7(F,M,Wu),F+"")}var _7=co?function(F,M){return co(F,"toString",{configurable:!0,enumerable:!1,value:Q7(M),writable:!0})}:Wu;function I7(F,M){if(M)return F.slice();var U=F.length,n0=pt?pt(U):new F.constructor(U);return F.copy(n0),n0}function k7(F){var M=new F.constructor(F.byteLength);return new G2(M).set(new G2(F)),M}function R7(F,M){var U=M?k7(F.buffer):F.buffer;return new F.constructor(U,F.byteOffset,F.length)}function L7(F,M){var U=-1,n0=F.length;for(M||(M=Array(n0));++U<n0;)M[U]=F[U];return M}function O7(F,M,U,n0){var C0=!U;U||(U={});for(var y0=-1,w0=M.length;++y0<w0;){var d0=M[y0],T0=n0?n0(U[d0],F[d0],d0,U,F):void 0;T0===void 0&&(T0=F[d0]),C0?xi(U,d0,T0):b7(U,d0,T0)}return U}function P7(F){return T7(function(M,U){var n0=-1,C0=U.length,y0=C0>1?U[C0-1]:void 0,w0=C0>2?U[2]:void 0;for(y0=F.length>3&&typeof y0=="function"?(C0--,y0):void 0,w0&&z7(U[0],U[1],w0)&&(y0=C0<3?void 0:y0,C0=1),M=Object(M);++n0<C0;){var d0=U[n0];d0&&F(M,d0,n0,y0)}return M})}function N7(F){return function(M,U,n0){for(var C0=-1,y0=Object(M),w0=n0(M),d0=w0.length;d0--;){var T0=w0[F?d0:++C0];if(U(y0[T0],T0,y0)===!1)break}return M}}function po(F,M){var U=F.__data__;return j7(M)?U[typeof M=="string"?"string":"hash"]:U.map}function Si(F,M){var U=i2(F,M);return x7(U)?U:void 0}function M7(F){var M=D0.call(F,Dt),U=F[Dt];try{F[Dt]=void 0;var n0=!0}catch{}var C0=ut.call(F);return n0&&(M?F[Dt]=U:delete F[Dt]),C0}function $7(F){return typeof F.constructor=="function"&&!zu(F)?t7(lo(F)):{}}function $u(F,M){var U=typeof F;return M=M??i,!!M&&(U=="number"||U!="symbol"&&Q.test(F))&&F>-1&&F%1==0&&F<M}function z7(F,M,U){if(!ft(U))return!1;var n0=typeof M;return(n0=="number"?_i(U)&&$u(M,U.length):n0=="string"&&M in U)?Do(U[M],F):!1}function j7(F){var M=typeof F;return M=="string"||M=="number"||M=="symbol"||M=="boolean"?F!=="__proto__":F===null}function V7(F){return!!g2&&g2 in F}function zu(F){var M=F&&F.constructor,U=typeof M=="function"&&M.prototype||i0;return F===U}function H7(F){var M=[];if(F!=null)for(var U in Object(F))M.push(U);return M}function U7(F){return ut.call(F)}function W7(F,M,U){return M=Ou(M===void 0?F.length-1:M,0),function(){for(var n0=arguments,C0=-1,y0=Ou(n0.length-M,0),w0=Array(y0);++C0<y0;)w0[C0]=n0[M+C0];C0=-1;for(var d0=Array(M+1);++C0<M;)d0[C0]=n0[C0];return d0[M]=U(w0),R2(F,this,d0)}}function Fi(F,M){if(!(M==="constructor"&&typeof F[M]=="function")&&M!="__proto__")return F[M]}var G7=q7(_7);function q7(F){var M=0,U=0;return function(){var n0=e7(),C0=a-(n0-U);if(U=n0,C0>0){if(++M>=o)return arguments[0]}else M=0;return F.apply(void 0,arguments)}}function Y7(F){if(F!=null){try{return V0.call(F)}catch{}try{return F+""}catch{}}return""}function Do(F,M){return F===M||F!==F&&M!==M}var wi=Nu(function(){return arguments}())?Nu:function(F){return er(F)&&D0.call(F,"callee")&&!so.call(F,"callee")},Ti=Array.isArray;function _i(F){return F!=null&&Vu(F.length)&&!Ii(F)}function K7(F){return er(F)&&_i(F)}var ju=Qm||eB;function Ii(F){if(!ft(F))return!1;var M=Ao(F);return M==B||M==C||M==u||M==E}function Vu(F){return typeof F=="number"&&F>-1&&F%1==0&&F<=i}function ft(F){var M=typeof F;return F!=null&&(M=="object"||M=="function")}function er(F){return F!=null&&typeof F=="object"}function J7(F){if(!er(F)||Ao(F)!=f)return!1;var M=lo(F);if(M===null)return!0;var U=D0.call(M,"constructor")&&M.constructor;return typeof U=="function"&&U instanceof U&&V0.call(U)==At}var Hu=j0?a2(j0):S7;function X7(F){return O7(F,Uu(F))}function Uu(F){return _i(F)?y7(F,!0):F7(F)}var Z7=P7(function(F,M,U){Mu(F,M,U)});function Q7(F){return function(){return F}}function Wu(F){return F}function eB(){return!1}e.exports=Z7})(aa,aa.exports);var hB=aa.exports;const yB=Zr(hB),bB="modulepreload",vB=function(e,t){return new URL(e,t).href},Xu={},g=function(t,n,r){let o=Promise.resolve();if(n&&n.length>0){const a=document.getElementsByTagName("link");o=Promise.all(n.map(i=>{if(i=vB(i,r),i in Xu)return;Xu[i]=!0;const l=i.endsWith(".css"),c=l?'[rel="stylesheet"]':"";if(!!r)for(let A=a.length-1;A>=0;A--){const D=a[A];if(D.href===i&&(!l||D.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const d=document.createElement("link");if(d.rel=l?"stylesheet":bB,l||(d.as="script",d.crossOrigin=""),d.href=i,document.head.appendChild(d),l)return new Promise((A,D)=>{d.addEventListener("load",A),d.addEventListener("error",()=>D(new Error(`Unable to preload CSS for ${i}`)))})}))}return o.then(()=>t()).catch(a=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=a,window.dispatchEvent(i),!i.defaultPrevented)throw a})};var jd={exports:{}},A0={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Qr=Symbol.for("react.element"),xB=Symbol.for("react.portal"),SB=Symbol.for("react.fragment"),FB=Symbol.for("react.strict_mode"),wB=Symbol.for("react.profiler"),TB=Symbol.for("react.provider"),_B=Symbol.for("react.context"),IB=Symbol.for("react.forward_ref"),kB=Symbol.for("react.suspense"),RB=Symbol.for("react.memo"),LB=Symbol.for("react.lazy"),Zu=Symbol.iterator;function OB(e){return e===null||typeof e!="object"?null:(e=Zu&&e[Zu]||e["@@iterator"],typeof e=="function"?e:null)}var Vd={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Hd=Object.assign,Ud={};function Wn(e,t,n){this.props=e,this.context=t,this.refs=Ud,this.updater=n||Vd}Wn.prototype.isReactComponent={};Wn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Wn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Wd(){}Wd.prototype=Wn.prototype;function uc(e,t,n){this.props=e,this.context=t,this.refs=Ud,this.updater=n||Vd}var Ac=uc.prototype=new Wd;Ac.constructor=uc;Hd(Ac,Wn.prototype);Ac.isPureReactComponent=!0;var Qu=Array.isArray,Gd=Object.prototype.hasOwnProperty,dc={current:null},qd={key:!0,ref:!0,__self:!0,__source:!0};function Yd(e,t,n){var r,o={},a=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(a=""+t.key),t)Gd.call(t,r)&&!qd.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(l===1)o.children=n;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps,l)o[r]===void 0&&(o[r]=l[r]);return{$$typeof:Qr,type:e,key:a,ref:i,props:o,_owner:dc.current}}function PB(e,t){return{$$typeof:Qr,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function pc(e){return typeof e=="object"&&e!==null&&e.$$typeof===Qr}function NB(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var e3=/\/+/g;function Pi(e,t){return typeof e=="object"&&e!==null&&e.key!=null?NB(""+e.key):t.toString(36)}function $o(e,t,n,r,o){var a=typeof e;(a==="undefined"||a==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(a){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case Qr:case xB:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+Pi(i,0):r,Qu(o)?(n="",e!=null&&(n=e.replace(e3,"$&/")+"/"),$o(o,t,n,"",function(u){return u})):o!=null&&(pc(o)&&(o=PB(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(e3,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",Qu(e))for(var l=0;l<e.length;l++){a=e[l];var c=r+Pi(a,l);i+=$o(a,t,n,c,o)}else if(c=OB(e),typeof c=="function")for(e=c.call(e),l=0;!(a=e.next()).done;)a=a.value,c=r+Pi(a,l++),i+=$o(a,t,n,c,o);else if(a==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function fo(e,t,n){if(e==null)return e;var r=[],o=0;return $o(e,r,"","",function(a){return t.call(n,a,o++)}),r}function MB(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var A2={current:null},zo={transition:null},$B={ReactCurrentDispatcher:A2,ReactCurrentBatchConfig:zo,ReactCurrentOwner:dc};A0.Children={map:fo,forEach:function(e,t,n){fo(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return fo(e,function(){t++}),t},toArray:function(e){return fo(e,function(t){return t})||[]},only:function(e){if(!pc(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};A0.Component=Wn;A0.Fragment=SB;A0.Profiler=wB;A0.PureComponent=uc;A0.StrictMode=FB;A0.Suspense=kB;A0.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=$B;A0.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=Hd({},e.props),o=e.key,a=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(a=t.ref,i=dc.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)Gd.call(t,c)&&!qd.hasOwnProperty(c)&&(r[c]=t[c]===void 0&&l!==void 0?l[c]:t[c])}var c=arguments.length-2;if(c===1)r.children=n;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];r.children=l}return{$$typeof:Qr,type:e.type,key:o,ref:a,props:r,_owner:i}};A0.createContext=function(e){return e={$$typeof:_B,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:TB,_context:e},e.Consumer=e};A0.createElement=Yd;A0.createFactory=function(e){var t=Yd.bind(null,e);return t.type=e,t};A0.createRef=function(){return{current:null}};A0.forwardRef=function(e){return{$$typeof:IB,render:e}};A0.isValidElement=pc;A0.lazy=function(e){return{$$typeof:LB,_payload:{_status:-1,_result:e},_init:MB}};A0.memo=function(e,t){return{$$typeof:RB,type:e,compare:t===void 0?null:t}};A0.startTransition=function(e){var t=zo.transition;zo.transition={};try{e()}finally{zo.transition=t}};A0.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};A0.useCallback=function(e,t){return A2.current.useCallback(e,t)};A0.useContext=function(e){return A2.current.useContext(e)};A0.useDebugValue=function(){};A0.useDeferredValue=function(e){return A2.current.useDeferredValue(e)};A0.useEffect=function(e,t){return A2.current.useEffect(e,t)};A0.useId=function(){return A2.current.useId()};A0.useImperativeHandle=function(e,t,n){return A2.current.useImperativeHandle(e,t,n)};A0.useInsertionEffect=function(e,t){return A2.current.useInsertionEffect(e,t)};A0.useLayoutEffect=function(e,t){return A2.current.useLayoutEffect(e,t)};A0.useMemo=function(e,t){return A2.current.useMemo(e,t)};A0.useReducer=function(e,t,n){return A2.current.useReducer(e,t,n)};A0.useRef=function(e){return A2.current.useRef(e)};A0.useState=function(e){return A2.current.useState(e)};A0.useSyncExternalStore=function(e,t,n){return A2.current.useSyncExternalStore(e,t,n)};A0.useTransition=function(){return A2.current.useTransition()};A0.version="18.2.0";jd.exports=A0;var s=jd.exports;const W=Zr(s),Dc=rB({__proto__:null,default:W},[s]);var Kd={exports:{}},Qa={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var zB=s,jB=Symbol.for("react.element"),VB=Symbol.for("react.fragment"),HB=Object.prototype.hasOwnProperty,UB=zB.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,WB={key:!0,ref:!0,__self:!0,__source:!0};function Jd(e,t,n){var r,o={},a=null,i=null;n!==void 0&&(a=""+n),t.key!==void 0&&(a=""+t.key),t.ref!==void 0&&(i=t.ref);for(r in t)HB.call(t,r)&&!WB.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)o[r]===void 0&&(o[r]=t[r]);return{$$typeof:jB,type:e,key:a,ref:i,props:o,_owner:UB.current}}Qa.Fragment=VB;Qa.jsx=Jd;Qa.jsxs=Jd;Kd.exports=Qa;var v=Kd.exports;const Cc=s.createContext(void 0),t3=Cc,Ol=()=>s.useContext(Cc);function Pl(){return Pl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Pl.apply(this,arguments)}var Xd=["shift","alt","meta","mod","ctrl"],GB={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function je(e){return(GB[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function qB(e){return Xd.includes(e)}function Ni(e,t){return t===void 0&&(t=","),e.split(t)}function Mi(e,t,n){t===void 0&&(t="+");var r=e.toLocaleLowerCase().split(t).map(function(i){return je(i)}),o={alt:r.includes("alt"),ctrl:r.includes("ctrl")||r.includes("control"),shift:r.includes("shift"),meta:r.includes("meta"),mod:r.includes("mod")},a=r.filter(function(i){return!Xd.includes(i)});return Pl({},o,{keys:a,description:n})}(function(){typeof document<"u"&&(document.addEventListener("keydown",function(e){e.key!==void 0&&Zd([je(e.key),je(e.code)])}),document.addEventListener("keyup",function(e){e.key!==void 0&&Qd([je(e.key),je(e.code)])})),typeof window<"u"&&window.addEventListener("blur",function(){Ve.clear()})})();var Ve=new Set;function fc(e){return Array.isArray(e)}function YB(e,t){t===void 0&&(t=",");var n=fc(e)?e:e.split(t);return n.every(function(r){return Ve.has(r.trim().toLowerCase())})}function Zd(e){var t=Array.isArray(e)?e:[e];Ve.has("meta")&&Ve.forEach(function(n){return!qB(n)&&Ve.delete(n.toLowerCase())}),t.forEach(function(n){return Ve.add(n.toLowerCase())})}function Qd(e){var t=Array.isArray(e)?e:[e];e==="meta"?Ve.clear():t.forEach(function(n){return Ve.delete(n.toLowerCase())})}function KB(e,t,n){(typeof n=="function"&&n(e,t)||n===!0)&&e.preventDefault()}function JB(e,t,n){return typeof n=="function"?n(e,t):n===!0||n===void 0}function XB(e){return ep(e,["input","textarea","select"])}function ep(e,t){var n=e.target;t===void 0&&(t=!1);var r=n&&n.tagName;return fc(t)?!!(r&&t&&t.some(function(o){return o.toLowerCase()===r.toLowerCase()})):!!(r&&t&&t===!0)}function ZB(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(n){return t.includes(n)})||e.includes("*"):!0}var QB=function(t,n,r){r===void 0&&(r=!1);var o=n.alt,a=n.meta,i=n.mod,l=n.shift,c=n.ctrl,u=n.keys,d=t.key,A=t.code,D=t.ctrlKey,B=t.metaKey,C=t.shiftKey,p=t.altKey,b=je(A),m=d.toLowerCase();if(!r){if(o===!p&&m!=="alt"||l===!C&&m!=="shift")return!1;if(i){if(!B&&!D)return!1}else if(a===!B&&m!=="meta"&&m!=="os"||c===!D&&m!=="ctrl"&&m!=="control")return!1}return u&&u.length===1&&(u.includes(m)||u.includes(b))?!0:u?YB(u):!u},eE=s.createContext(void 0),tE=function(){return s.useContext(eE)};function tp(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(n,r){return n&&tp(e[r],t[r])},!0):e===t}var nE=s.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),rE=function(){return s.useContext(nE)};function oE(e){var t=s.useRef(void 0);return tp(t.current,e)||(t.current=e),t.current}var n3=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},aE=typeof window<"u"?s.useLayoutEffect:s.useEffect;function M2(e,t,n,r){var o=s.useRef(null),a=s.useRef(!1),i=n instanceof Array?r instanceof Array?void 0:r:n,l=fc(e)?e.join(i==null?void 0:i.splitKey):e,c=n instanceof Array?n:r instanceof Array?r:void 0,u=s.useCallback(t,c??[]),d=s.useRef(u);c?d.current=u:d.current=t;var A=oE(i),D=rE(),B=D.enabledScopes,C=tE();return aE(function(){if(!((A==null?void 0:A.enabled)===!1||!ZB(B,A==null?void 0:A.scopes))){var p=function(x,R){var L;if(R===void 0&&(R=!1),!(XB(x)&&!ep(x,A==null?void 0:A.enableOnFormTags))&&!(A!=null&&A.ignoreEventWhen!=null&&A.ignoreEventWhen(x))){if(o.current!==null&&document.activeElement!==o.current&&!o.current.contains(document.activeElement)){n3(x);return}(L=x.target)!=null&&L.isContentEditable&&!(A!=null&&A.enableOnContentEditable)||Ni(l,A==null?void 0:A.splitKey).forEach(function(k){var S,P=Mi(k,A==null?void 0:A.combinationKey);if(QB(x,P,A==null?void 0:A.ignoreModifiers)||(S=P.keys)!=null&&S.includes("*")){if(R&&a.current)return;if(KB(x,P,A==null?void 0:A.preventDefault),!JB(x,P,A==null?void 0:A.enabled)){n3(x);return}d.current(x,P),R||(a.current=!0)}})}},b=function(x){x.key!==void 0&&(Zd(je(x.code)),((A==null?void 0:A.keydown)===void 0&&(A==null?void 0:A.keyup)!==!0||A!=null&&A.keydown)&&p(x))},m=function(x){x.key!==void 0&&(Qd(je(x.code)),a.current=!1,A!=null&&A.keyup&&p(x,!0))},f=o.current||(i==null?void 0:i.document)||document;return f.addEventListener("keyup",m),f.addEventListener("keydown",b),C&&Ni(l,A==null?void 0:A.splitKey).forEach(function(E){return C.addHotkey(Mi(E,A==null?void 0:A.combinationKey,A==null?void 0:A.description))}),function(){f.removeEventListener("keyup",m),f.removeEventListener("keydown",b),C&&Ni(l,A==null?void 0:A.splitKey).forEach(function(E){return C.removeHotkey(Mi(E,A==null?void 0:A.combinationKey,A==null?void 0:A.description))})}}},[l,A,B]),o}const iE=()=>v.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("path",{d:"M18 6L6 18M6 6l12 12"})]}),lE=()=>v.jsx("svg",{viewBox:"0 0 24 24",strokeWidth:.5,stroke:"currentColor",fill:"currentColor",width:24,height:24,children:v.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"})}),sE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("path",{d:"M16 4H9.5a3.5 3.5 0 000 7h.5M14 15V4M10 15V4M5 19h14M7 21l-2-2 2-2"})]}),cE=()=>(s.useEffect(()=>(document.documentElement.removeAttribute("data-storyloaded"),()=>document.documentElement.setAttribute("data-storyloaded","")),[]),v.jsx("div",{className:"ladle-ring-wrapper",children:v.jsxs("div",{className:"ladle-ring",children:[v.jsx("div",{}),v.jsx("div",{}),v.jsx("div",{}),v.jsx("div",{})]})})),uE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("path",{d:"M16 4h4v4M14 10l6-6M8 20H4v-4M4 20l6-6"})]}),AE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),v.jsx("path",{d:"M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"}),v.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"}),v.jsx("line",{x1:9.7,y1:17,x2:14.3,y2:17})]}),dE=()=>v.jsx("div",{style:{width:"10px",marginInlineEnd:"0.5em",flexShrink:0},children:v.jsx("svg",{fill:"currentColor",viewBox:"0 0 768 1024",children:v.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"})})}),pE=({rotate:e})=>{const t="16px",n="16px";return v.jsx("div",{"aria-hidden":!0,style:{width:t,height:n,marginInlineEnd:"0.1em"},children:e?v.jsxs("svg",{style:{width:t,height:n},viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",children:[v.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),v.jsx("path",{d:"M9 6l6 6l-6 6"})]}):v.jsxs("svg",{style:{width:t,height:n},viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",children:[v.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),v.jsx("path",{d:"M6 9l6 6l6 -6"})]})})},DE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",children:[v.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),v.jsx("circle",{cx:14,cy:6,r:2}),v.jsx("line",{x1:4,y1:6,x2:12,y2:6}),v.jsx("line",{x1:16,y1:6,x2:20,y2:6}),v.jsx("circle",{cx:8,cy:12,r:2}),v.jsx("line",{x1:4,y1:12,x2:6,y2:12}),v.jsx("line",{x1:10,y1:12,x2:20,y2:12}),v.jsx("circle",{cx:17,cy:18,r:2}),v.jsx("line",{x1:4,y1:18,x2:15,y2:18}),v.jsx("line",{x1:19,y1:18,x2:20,y2:18})]}),CE=()=>v.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("path",{d:"m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16"})]}),fE=()=>v.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("circle",{cx:12,cy:12,r:9}),v.jsx("path",{d:"m10 16.5 2-3 2 3m-2-3v-2l3-1m-6 0 3 1"}),v.jsx("circle",{cx:12,cy:7.5,r:.5,fill:"currentColor"})]}),mE=()=>v.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.jsx("rect",{x:13,y:8,width:8,height:12,rx:1}),v.jsx("path",{d:"M18 8V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h9M16 9h2"})]}),BE=()=>v.jsxs("svg",{width:24,height:24,strokeWidth:2,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("path",{d:"M0 0h24v24H0z",stroke:"none"}),v.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"}),v.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 np={exports:{}},I2={},rp={exports:{}},op={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */(function(e){function t(O,$){var H=O.length;O.push($);e:for(;0<H;){var Y=H-1>>>1,Q=O[Y];if(0<o(Q,$))O[Y]=$,O[H]=Q,H=Y;else break e}}function n(O){return O.length===0?null:O[0]}function r(O){if(O.length===0)return null;var $=O[0],H=O.pop();if(H!==$){O[0]=H;e:for(var Y=0,Q=O.length,J=Q>>>1;Y<J;){var X=2*(Y+1)-1,r0=O[X],K=X+1,e0=O[K];if(0>o(r0,H))K<Q&&0>o(e0,r0)?(O[Y]=e0,O[K]=H,Y=K):(O[Y]=r0,O[X]=H,Y=X);else if(K<Q&&0>o(e0,H))O[Y]=e0,O[K]=H,Y=K;else break e}}return $}function o(O,$){var H=O.sortIndex-$.sortIndex;return H!==0?H:O.id-$.id}if(typeof performance=="object"&&typeof performance.now=="function"){var a=performance;e.unstable_now=function(){return a.now()}}else{var i=Date,l=i.now();e.unstable_now=function(){return i.now()-l}}var c=[],u=[],d=1,A=null,D=3,B=!1,C=!1,p=!1,b=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,f=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function E(O){for(var $=n(u);$!==null;){if($.callback===null)r(u);else if($.startTime<=O)r(u),$.sortIndex=$.expirationTime,t(c,$);else break;$=n(u)}}function x(O){if(p=!1,E(O),!C)if(n(c)!==null)C=!0,j(R);else{var $=n(u);$!==null&&z(x,$.startTime-O)}}function R(O,$){C=!1,p&&(p=!1,m(S),S=-1),B=!0;var H=D;try{for(E($),A=n(c);A!==null&&(!(A.expirationTime>$)||O&&!V());){var Y=A.callback;if(typeof Y=="function"){A.callback=null,D=A.priorityLevel;var Q=Y(A.expirationTime<=$);$=e.unstable_now(),typeof Q=="function"?A.callback=Q:A===n(c)&&r(c),E($)}else r(c);A=n(c)}if(A!==null)var J=!0;else{var X=n(u);X!==null&&z(x,X.startTime-$),J=!1}return J}finally{A=null,D=H,B=!1}}var L=!1,k=null,S=-1,P=5,N=-1;function V(){return!(e.unstable_now()-N<P)}function w(){if(k!==null){var O=e.unstable_now();N=O;var $=!0;try{$=k(!0,O)}finally{$?I():(L=!1,k=null)}}else L=!1}var I;if(typeof f=="function")I=function(){f(w)};else if(typeof MessageChannel<"u"){var T=new MessageChannel,_=T.port2;T.port1.onmessage=w,I=function(){_.postMessage(null)}}else I=function(){b(w,0)};function j(O){k=O,L||(L=!0,I())}function z(O,$){S=b(function(){O(e.unstable_now())},$)}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(O){O.callback=null},e.unstable_continueExecution=function(){C||B||(C=!0,j(R))},e.unstable_forceFrameRate=function(O){0>O||125<O?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<O?Math.floor(1e3/O):5},e.unstable_getCurrentPriorityLevel=function(){return D},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(O){switch(D){case 1:case 2:case 3:var $=3;break;default:$=D}var H=D;D=$;try{return O()}finally{D=H}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(O,$){switch(O){case 1:case 2:case 3:case 4:case 5:break;default:O=3}var H=D;D=O;try{return $()}finally{D=H}},e.unstable_scheduleCallback=function(O,$,H){var Y=e.unstable_now();switch(typeof H=="object"&&H!==null?(H=H.delay,H=typeof H=="number"&&0<H?Y+H:Y):H=Y,O){case 1:var Q=-1;break;case 2:Q=250;break;case 5:Q=1073741823;break;case 4:Q=1e4;break;default:Q=5e3}return Q=H+Q,O={id:d++,callback:$,priorityLevel:O,startTime:H,expirationTime:Q,sortIndex:-1},H>Y?(O.sortIndex=H,t(u,O),n(c)===null&&O===n(u)&&(p?(m(S),S=-1):p=!0,z(x,H-Y))):(O.sortIndex=Q,t(c,O),C||B||(C=!0,j(R))),O},e.unstable_shouldYield=V,e.unstable_wrapCallback=function(O){var $=D;return function(){var H=D;D=$;try{return O.apply(this,arguments)}finally{D=H}}}})(op);rp.exports=op;var EE=rp.exports;/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ap=s,w2=EE;function q(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var ip=new Set,Ir={};function $t(e,t){Tn(e,t),Tn(e+"Capture",t)}function Tn(e,t){for(Ir[e]=t,e=0;e<t.length;e++)ip.add(t[e])}var Fe=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Nl=Object.prototype.hasOwnProperty,gE=/^[: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]*$/,r3={},o3={};function hE(e){return Nl.call(o3,e)?!0:Nl.call(r3,e)?!1:gE.test(e)?o3[e]=!0:(r3[e]=!0,!1)}function yE(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function bE(e,t,n,r){if(t===null||typeof t>"u"||yE(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function d2(e,t,n,r,o,a,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var Z0={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Z0[e]=new d2(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Z0[t]=new d2(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){Z0[e]=new d2(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){Z0[e]=new d2(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){Z0[e]=new d2(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){Z0[e]=new d2(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){Z0[e]=new d2(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){Z0[e]=new d2(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){Z0[e]=new d2(e,5,!1,e.toLowerCase(),null,!1,!1)});var mc=/[\-:]([a-z])/g;function Bc(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(mc,Bc);Z0[t]=new d2(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(mc,Bc);Z0[t]=new d2(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(mc,Bc);Z0[t]=new d2(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){Z0[e]=new d2(e,1,!1,e.toLowerCase(),null,!1,!1)});Z0.xlinkHref=new d2("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){Z0[e]=new d2(e,1,!1,e.toLowerCase(),null,!0,!0)});function Ec(e,t,n,r){var o=Z0.hasOwnProperty(t)?Z0[t]:null;(o!==null?o.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(bE(t,n,o,r)&&(n=null),r||o===null?hE(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=n===null?o.type===3?!1:"":n:(t=o.attributeName,r=o.attributeNamespace,n===null?e.removeAttribute(t):(o=o.type,n=o===3||o===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var Re=ap.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,mo=Symbol.for("react.element"),en=Symbol.for("react.portal"),tn=Symbol.for("react.fragment"),gc=Symbol.for("react.strict_mode"),Ml=Symbol.for("react.profiler"),lp=Symbol.for("react.provider"),sp=Symbol.for("react.context"),hc=Symbol.for("react.forward_ref"),$l=Symbol.for("react.suspense"),zl=Symbol.for("react.suspense_list"),yc=Symbol.for("react.memo"),Ne=Symbol.for("react.lazy"),cp=Symbol.for("react.offscreen"),a3=Symbol.iterator;function nr(e){return e===null||typeof e!="object"?null:(e=a3&&e[a3]||e["@@iterator"],typeof e=="function"?e:null)}var R0=Object.assign,$i;function pr(e){if($i===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);$i=t&&t[1]||""}return`
+`+$i+e}var zi=!1;function ji(e,t){if(!e||zi)return"";zi=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(u){var r=u}Reflect.construct(e,[],t)}else{try{t.call()}catch(u){r=u}e.call(t.prototype)}else{try{throw Error()}catch(u){r=u}e()}}catch(u){if(u&&r&&typeof u.stack=="string"){for(var o=u.stack.split(`
+`),a=r.stack.split(`
+`),i=o.length-1,l=a.length-1;1<=i&&0<=l&&o[i]!==a[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==a[l]){if(i!==1||l!==1)do if(i--,l--,0>l||o[i]!==a[l]){var c=`
+`+o[i].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}while(1<=i&&0<=l);break}}}finally{zi=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?pr(e):""}function vE(e){switch(e.tag){case 5:return pr(e.type);case 16:return pr("Lazy");case 13:return pr("Suspense");case 19:return pr("SuspenseList");case 0:case 2:case 15:return e=ji(e.type,!1),e;case 11:return e=ji(e.type.render,!1),e;case 1:return e=ji(e.type,!0),e;default:return""}}function jl(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case tn:return"Fragment";case en:return"Portal";case Ml:return"Profiler";case gc:return"StrictMode";case $l:return"Suspense";case zl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case sp:return(e.displayName||"Context")+".Consumer";case lp:return(e._context.displayName||"Context")+".Provider";case hc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case yc:return t=e.displayName||null,t!==null?t:jl(e.type)||"Memo";case Ne:t=e._payload,e=e._init;try{return jl(e(t))}catch{}}return null}function xE(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return jl(t);case 8:return t===gc?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function tt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function up(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function SE(e){var t=up(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(i){r=""+i,a.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Bo(e){e._valueTracker||(e._valueTracker=SE(e))}function Ap(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=up(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function ia(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Vl(e,t){var n=t.checked;return R0({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function i3(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=tt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function dp(e,t){t=t.checked,t!=null&&Ec(e,"checked",t,!1)}function Hl(e,t){dp(e,t);var n=tt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ul(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ul(e,t.type,tt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function l3(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ul(e,t,n){(t!=="number"||ia(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Dr=Array.isArray;function fn(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+tt(n),t=null,o=0;o<e.length;o++){if(e[o].value===n){e[o].selected=!0,r&&(e[o].defaultSelected=!0);return}t!==null||e[o].disabled||(t=e[o])}t!==null&&(t.selected=!0)}}function Wl(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(q(91));return R0({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function s3(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(q(92));if(Dr(n)){if(1<n.length)throw Error(q(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:tt(n)}}function pp(e,t){var n=tt(t.value),r=tt(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function c3(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Dp(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Gl(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Dp(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Eo,Cp=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,o)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Eo=Eo||document.createElement("div"),Eo.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Eo.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function kr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Er={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},FE=["Webkit","ms","Moz","O"];Object.keys(Er).forEach(function(e){FE.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Er[t]=Er[e]})});function fp(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Er.hasOwnProperty(e)&&Er[e]?(""+t).trim():t+"px"}function mp(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=fp(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var wE=R0({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ql(e,t){if(t){if(wE[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(q(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(q(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(q(61))}if(t.style!=null&&typeof t.style!="object")throw Error(q(62))}}function Yl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Kl=null;function bc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Jl=null,mn=null,Bn=null;function u3(e){if(e=no(e)){if(typeof Jl!="function")throw Error(q(280));var t=e.stateNode;t&&(t=oi(t),Jl(e.stateNode,e.type,t))}}function Bp(e){mn?Bn?Bn.push(e):Bn=[e]:mn=e}function Ep(){if(mn){var e=mn,t=Bn;if(Bn=mn=null,u3(e),t)for(e=0;e<t.length;e++)u3(t[e])}}function gp(e,t){return e(t)}function hp(){}var Vi=!1;function yp(e,t,n){if(Vi)return e(t,n);Vi=!0;try{return gp(e,t,n)}finally{Vi=!1,(mn!==null||Bn!==null)&&(hp(),Ep())}}function Rr(e,t){var n=e.stateNode;if(n===null)return null;var r=oi(n);if(r===null)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(q(231,t,typeof n));return n}var Xl=!1;if(Fe)try{var rr={};Object.defineProperty(rr,"passive",{get:function(){Xl=!0}}),window.addEventListener("test",rr,rr),window.removeEventListener("test",rr,rr)}catch{Xl=!1}function TE(e,t,n,r,o,a,i,l,c){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(d){this.onError(d)}}var gr=!1,la=null,sa=!1,Zl=null,_E={onError:function(e){gr=!0,la=e}};function IE(e,t,n,r,o,a,i,l,c){gr=!1,la=null,TE.apply(_E,arguments)}function kE(e,t,n,r,o,a,i,l,c){if(IE.apply(this,arguments),gr){if(gr){var u=la;gr=!1,la=null}else throw Error(q(198));sa||(sa=!0,Zl=u)}}function zt(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function bp(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function A3(e){if(zt(e)!==e)throw Error(q(188))}function RE(e){var t=e.alternate;if(!t){if(t=zt(e),t===null)throw Error(q(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(o===null)break;var a=o.alternate;if(a===null){if(r=o.return,r!==null){n=r;continue}break}if(o.child===a.child){for(a=o.child;a;){if(a===n)return A3(o),e;if(a===r)return A3(o),t;a=a.sibling}throw Error(q(188))}if(n.return!==r.return)n=o,r=a;else{for(var i=!1,l=o.child;l;){if(l===n){i=!0,n=o,r=a;break}if(l===r){i=!0,r=o,n=a;break}l=l.sibling}if(!i){for(l=a.child;l;){if(l===n){i=!0,n=a,r=o;break}if(l===r){i=!0,r=a,n=o;break}l=l.sibling}if(!i)throw Error(q(189))}}if(n.alternate!==r)throw Error(q(190))}if(n.tag!==3)throw Error(q(188));return n.stateNode.current===n?e:t}function vp(e){return e=RE(e),e!==null?xp(e):null}function xp(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=xp(e);if(t!==null)return t;e=e.sibling}return null}var Sp=w2.unstable_scheduleCallback,d3=w2.unstable_cancelCallback,LE=w2.unstable_shouldYield,OE=w2.unstable_requestPaint,N0=w2.unstable_now,PE=w2.unstable_getCurrentPriorityLevel,vc=w2.unstable_ImmediatePriority,Fp=w2.unstable_UserBlockingPriority,ca=w2.unstable_NormalPriority,NE=w2.unstable_LowPriority,wp=w2.unstable_IdlePriority,ei=null,ie=null;function ME(e){if(ie&&typeof ie.onCommitFiberRoot=="function")try{ie.onCommitFiberRoot(ei,e,void 0,(e.current.flags&128)===128)}catch{}}var Q2=Math.clz32?Math.clz32:jE,$E=Math.log,zE=Math.LN2;function jE(e){return e>>>=0,e===0?32:31-($E(e)/zE|0)|0}var go=64,ho=4194304;function Cr(e){switch(e&-e){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: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 e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function ua(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=n&268435455;if(i!==0){var l=i&~o;l!==0?r=Cr(l):(a&=i,a!==0&&(r=Cr(a)))}else i=n&~o,i!==0?r=Cr(i):a!==0&&(r=Cr(a));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,a=t&-t,o>=a||o===16&&(a&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-Q2(t),o=1<<n,r|=e[n],t&=~o;return r}function VE(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8: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 t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function HE(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-Q2(a),l=1<<i,c=o[i];c===-1?(!(l&n)||l&r)&&(o[i]=VE(l,t)):c<=t&&(e.expiredLanes|=l),a&=~l}}function Ql(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Tp(){var e=go;return go<<=1,!(go&4194240)&&(go=64),e}function Hi(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function eo(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Q2(t),e[t]=n}function UE(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-Q2(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}function xc(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Q2(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var h0=0;function _p(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var Ip,Sc,kp,Rp,Lp,es=!1,yo=[],We=null,Ge=null,qe=null,Lr=new Map,Or=new Map,$e=[],WE="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function p3(e,t){switch(e){case"focusin":case"focusout":We=null;break;case"dragenter":case"dragleave":Ge=null;break;case"mouseover":case"mouseout":qe=null;break;case"pointerover":case"pointerout":Lr.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Or.delete(t.pointerId)}}function or(e,t,n,r,o,a){return e===null||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},t!==null&&(t=no(t),t!==null&&Sc(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,o!==null&&t.indexOf(o)===-1&&t.push(o),e)}function GE(e,t,n,r,o){switch(t){case"focusin":return We=or(We,e,t,n,r,o),!0;case"dragenter":return Ge=or(Ge,e,t,n,r,o),!0;case"mouseover":return qe=or(qe,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Lr.set(a,or(Lr.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Or.set(a,or(Or.get(a)||null,e,t,n,r,o)),!0}return!1}function Op(e){var t=bt(e.target);if(t!==null){var n=zt(t);if(n!==null){if(t=n.tag,t===13){if(t=bp(n),t!==null){e.blockedOn=t,Lp(e.priority,function(){kp(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function jo(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=ts(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Kl=r,n.target.dispatchEvent(r),Kl=null}else return t=no(n),t!==null&&Sc(t),e.blockedOn=n,!1;t.shift()}return!0}function D3(e,t,n){jo(e)&&n.delete(t)}function qE(){es=!1,We!==null&&jo(We)&&(We=null),Ge!==null&&jo(Ge)&&(Ge=null),qe!==null&&jo(qe)&&(qe=null),Lr.forEach(D3),Or.forEach(D3)}function ar(e,t){e.blockedOn===t&&(e.blockedOn=null,es||(es=!0,w2.unstable_scheduleCallback(w2.unstable_NormalPriority,qE)))}function Pr(e){function t(o){return ar(o,e)}if(0<yo.length){ar(yo[0],e);for(var n=1;n<yo.length;n++){var r=yo[n];r.blockedOn===e&&(r.blockedOn=null)}}for(We!==null&&ar(We,e),Ge!==null&&ar(Ge,e),qe!==null&&ar(qe,e),Lr.forEach(t),Or.forEach(t),n=0;n<$e.length;n++)r=$e[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<$e.length&&(n=$e[0],n.blockedOn===null);)Op(n),n.blockedOn===null&&$e.shift()}var En=Re.ReactCurrentBatchConfig,Aa=!0;function YE(e,t,n,r){var o=h0,a=En.transition;En.transition=null;try{h0=1,Fc(e,t,n,r)}finally{h0=o,En.transition=a}}function KE(e,t,n,r){var o=h0,a=En.transition;En.transition=null;try{h0=4,Fc(e,t,n,r)}finally{h0=o,En.transition=a}}function Fc(e,t,n,r){if(Aa){var o=ts(e,t,n,r);if(o===null)Qi(e,t,r,da,n),p3(e,r);else if(GE(o,e,t,n,r))r.stopPropagation();else if(p3(e,r),t&4&&-1<WE.indexOf(e)){for(;o!==null;){var a=no(o);if(a!==null&&Ip(a),a=ts(e,t,n,r),a===null&&Qi(e,t,r,da,n),a===o)break;o=a}o!==null&&r.stopPropagation()}else Qi(e,t,r,null,n)}}var da=null;function ts(e,t,n,r){if(da=null,e=bc(r),e=bt(e),e!==null)if(t=zt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=bp(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return da=e,null}function Pp(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(PE()){case vc:return 1;case Fp:return 4;case ca:case NE:return 16;case wp:return 536870912;default:return 16}default:return 16}}var He=null,wc=null,Vo=null;function Np(){if(Vo)return Vo;var e,t=wc,n=t.length,r,o="value"in He?He.value:He.textContent,a=o.length;for(e=0;e<n&&t[e]===o[e];e++);var i=n-e;for(r=1;r<=i&&t[n-r]===o[a-r];r++);return Vo=o.slice(e,1<r?1-r:void 0)}function Ho(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function bo(){return!0}function C3(){return!1}function k2(e){function t(n,r,o,a,i){this._reactName=n,this._targetInst=o,this.type=r,this.nativeEvent=a,this.target=i,this.currentTarget=null;for(var l in e)e.hasOwnProperty(l)&&(n=e[l],this[l]=n?n(a):a[l]);return this.isDefaultPrevented=(a.defaultPrevented!=null?a.defaultPrevented:a.returnValue===!1)?bo:C3,this.isPropagationStopped=C3,this}return R0(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=bo)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=bo)},persist:function(){},isPersistent:bo}),t}var Gn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Tc=k2(Gn),to=R0({},Gn,{view:0,detail:0}),JE=k2(to),Ui,Wi,ir,ti=R0({},to,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_c,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ir&&(ir&&e.type==="mousemove"?(Ui=e.screenX-ir.screenX,Wi=e.screenY-ir.screenY):Wi=Ui=0,ir=e),Ui)},movementY:function(e){return"movementY"in e?e.movementY:Wi}}),f3=k2(ti),XE=R0({},ti,{dataTransfer:0}),ZE=k2(XE),QE=R0({},to,{relatedTarget:0}),Gi=k2(QE),eg=R0({},Gn,{animationName:0,elapsedTime:0,pseudoElement:0}),tg=k2(eg),ng=R0({},Gn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),rg=k2(ng),og=R0({},Gn,{data:0}),m3=k2(og),ag={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},ig={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},lg={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function sg(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=lg[e])?!!t[e]:!1}function _c(){return sg}var cg=R0({},to,{key:function(e){if(e.key){var t=ag[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=Ho(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?ig[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_c,charCode:function(e){return e.type==="keypress"?Ho(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?Ho(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),ug=k2(cg),Ag=R0({},ti,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),B3=k2(Ag),dg=R0({},to,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_c}),pg=k2(dg),Dg=R0({},Gn,{propertyName:0,elapsedTime:0,pseudoElement:0}),Cg=k2(Dg),fg=R0({},ti,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),mg=k2(fg),Bg=[9,13,27,32],Ic=Fe&&"CompositionEvent"in window,hr=null;Fe&&"documentMode"in document&&(hr=document.documentMode);var Eg=Fe&&"TextEvent"in window&&!hr,Mp=Fe&&(!Ic||hr&&8<hr&&11>=hr),E3=" ",g3=!1;function $p(e,t){switch(e){case"keyup":return Bg.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function zp(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var nn=!1;function gg(e,t){switch(e){case"compositionend":return zp(t);case"keypress":return t.which!==32?null:(g3=!0,E3);case"textInput":return e=t.data,e===E3&&g3?null:e;default:return null}}function hg(e,t){if(nn)return e==="compositionend"||!Ic&&$p(e,t)?(e=Np(),Vo=wc=He=null,nn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mp&&t.locale!=="ko"?null:t.data;default:return null}}var yg={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function h3(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!yg[e.type]:t==="textarea"}function jp(e,t,n,r){Bp(r),t=pa(t,"onChange"),0<t.length&&(n=new Tc("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var yr=null,Nr=null;function bg(e){Zp(e,0)}function ni(e){var t=an(e);if(Ap(t))return e}function vg(e,t){if(e==="change")return t}var Vp=!1;if(Fe){var qi;if(Fe){var Yi="oninput"in document;if(!Yi){var y3=document.createElement("div");y3.setAttribute("oninput","return;"),Yi=typeof y3.oninput=="function"}qi=Yi}else qi=!1;Vp=qi&&(!document.documentMode||9<document.documentMode)}function b3(){yr&&(yr.detachEvent("onpropertychange",Hp),Nr=yr=null)}function Hp(e){if(e.propertyName==="value"&&ni(Nr)){var t=[];jp(t,Nr,e,bc(e)),yp(bg,t)}}function xg(e,t,n){e==="focusin"?(b3(),yr=t,Nr=n,yr.attachEvent("onpropertychange",Hp)):e==="focusout"&&b3()}function Sg(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return ni(Nr)}function Fg(e,t){if(e==="click")return ni(t)}function wg(e,t){if(e==="input"||e==="change")return ni(t)}function Tg(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var te=typeof Object.is=="function"?Object.is:Tg;function Mr(e,t){if(te(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!Nl.call(t,o)||!te(e[o],t[o]))return!1}return!0}function v3(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function x3(e,t){var n=v3(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=v3(n)}}function Up(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Up(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Wp(){for(var e=window,t=ia();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=ia(e.document)}return t}function kc(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function _g(e){var t=Wp(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Up(n.ownerDocument.documentElement,n)){if(r!==null&&kc(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=r.end===void 0?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=x3(n,a);var i=x3(n,r);o&&i&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Ig=Fe&&"documentMode"in document&&11>=document.documentMode,rn=null,ns=null,br=null,rs=!1;function S3(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;rs||rn==null||rn!==ia(r)||(r=rn,"selectionStart"in r&&kc(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),br&&Mr(br,r)||(br=r,r=pa(ns,"onSelect"),0<r.length&&(t=new Tc("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=rn)))}function vo(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var on={animationend:vo("Animation","AnimationEnd"),animationiteration:vo("Animation","AnimationIteration"),animationstart:vo("Animation","AnimationStart"),transitionend:vo("Transition","TransitionEnd")},Ki={},Gp={};Fe&&(Gp=document.createElement("div").style,"AnimationEvent"in window||(delete on.animationend.animation,delete on.animationiteration.animation,delete on.animationstart.animation),"TransitionEvent"in window||delete on.transitionend.transition);function ri(e){if(Ki[e])return Ki[e];if(!on[e])return e;var t=on[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Gp)return Ki[e]=t[n];return e}var qp=ri("animationend"),Yp=ri("animationiteration"),Kp=ri("animationstart"),Jp=ri("transitionend"),Xp=new Map,F3="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function it(e,t){Xp.set(e,t),$t(t,[e])}for(var Ji=0;Ji<F3.length;Ji++){var Xi=F3[Ji],kg=Xi.toLowerCase(),Rg=Xi[0].toUpperCase()+Xi.slice(1);it(kg,"on"+Rg)}it(qp,"onAnimationEnd");it(Yp,"onAnimationIteration");it(Kp,"onAnimationStart");it("dblclick","onDoubleClick");it("focusin","onFocus");it("focusout","onBlur");it(Jp,"onTransitionEnd");Tn("onMouseEnter",["mouseout","mouseover"]);Tn("onMouseLeave",["mouseout","mouseover"]);Tn("onPointerEnter",["pointerout","pointerover"]);Tn("onPointerLeave",["pointerout","pointerover"]);$t("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));$t("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));$t("onBeforeInput",["compositionend","keypress","textInput","paste"]);$t("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));$t("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));$t("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var fr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Lg=new Set("cancel close invalid load scroll toggle".split(" ").concat(fr));function w3(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,kE(r,t,void 0,e),e.currentTarget=null}function Zp(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var l=r[i],c=l.instance,u=l.currentTarget;if(l=l.listener,c!==a&&o.isPropagationStopped())break e;w3(o,l,u),a=c}else for(i=0;i<r.length;i++){if(l=r[i],c=l.instance,u=l.currentTarget,l=l.listener,c!==a&&o.isPropagationStopped())break e;w3(o,l,u),a=c}}}if(sa)throw e=Zl,sa=!1,Zl=null,e}function S0(e,t){var n=t[ss];n===void 0&&(n=t[ss]=new Set);var r=e+"__bubble";n.has(r)||(Qp(t,e,2,!1),n.add(r))}function Zi(e,t,n){var r=0;t&&(r|=4),Qp(n,e,r,t)}var xo="_reactListening"+Math.random().toString(36).slice(2);function $r(e){if(!e[xo]){e[xo]=!0,ip.forEach(function(n){n!=="selectionchange"&&(Lg.has(n)||Zi(n,!1,e),Zi(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[xo]||(t[xo]=!0,Zi("selectionchange",!1,t))}}function Qp(e,t,n,r){switch(Pp(t)){case 1:var o=YE;break;case 4:o=KE;break;default:o=Fc}n=o.bind(null,t,n,e),o=void 0,!Xl||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(o=!0),r?o!==void 0?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):o!==void 0?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Qi(e,t,n,r,o){var a=r;if(!(t&1)&&!(t&2)&&r!==null)e:for(;;){if(r===null)return;var i=r.tag;if(i===3||i===4){var l=r.stateNode.containerInfo;if(l===o||l.nodeType===8&&l.parentNode===o)break;if(i===4)for(i=r.return;i!==null;){var c=i.tag;if((c===3||c===4)&&(c=i.stateNode.containerInfo,c===o||c.nodeType===8&&c.parentNode===o))return;i=i.return}for(;l!==null;){if(i=bt(l),i===null)return;if(c=i.tag,c===5||c===6){r=a=i;continue e}l=l.parentNode}}r=r.return}yp(function(){var u=a,d=bc(n),A=[];e:{var D=Xp.get(e);if(D!==void 0){var B=Tc,C=e;switch(e){case"keypress":if(Ho(n)===0)break e;case"keydown":case"keyup":B=ug;break;case"focusin":C="focus",B=Gi;break;case"focusout":C="blur",B=Gi;break;case"beforeblur":case"afterblur":B=Gi;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":B=f3;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":B=ZE;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":B=pg;break;case qp:case Yp:case Kp:B=tg;break;case Jp:B=Cg;break;case"scroll":B=JE;break;case"wheel":B=mg;break;case"copy":case"cut":case"paste":B=rg;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":B=B3}var p=(t&4)!==0,b=!p&&e==="scroll",m=p?D!==null?D+"Capture":null:D;p=[];for(var f=u,E;f!==null;){E=f;var x=E.stateNode;if(E.tag===5&&x!==null&&(E=x,m!==null&&(x=Rr(f,m),x!=null&&p.push(zr(f,x,E)))),b)break;f=f.return}0<p.length&&(D=new B(D,C,null,n,d),A.push({event:D,listeners:p}))}}if(!(t&7)){e:{if(D=e==="mouseover"||e==="pointerover",B=e==="mouseout"||e==="pointerout",D&&n!==Kl&&(C=n.relatedTarget||n.fromElement)&&(bt(C)||C[we]))break e;if((B||D)&&(D=d.window===d?d:(D=d.ownerDocument)?D.defaultView||D.parentWindow:window,B?(C=n.relatedTarget||n.toElement,B=u,C=C?bt(C):null,C!==null&&(b=zt(C),C!==b||C.tag!==5&&C.tag!==6)&&(C=null)):(B=null,C=u),B!==C)){if(p=f3,x="onMouseLeave",m="onMouseEnter",f="mouse",(e==="pointerout"||e==="pointerover")&&(p=B3,x="onPointerLeave",m="onPointerEnter",f="pointer"),b=B==null?D:an(B),E=C==null?D:an(C),D=new p(x,f+"leave",B,n,d),D.target=b,D.relatedTarget=E,x=null,bt(d)===u&&(p=new p(m,f+"enter",C,n,d),p.target=E,p.relatedTarget=b,x=p),b=x,B&&C)t:{for(p=B,m=C,f=0,E=p;E;E=Wt(E))f++;for(E=0,x=m;x;x=Wt(x))E++;for(;0<f-E;)p=Wt(p),f--;for(;0<E-f;)m=Wt(m),E--;for(;f--;){if(p===m||m!==null&&p===m.alternate)break t;p=Wt(p),m=Wt(m)}p=null}else p=null;B!==null&&T3(A,D,B,p,!1),C!==null&&b!==null&&T3(A,b,C,p,!0)}}e:{if(D=u?an(u):window,B=D.nodeName&&D.nodeName.toLowerCase(),B==="select"||B==="input"&&D.type==="file")var R=vg;else if(h3(D))if(Vp)R=wg;else{R=Sg;var L=xg}else(B=D.nodeName)&&B.toLowerCase()==="input"&&(D.type==="checkbox"||D.type==="radio")&&(R=Fg);if(R&&(R=R(e,u))){jp(A,R,n,d);break e}L&&L(e,D,u),e==="focusout"&&(L=D._wrapperState)&&L.controlled&&D.type==="number"&&Ul(D,"number",D.value)}switch(L=u?an(u):window,e){case"focusin":(h3(L)||L.contentEditable==="true")&&(rn=L,ns=u,br=null);break;case"focusout":br=ns=rn=null;break;case"mousedown":rs=!0;break;case"contextmenu":case"mouseup":case"dragend":rs=!1,S3(A,n,d);break;case"selectionchange":if(Ig)break;case"keydown":case"keyup":S3(A,n,d)}var k;if(Ic)e:{switch(e){case"compositionstart":var S="onCompositionStart";break e;case"compositionend":S="onCompositionEnd";break e;case"compositionupdate":S="onCompositionUpdate";break e}S=void 0}else nn?$p(e,n)&&(S="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(S="onCompositionStart");S&&(Mp&&n.locale!=="ko"&&(nn||S!=="onCompositionStart"?S==="onCompositionEnd"&&nn&&(k=Np()):(He=d,wc="value"in He?He.value:He.textContent,nn=!0)),L=pa(u,S),0<L.length&&(S=new m3(S,e,null,n,d),A.push({event:S,listeners:L}),k?S.data=k:(k=zp(n),k!==null&&(S.data=k)))),(k=Eg?gg(e,n):hg(e,n))&&(u=pa(u,"onBeforeInput"),0<u.length&&(d=new m3("onBeforeInput","beforeinput",null,n,d),A.push({event:d,listeners:u}),d.data=k))}Zp(A,t)})}function zr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function pa(e,t){for(var n=t+"Capture",r=[];e!==null;){var o=e,a=o.stateNode;o.tag===5&&a!==null&&(o=a,a=Rr(e,n),a!=null&&r.unshift(zr(e,a,o)),a=Rr(e,t),a!=null&&r.push(zr(e,a,o))),e=e.return}return r}function Wt(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function T3(e,t,n,r,o){for(var a=t._reactName,i=[];n!==null&&n!==r;){var l=n,c=l.alternate,u=l.stateNode;if(c!==null&&c===r)break;l.tag===5&&u!==null&&(l=u,o?(c=Rr(n,a),c!=null&&i.unshift(zr(n,c,l))):o||(c=Rr(n,a),c!=null&&i.push(zr(n,c,l)))),n=n.return}i.length!==0&&e.push({event:t,listeners:i})}var Og=/\r\n?/g,Pg=/\u0000|\uFFFD/g;function _3(e){return(typeof e=="string"?e:""+e).replace(Og,`
+`).replace(Pg,"")}function So(e,t,n){if(t=_3(t),_3(e)!==t&&n)throw Error(q(425))}function Da(){}var os=null,as=null;function is(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var ls=typeof setTimeout=="function"?setTimeout:void 0,Ng=typeof clearTimeout=="function"?clearTimeout:void 0,I3=typeof Promise=="function"?Promise:void 0,Mg=typeof queueMicrotask=="function"?queueMicrotask:typeof I3<"u"?function(e){return I3.resolve(null).then(e).catch($g)}:ls;function $g(e){setTimeout(function(){throw e})}function el(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&o.nodeType===8)if(n=o.data,n==="/$"){if(r===0){e.removeChild(o),Pr(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=o}while(n);Pr(t)}function Ye(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function k3(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var qn=Math.random().toString(36).slice(2),oe="__reactFiber$"+qn,jr="__reactProps$"+qn,we="__reactContainer$"+qn,ss="__reactEvents$"+qn,zg="__reactListeners$"+qn,jg="__reactHandles$"+qn;function bt(e){var t=e[oe];if(t)return t;for(var n=e.parentNode;n;){if(t=n[we]||n[oe]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=k3(e);e!==null;){if(n=e[oe])return n;e=k3(e)}return t}e=n,n=e.parentNode}return null}function no(e){return e=e[oe]||e[we],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function an(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(q(33))}function oi(e){return e[jr]||null}var cs=[],ln=-1;function lt(e){return{current:e}}function F0(e){0>ln||(e.current=cs[ln],cs[ln]=null,ln--)}function v0(e,t){ln++,cs[ln]=e.current,e.current=t}var nt={},o2=lt(nt),f2=lt(!1),It=nt;function _n(e,t){var n=e.type.contextTypes;if(!n)return nt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},a;for(a in n)o[a]=t[a];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function m2(e){return e=e.childContextTypes,e!=null}function Ca(){F0(f2),F0(o2)}function R3(e,t,n){if(o2.current!==nt)throw Error(q(168));v0(o2,t),v0(f2,n)}function eD(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(q(108,xE(e)||"Unknown",o));return R0({},n,r)}function fa(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||nt,It=o2.current,v0(o2,e),v0(f2,f2.current),!0}function L3(e,t,n){var r=e.stateNode;if(!r)throw Error(q(169));n?(e=eD(e,t,It),r.__reactInternalMemoizedMergedChildContext=e,F0(f2),F0(o2),v0(o2,e)):F0(f2),v0(f2,n)}var Ee=null,ai=!1,tl=!1;function tD(e){Ee===null?Ee=[e]:Ee.push(e)}function Vg(e){ai=!0,tD(e)}function st(){if(!tl&&Ee!==null){tl=!0;var e=0,t=h0;try{var n=Ee;for(h0=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}Ee=null,ai=!1}catch(o){throw Ee!==null&&(Ee=Ee.slice(e+1)),Sp(vc,st),o}finally{h0=t,tl=!1}}return null}var sn=[],cn=0,ma=null,Ba=0,O2=[],P2=0,kt=null,be=1,ve="";function mt(e,t){sn[cn++]=Ba,sn[cn++]=ma,ma=e,Ba=t}function nD(e,t,n){O2[P2++]=be,O2[P2++]=ve,O2[P2++]=kt,kt=e;var r=be;e=ve;var o=32-Q2(r)-1;r&=~(1<<o),n+=1;var a=32-Q2(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,be=1<<32-Q2(t)+o|n<<o|r,ve=a+e}else be=1<<a|n<<o|r,ve=e}function Rc(e){e.return!==null&&(mt(e,1),nD(e,1,0))}function Lc(e){for(;e===ma;)ma=sn[--cn],sn[cn]=null,Ba=sn[--cn],sn[cn]=null;for(;e===kt;)kt=O2[--P2],O2[P2]=null,ve=O2[--P2],O2[P2]=null,be=O2[--P2],O2[P2]=null}var F2=null,S2=null,_0=!1,J2=null;function rD(e,t){var n=$2(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function O3(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,F2=e,S2=Ye(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,F2=e,S2=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=kt!==null?{id:be,overflow:ve}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=$2(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,F2=e,S2=null,!0):!1;default:return!1}}function us(e){return(e.mode&1)!==0&&(e.flags&128)===0}function As(e){if(_0){var t=S2;if(t){var n=t;if(!O3(e,t)){if(us(e))throw Error(q(418));t=Ye(n.nextSibling);var r=F2;t&&O3(e,t)?rD(r,n):(e.flags=e.flags&-4097|2,_0=!1,F2=e)}}else{if(us(e))throw Error(q(418));e.flags=e.flags&-4097|2,_0=!1,F2=e}}}function P3(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;F2=e}function Fo(e){if(e!==F2)return!1;if(!_0)return P3(e),_0=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!is(e.type,e.memoizedProps)),t&&(t=S2)){if(us(e))throw oD(),Error(q(418));for(;t;)rD(e,t),t=Ye(t.nextSibling)}if(P3(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(q(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){S2=Ye(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}S2=null}}else S2=F2?Ye(e.stateNode.nextSibling):null;return!0}function oD(){for(var e=S2;e;)e=Ye(e.nextSibling)}function In(){S2=F2=null,_0=!1}function Oc(e){J2===null?J2=[e]:J2.push(e)}var Hg=Re.ReactCurrentBatchConfig;function Y2(e,t){if(e&&e.defaultProps){t=R0({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}var Ea=lt(null),ga=null,un=null,Pc=null;function Nc(){Pc=un=ga=null}function Mc(e){var t=Ea.current;F0(Ea),e._currentValue=t}function ds(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function gn(e,t){ga=e,Pc=un=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(C2=!0),e.firstContext=null)}function V2(e){var t=e._currentValue;if(Pc!==e)if(e={context:e,memoizedValue:t,next:null},un===null){if(ga===null)throw Error(q(308));un=e,ga.dependencies={lanes:0,firstContext:e}}else un=un.next=e;return t}var vt=null;function $c(e){vt===null?vt=[e]:vt.push(e)}function aD(e,t,n,r){var o=t.interleaved;return o===null?(n.next=n,$c(t)):(n.next=o.next,o.next=n),t.interleaved=n,Te(e,r)}function Te(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Me=!1;function zc(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function iD(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function xe(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ke(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,f0&2){var o=r.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Te(e,n)}return o=r.interleaved,o===null?(t.next=t,$c(r)):(t.next=o.next,o.next=t),r.interleaved=t,Te(e,n)}function Uo(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,xc(e,n)}}function N3(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var o=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};a===null?o=a=i:a=a.next=i,n=n.next}while(n!==null);a===null?o=a=t:a=a.next=t}else o=a=t;n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ha(e,t,n,r){var o=e.updateQueue;Me=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,l=o.shared.pending;if(l!==null){o.shared.pending=null;var c=l,u=c.next;c.next=null,i===null?a=u:i.next=u,i=c;var d=e.alternate;d!==null&&(d=d.updateQueue,l=d.lastBaseUpdate,l!==i&&(l===null?d.firstBaseUpdate=u:l.next=u,d.lastBaseUpdate=c))}if(a!==null){var A=o.baseState;i=0,d=u=c=null,l=a;do{var D=l.lane,B=l.eventTime;if((r&D)===D){d!==null&&(d=d.next={eventTime:B,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var C=e,p=l;switch(D=t,B=n,p.tag){case 1:if(C=p.payload,typeof C=="function"){A=C.call(B,A,D);break e}A=C;break e;case 3:C.flags=C.flags&-65537|128;case 0:if(C=p.payload,D=typeof C=="function"?C.call(B,A,D):C,D==null)break e;A=R0({},A,D);break e;case 2:Me=!0}}l.callback!==null&&l.lane!==0&&(e.flags|=64,D=o.effects,D===null?o.effects=[l]:D.push(l))}else B={eventTime:B,lane:D,tag:l.tag,payload:l.payload,callback:l.callback,next:null},d===null?(u=d=B,c=A):d=d.next=B,i|=D;if(l=l.next,l===null){if(l=o.shared.pending,l===null)break;D=l,l=D.next,D.next=null,o.lastBaseUpdate=D,o.shared.pending=null}}while(!0);if(d===null&&(c=A),o.baseState=c,o.firstBaseUpdate=u,o.lastBaseUpdate=d,t=o.shared.interleaved,t!==null){o=t;do i|=o.lane,o=o.next;while(o!==t)}else a===null&&(o.shared.lanes=0);Lt|=i,e.lanes=i,e.memoizedState=A}}function M3(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(o!==null){if(r.callback=null,r=n,typeof o!="function")throw Error(q(191,o));o.call(r)}}}var lD=new ap.Component().refs;function ps(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:R0({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var ii={isMounted:function(e){return(e=e._reactInternals)?zt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=u2(),o=Xe(e),a=xe(r,o);a.payload=t,n!=null&&(a.callback=n),t=Ke(e,a,o),t!==null&&(ee(t,e,o,r),Uo(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=u2(),o=Xe(e),a=xe(r,o);a.tag=1,a.payload=t,n!=null&&(a.callback=n),t=Ke(e,a,o),t!==null&&(ee(t,e,o,r),Uo(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=u2(),r=Xe(e),o=xe(n,r);o.tag=2,t!=null&&(o.callback=t),t=Ke(e,o,r),t!==null&&(ee(t,e,r,n),Uo(t,e,r))}};function $3(e,t,n,r,o,a,i){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,a,i):t.prototype&&t.prototype.isPureReactComponent?!Mr(n,r)||!Mr(o,a):!0}function sD(e,t,n){var r=!1,o=nt,a=t.contextType;return typeof a=="object"&&a!==null?a=V2(a):(o=m2(t)?It:o2.current,r=t.contextTypes,a=(r=r!=null)?_n(e,o):nt),t=new t(n,a),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=ii,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function z3(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ii.enqueueReplaceState(t,t.state,null)}function Ds(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=lD,zc(e);var a=t.contextType;typeof a=="object"&&a!==null?o.context=V2(a):(a=m2(t)?It:o2.current,o.context=_n(e,a)),o.state=e.memoizedState,a=t.getDerivedStateFromProps,typeof a=="function"&&(ps(e,t,a,n),o.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof o.getSnapshotBeforeUpdate=="function"||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(t=o.state,typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount(),t!==o.state&&ii.enqueueReplaceState(o,o.state,null),ha(e,n,o,r),o.state=e.memoizedState),typeof o.componentDidMount=="function"&&(e.flags|=4194308)}function lr(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(q(309));var r=n.stateNode}if(!r)throw Error(q(147,e));var o=r,a=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===a?t.ref:(t=function(i){var l=o.refs;l===lD&&(l=o.refs={}),i===null?delete l[a]:l[a]=i},t._stringRef=a,t)}if(typeof e!="string")throw Error(q(284));if(!n._owner)throw Error(q(290,e))}return e}function wo(e,t){throw e=Object.prototype.toString.call(t),Error(q(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function j3(e){var t=e._init;return t(e._payload)}function cD(e){function t(m,f){if(e){var E=m.deletions;E===null?(m.deletions=[f],m.flags|=16):E.push(f)}}function n(m,f){if(!e)return null;for(;f!==null;)t(m,f),f=f.sibling;return null}function r(m,f){for(m=new Map;f!==null;)f.key!==null?m.set(f.key,f):m.set(f.index,f),f=f.sibling;return m}function o(m,f){return m=Ze(m,f),m.index=0,m.sibling=null,m}function a(m,f,E){return m.index=E,e?(E=m.alternate,E!==null?(E=E.index,E<f?(m.flags|=2,f):E):(m.flags|=2,f)):(m.flags|=1048576,f)}function i(m){return e&&m.alternate===null&&(m.flags|=2),m}function l(m,f,E,x){return f===null||f.tag!==6?(f=sl(E,m.mode,x),f.return=m,f):(f=o(f,E),f.return=m,f)}function c(m,f,E,x){var R=E.type;return R===tn?d(m,f,E.props.children,x,E.key):f!==null&&(f.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Ne&&j3(R)===f.type)?(x=o(f,E.props),x.ref=lr(m,f,E),x.return=m,x):(x=Jo(E.type,E.key,E.props,null,m.mode,x),x.ref=lr(m,f,E),x.return=m,x)}function u(m,f,E,x){return f===null||f.tag!==4||f.stateNode.containerInfo!==E.containerInfo||f.stateNode.implementation!==E.implementation?(f=cl(E,m.mode,x),f.return=m,f):(f=o(f,E.children||[]),f.return=m,f)}function d(m,f,E,x,R){return f===null||f.tag!==7?(f=wt(E,m.mode,x,R),f.return=m,f):(f=o(f,E),f.return=m,f)}function A(m,f,E){if(typeof f=="string"&&f!==""||typeof f=="number")return f=sl(""+f,m.mode,E),f.return=m,f;if(typeof f=="object"&&f!==null){switch(f.$$typeof){case mo:return E=Jo(f.type,f.key,f.props,null,m.mode,E),E.ref=lr(m,null,f),E.return=m,E;case en:return f=cl(f,m.mode,E),f.return=m,f;case Ne:var x=f._init;return A(m,x(f._payload),E)}if(Dr(f)||nr(f))return f=wt(f,m.mode,E,null),f.return=m,f;wo(m,f)}return null}function D(m,f,E,x){var R=f!==null?f.key:null;if(typeof E=="string"&&E!==""||typeof E=="number")return R!==null?null:l(m,f,""+E,x);if(typeof E=="object"&&E!==null){switch(E.$$typeof){case mo:return E.key===R?c(m,f,E,x):null;case en:return E.key===R?u(m,f,E,x):null;case Ne:return R=E._init,D(m,f,R(E._payload),x)}if(Dr(E)||nr(E))return R!==null?null:d(m,f,E,x,null);wo(m,E)}return null}function B(m,f,E,x,R){if(typeof x=="string"&&x!==""||typeof x=="number")return m=m.get(E)||null,l(f,m,""+x,R);if(typeof x=="object"&&x!==null){switch(x.$$typeof){case mo:return m=m.get(x.key===null?E:x.key)||null,c(f,m,x,R);case en:return m=m.get(x.key===null?E:x.key)||null,u(f,m,x,R);case Ne:var L=x._init;return B(m,f,E,L(x._payload),R)}if(Dr(x)||nr(x))return m=m.get(E)||null,d(f,m,x,R,null);wo(f,x)}return null}function C(m,f,E,x){for(var R=null,L=null,k=f,S=f=0,P=null;k!==null&&S<E.length;S++){k.index>S?(P=k,k=null):P=k.sibling;var N=D(m,k,E[S],x);if(N===null){k===null&&(k=P);break}e&&k&&N.alternate===null&&t(m,k),f=a(N,f,S),L===null?R=N:L.sibling=N,L=N,k=P}if(S===E.length)return n(m,k),_0&&mt(m,S),R;if(k===null){for(;S<E.length;S++)k=A(m,E[S],x),k!==null&&(f=a(k,f,S),L===null?R=k:L.sibling=k,L=k);return _0&&mt(m,S),R}for(k=r(m,k);S<E.length;S++)P=B(k,m,S,E[S],x),P!==null&&(e&&P.alternate!==null&&k.delete(P.key===null?S:P.key),f=a(P,f,S),L===null?R=P:L.sibling=P,L=P);return e&&k.forEach(function(V){return t(m,V)}),_0&&mt(m,S),R}function p(m,f,E,x){var R=nr(E);if(typeof R!="function")throw Error(q(150));if(E=R.call(E),E==null)throw Error(q(151));for(var L=R=null,k=f,S=f=0,P=null,N=E.next();k!==null&&!N.done;S++,N=E.next()){k.index>S?(P=k,k=null):P=k.sibling;var V=D(m,k,N.value,x);if(V===null){k===null&&(k=P);break}e&&k&&V.alternate===null&&t(m,k),f=a(V,f,S),L===null?R=V:L.sibling=V,L=V,k=P}if(N.done)return n(m,k),_0&&mt(m,S),R;if(k===null){for(;!N.done;S++,N=E.next())N=A(m,N.value,x),N!==null&&(f=a(N,f,S),L===null?R=N:L.sibling=N,L=N);return _0&&mt(m,S),R}for(k=r(m,k);!N.done;S++,N=E.next())N=B(k,m,S,N.value,x),N!==null&&(e&&N.alternate!==null&&k.delete(N.key===null?S:N.key),f=a(N,f,S),L===null?R=N:L.sibling=N,L=N);return e&&k.forEach(function(w){return t(m,w)}),_0&&mt(m,S),R}function b(m,f,E,x){if(typeof E=="object"&&E!==null&&E.type===tn&&E.key===null&&(E=E.props.children),typeof E=="object"&&E!==null){switch(E.$$typeof){case mo:e:{for(var R=E.key,L=f;L!==null;){if(L.key===R){if(R=E.type,R===tn){if(L.tag===7){n(m,L.sibling),f=o(L,E.props.children),f.return=m,m=f;break e}}else if(L.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Ne&&j3(R)===L.type){n(m,L.sibling),f=o(L,E.props),f.ref=lr(m,L,E),f.return=m,m=f;break e}n(m,L);break}else t(m,L);L=L.sibling}E.type===tn?(f=wt(E.props.children,m.mode,x,E.key),f.return=m,m=f):(x=Jo(E.type,E.key,E.props,null,m.mode,x),x.ref=lr(m,f,E),x.return=m,m=x)}return i(m);case en:e:{for(L=E.key;f!==null;){if(f.key===L)if(f.tag===4&&f.stateNode.containerInfo===E.containerInfo&&f.stateNode.implementation===E.implementation){n(m,f.sibling),f=o(f,E.children||[]),f.return=m,m=f;break e}else{n(m,f);break}else t(m,f);f=f.sibling}f=cl(E,m.mode,x),f.return=m,m=f}return i(m);case Ne:return L=E._init,b(m,f,L(E._payload),x)}if(Dr(E))return C(m,f,E,x);if(nr(E))return p(m,f,E,x);wo(m,E)}return typeof E=="string"&&E!==""||typeof E=="number"?(E=""+E,f!==null&&f.tag===6?(n(m,f.sibling),f=o(f,E),f.return=m,m=f):(n(m,f),f=sl(E,m.mode,x),f.return=m,m=f),i(m)):n(m,f)}return b}var kn=cD(!0),uD=cD(!1),ro={},le=lt(ro),Vr=lt(ro),Hr=lt(ro);function xt(e){if(e===ro)throw Error(q(174));return e}function jc(e,t){switch(v0(Hr,t),v0(Vr,e),v0(le,ro),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Gl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Gl(t,e)}F0(le),v0(le,t)}function Rn(){F0(le),F0(Vr),F0(Hr)}function AD(e){xt(Hr.current);var t=xt(le.current),n=Gl(t,e.type);t!==n&&(v0(Vr,e),v0(le,n))}function Vc(e){Vr.current===e&&(F0(le),F0(Vr))}var I0=lt(0);function ya(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var nl=[];function Hc(){for(var e=0;e<nl.length;e++)nl[e]._workInProgressVersionPrimary=null;nl.length=0}var Wo=Re.ReactCurrentDispatcher,rl=Re.ReactCurrentBatchConfig,Rt=0,k0=null,H0=null,G0=null,ba=!1,vr=!1,Ur=0,Ug=0;function Q0(){throw Error(q(321))}function Uc(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!te(e[n],t[n]))return!1;return!0}function Wc(e,t,n,r,o,a){if(Rt=a,k0=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Wo.current=e===null||e.memoizedState===null?Yg:Kg,e=n(r,o),vr){a=0;do{if(vr=!1,Ur=0,25<=a)throw Error(q(301));a+=1,G0=H0=null,t.updateQueue=null,Wo.current=Jg,e=n(r,o)}while(vr)}if(Wo.current=va,t=H0!==null&&H0.next!==null,Rt=0,G0=H0=k0=null,ba=!1,t)throw Error(q(300));return e}function Gc(){var e=Ur!==0;return Ur=0,e}function re(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return G0===null?k0.memoizedState=G0=e:G0=G0.next=e,G0}function H2(){if(H0===null){var e=k0.alternate;e=e!==null?e.memoizedState:null}else e=H0.next;var t=G0===null?k0.memoizedState:G0.next;if(t!==null)G0=t,H0=e;else{if(e===null)throw Error(q(310));H0=e,e={memoizedState:H0.memoizedState,baseState:H0.baseState,baseQueue:H0.baseQueue,queue:H0.queue,next:null},G0===null?k0.memoizedState=G0=e:G0=G0.next=e}return G0}function Wr(e,t){return typeof t=="function"?t(e):t}function ol(e){var t=H2(),n=t.queue;if(n===null)throw Error(q(311));n.lastRenderedReducer=e;var r=H0,o=r.baseQueue,a=n.pending;if(a!==null){if(o!==null){var i=o.next;o.next=a.next,a.next=i}r.baseQueue=o=a,n.pending=null}if(o!==null){a=o.next,r=r.baseState;var l=i=null,c=null,u=a;do{var d=u.lane;if((Rt&d)===d)c!==null&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var A={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};c===null?(l=c=A,i=r):c=c.next=A,k0.lanes|=d,Lt|=d}u=u.next}while(u!==null&&u!==a);c===null?i=r:c.next=l,te(r,t.memoizedState)||(C2=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=c,n.lastRenderedState=r}if(e=n.interleaved,e!==null){o=e;do a=o.lane,k0.lanes|=a,Lt|=a,o=o.next;while(o!==e)}else o===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function al(e){var t=H2(),n=t.queue;if(n===null)throw Error(q(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(o!==null){n.pending=null;var i=o=o.next;do a=e(a,i.action),i=i.next;while(i!==o);te(a,t.memoizedState)||(C2=!0),t.memoizedState=a,t.baseQueue===null&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function dD(){}function pD(e,t){var n=k0,r=H2(),o=t(),a=!te(r.memoizedState,o);if(a&&(r.memoizedState=o,C2=!0),r=r.queue,qc(fD.bind(null,n,r,e),[e]),r.getSnapshot!==t||a||G0!==null&&G0.memoizedState.tag&1){if(n.flags|=2048,Gr(9,CD.bind(null,n,r,o,t),void 0,null),Y0===null)throw Error(q(349));Rt&30||DD(n,t,o)}return o}function DD(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=k0.updateQueue,t===null?(t={lastEffect:null,stores:null},k0.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function CD(e,t,n,r){t.value=n,t.getSnapshot=r,mD(t)&&BD(e)}function fD(e,t,n){return n(function(){mD(t)&&BD(e)})}function mD(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!te(e,n)}catch{return!0}}function BD(e){var t=Te(e,1);t!==null&&ee(t,e,1,-1)}function V3(e){var t=re();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Wr,lastRenderedState:e},t.queue=e,e=e.dispatch=qg.bind(null,k0,e),[t.memoizedState,e]}function Gr(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=k0.updateQueue,t===null?(t={lastEffect:null,stores:null},k0.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function ED(){return H2().memoizedState}function Go(e,t,n,r){var o=re();k0.flags|=e,o.memoizedState=Gr(1|t,n,void 0,r===void 0?null:r)}function li(e,t,n,r){var o=H2();r=r===void 0?null:r;var a=void 0;if(H0!==null){var i=H0.memoizedState;if(a=i.destroy,r!==null&&Uc(r,i.deps)){o.memoizedState=Gr(t,n,a,r);return}}k0.flags|=e,o.memoizedState=Gr(1|t,n,a,r)}function H3(e,t){return Go(8390656,8,e,t)}function qc(e,t){return li(2048,8,e,t)}function gD(e,t){return li(4,2,e,t)}function hD(e,t){return li(4,4,e,t)}function yD(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function bD(e,t,n){return n=n!=null?n.concat([e]):null,li(4,4,yD.bind(null,t,e),n)}function Yc(){}function vD(e,t){var n=H2();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Uc(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function xD(e,t){var n=H2();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Uc(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function SD(e,t,n){return Rt&21?(te(n,t)||(n=Tp(),k0.lanes|=n,Lt|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,C2=!0),e.memoizedState=n)}function Wg(e,t){var n=h0;h0=n!==0&&4>n?n:4,e(!0);var r=rl.transition;rl.transition={};try{e(!1),t()}finally{h0=n,rl.transition=r}}function FD(){return H2().memoizedState}function Gg(e,t,n){var r=Xe(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},wD(e))TD(t,n);else if(n=aD(e,t,n,r),n!==null){var o=u2();ee(n,e,r,o),_D(n,t,r)}}function qg(e,t,n){var r=Xe(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(wD(e))TD(t,o);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var i=t.lastRenderedState,l=a(i,n);if(o.hasEagerState=!0,o.eagerState=l,te(l,i)){var c=t.interleaved;c===null?(o.next=o,$c(t)):(o.next=c.next,c.next=o),t.interleaved=o;return}}catch{}finally{}n=aD(e,t,o,r),n!==null&&(o=u2(),ee(n,e,r,o),_D(n,t,r))}}function wD(e){var t=e.alternate;return e===k0||t!==null&&t===k0}function TD(e,t){vr=ba=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function _D(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,xc(e,n)}}var va={readContext:V2,useCallback:Q0,useContext:Q0,useEffect:Q0,useImperativeHandle:Q0,useInsertionEffect:Q0,useLayoutEffect:Q0,useMemo:Q0,useReducer:Q0,useRef:Q0,useState:Q0,useDebugValue:Q0,useDeferredValue:Q0,useTransition:Q0,useMutableSource:Q0,useSyncExternalStore:Q0,useId:Q0,unstable_isNewReconciler:!1},Yg={readContext:V2,useCallback:function(e,t){return re().memoizedState=[e,t===void 0?null:t],e},useContext:V2,useEffect:H3,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Go(4194308,4,yD.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Go(4194308,4,e,t)},useInsertionEffect:function(e,t){return Go(4,2,e,t)},useMemo:function(e,t){var n=re();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=re();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Gg.bind(null,k0,e),[r.memoizedState,e]},useRef:function(e){var t=re();return e={current:e},t.memoizedState=e},useState:V3,useDebugValue:Yc,useDeferredValue:function(e){return re().memoizedState=e},useTransition:function(){var e=V3(!1),t=e[0];return e=Wg.bind(null,e[1]),re().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=k0,o=re();if(_0){if(n===void 0)throw Error(q(407));n=n()}else{if(n=t(),Y0===null)throw Error(q(349));Rt&30||DD(r,t,n)}o.memoizedState=n;var a={value:n,getSnapshot:t};return o.queue=a,H3(fD.bind(null,r,a,e),[e]),r.flags|=2048,Gr(9,CD.bind(null,r,a,n,t),void 0,null),n},useId:function(){var e=re(),t=Y0.identifierPrefix;if(_0){var n=ve,r=be;n=(r&~(1<<32-Q2(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ur++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=Ug++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},Kg={readContext:V2,useCallback:vD,useContext:V2,useEffect:qc,useImperativeHandle:bD,useInsertionEffect:gD,useLayoutEffect:hD,useMemo:xD,useReducer:ol,useRef:ED,useState:function(){return ol(Wr)},useDebugValue:Yc,useDeferredValue:function(e){var t=H2();return SD(t,H0.memoizedState,e)},useTransition:function(){var e=ol(Wr)[0],t=H2().memoizedState;return[e,t]},useMutableSource:dD,useSyncExternalStore:pD,useId:FD,unstable_isNewReconciler:!1},Jg={readContext:V2,useCallback:vD,useContext:V2,useEffect:qc,useImperativeHandle:bD,useInsertionEffect:gD,useLayoutEffect:hD,useMemo:xD,useReducer:al,useRef:ED,useState:function(){return al(Wr)},useDebugValue:Yc,useDeferredValue:function(e){var t=H2();return H0===null?t.memoizedState=e:SD(t,H0.memoizedState,e)},useTransition:function(){var e=al(Wr)[0],t=H2().memoizedState;return[e,t]},useMutableSource:dD,useSyncExternalStore:pD,useId:FD,unstable_isNewReconciler:!1};function Ln(e,t){try{var n="",r=t;do n+=vE(r),r=r.return;while(r);var o=n}catch(a){o=`
+Error generating stack: `+a.message+`
+`+a.stack}return{value:e,source:t,stack:o,digest:null}}function il(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Cs(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var Xg=typeof WeakMap=="function"?WeakMap:Map;function ID(e,t,n){n=xe(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Sa||(Sa=!0,xs=r),Cs(e,t)},n}function kD(e,t,n){n=xe(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){Cs(e,t)}}var a=e.stateNode;return a!==null&&typeof a.componentDidCatch=="function"&&(n.callback=function(){Cs(e,t),typeof r!="function"&&(Je===null?Je=new Set([this]):Je.add(this));var i=t.stack;this.componentDidCatch(t.value,{componentStack:i!==null?i:""})}),n}function U3(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Xg;var o=new Set;r.set(t,o)}else o=r.get(t),o===void 0&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=Ah.bind(null,e,t,n),t.then(e,e))}function W3(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function G3(e,t,n,r,o){return e.mode&1?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=xe(-1,1),t.tag=2,Ke(n,t,1))),n.lanes|=1),e)}var Zg=Re.ReactCurrentOwner,C2=!1;function l2(e,t,n,r){t.child=e===null?uD(t,null,n,r):kn(t,e.child,n,r)}function q3(e,t,n,r,o){n=n.render;var a=t.ref;return gn(t,o),r=Wc(e,t,n,r,a,o),n=Gc(),e!==null&&!C2?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,_e(e,t,o)):(_0&&n&&Rc(t),t.flags|=1,l2(e,t,r,o),t.child)}function Y3(e,t,n,r,o){if(e===null){var a=n.type;return typeof a=="function"&&!nu(a)&&a.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=a,RD(e,t,a,r,o)):(e=Jo(n.type,null,r,t,t.mode,o),e.ref=t.ref,e.return=t,t.child=e)}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if(n=n.compare,n=n!==null?n:Mr,n(i,r)&&e.ref===t.ref)return _e(e,t,o)}return t.flags|=1,e=Ze(a,r),e.ref=t.ref,e.return=t,t.child=e}function RD(e,t,n,r,o){if(e!==null){var a=e.memoizedProps;if(Mr(a,r)&&e.ref===t.ref)if(C2=!1,t.pendingProps=r=a,(e.lanes&o)!==0)e.flags&131072&&(C2=!0);else return t.lanes=e.lanes,_e(e,t,o)}return fs(e,t,n,r,o)}function LD(e,t,n){var r=t.pendingProps,o=r.children,a=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},v0(dn,x2),x2|=n;else{if(!(n&1073741824))return e=a!==null?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,v0(dn,x2),x2|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=a!==null?a.baseLanes:n,v0(dn,x2),x2|=r}else a!==null?(r=a.baseLanes|n,t.memoizedState=null):r=n,v0(dn,x2),x2|=r;return l2(e,t,o,n),t.child}function OD(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function fs(e,t,n,r,o){var a=m2(n)?It:o2.current;return a=_n(t,a),gn(t,o),n=Wc(e,t,n,r,a,o),r=Gc(),e!==null&&!C2?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,_e(e,t,o)):(_0&&r&&Rc(t),t.flags|=1,l2(e,t,n,o),t.child)}function K3(e,t,n,r,o){if(m2(n)){var a=!0;fa(t)}else a=!1;if(gn(t,o),t.stateNode===null)qo(e,t),sD(t,n,r),Ds(t,n,r,o),r=!0;else if(e===null){var i=t.stateNode,l=t.memoizedProps;i.props=l;var c=i.context,u=n.contextType;typeof u=="object"&&u!==null?u=V2(u):(u=m2(n)?It:o2.current,u=_n(t,u));var d=n.getDerivedStateFromProps,A=typeof d=="function"||typeof i.getSnapshotBeforeUpdate=="function";A||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(l!==r||c!==u)&&z3(t,i,r,u),Me=!1;var D=t.memoizedState;i.state=D,ha(t,r,i,o),c=t.memoizedState,l!==r||D!==c||f2.current||Me?(typeof d=="function"&&(ps(t,n,d,r),c=t.memoizedState),(l=Me||$3(t,n,l,r,D,c,u))?(A||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount()),typeof i.componentDidMount=="function"&&(t.flags|=4194308)):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=c),i.props=r,i.state=c,i.context=u,r=l):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,iD(e,t),l=t.memoizedProps,u=t.type===t.elementType?l:Y2(t.type,l),i.props=u,A=t.pendingProps,D=i.context,c=n.contextType,typeof c=="object"&&c!==null?c=V2(c):(c=m2(n)?It:o2.current,c=_n(t,c));var B=n.getDerivedStateFromProps;(d=typeof B=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(l!==A||D!==c)&&z3(t,i,r,c),Me=!1,D=t.memoizedState,i.state=D,ha(t,r,i,o);var C=t.memoizedState;l!==A||D!==C||f2.current||Me?(typeof B=="function"&&(ps(t,n,B,r),C=t.memoizedState),(u=Me||$3(t,n,u,r,D,C,c)||!1)?(d||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(r,C,c),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(r,C,c)),typeof i.componentDidUpdate=="function"&&(t.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof i.componentDidUpdate!="function"||l===e.memoizedProps&&D===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&D===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=C),i.props=r,i.state=C,i.context=c,r=u):(typeof i.componentDidUpdate!="function"||l===e.memoizedProps&&D===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&D===e.memoizedState||(t.flags|=1024),r=!1)}return ms(e,t,n,r,a,o)}function ms(e,t,n,r,o,a){OD(e,t);var i=(t.flags&128)!==0;if(!r&&!i)return o&&L3(t,n,!1),_e(e,t,a);r=t.stateNode,Zg.current=t;var l=i&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&i?(t.child=kn(t,e.child,null,a),t.child=kn(t,null,l,a)):l2(e,t,l,a),t.memoizedState=r.state,o&&L3(t,n,!0),t.child}function PD(e){var t=e.stateNode;t.pendingContext?R3(e,t.pendingContext,t.pendingContext!==t.context):t.context&&R3(e,t.context,!1),jc(e,t.containerInfo)}function J3(e,t,n,r,o){return In(),Oc(o),t.flags|=256,l2(e,t,n,r),t.child}var Bs={dehydrated:null,treeContext:null,retryLane:0};function Es(e){return{baseLanes:e,cachePool:null,transitions:null}}function ND(e,t,n){var r=t.pendingProps,o=I0.current,a=!1,i=(t.flags&128)!==0,l;if((l=i)||(l=e!==null&&e.memoizedState===null?!1:(o&2)!==0),l?(a=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(o|=1),v0(I0,o&1),e===null)return As(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(i=r.children,e=r.fallback,a?(r=t.mode,a=t.child,i={mode:"hidden",children:i},!(r&1)&&a!==null?(a.childLanes=0,a.pendingProps=i):a=ui(i,r,0,null),e=wt(e,r,n,null),a.return=t,e.return=t,a.sibling=e,t.child=a,t.child.memoizedState=Es(n),t.memoizedState=Bs,e):Kc(t,i));if(o=e.memoizedState,o!==null&&(l=o.dehydrated,l!==null))return Qg(e,t,i,r,l,o,n);if(a){a=r.fallback,i=t.mode,o=e.child,l=o.sibling;var c={mode:"hidden",children:r.children};return!(i&1)&&t.child!==o?(r=t.child,r.childLanes=0,r.pendingProps=c,t.deletions=null):(r=Ze(o,c),r.subtreeFlags=o.subtreeFlags&14680064),l!==null?a=Ze(l,a):(a=wt(a,i,n,null),a.flags|=2),a.return=t,r.return=t,r.sibling=a,t.child=r,r=a,a=t.child,i=e.child.memoizedState,i=i===null?Es(n):{baseLanes:i.baseLanes|n,cachePool:null,transitions:i.transitions},a.memoizedState=i,a.childLanes=e.childLanes&~n,t.memoizedState=Bs,r}return a=e.child,e=a.sibling,r=Ze(a,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Kc(e,t){return t=ui({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function To(e,t,n,r){return r!==null&&Oc(r),kn(t,e.child,null,n),e=Kc(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Qg(e,t,n,r,o,a,i){if(n)return t.flags&256?(t.flags&=-257,r=il(Error(q(422))),To(e,t,i,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(a=r.fallback,o=t.mode,r=ui({mode:"visible",children:r.children},o,0,null),a=wt(a,o,i,null),a.flags|=2,r.return=t,a.return=t,r.sibling=a,t.child=r,t.mode&1&&kn(t,e.child,null,i),t.child.memoizedState=Es(i),t.memoizedState=Bs,a);if(!(t.mode&1))return To(e,t,i,null);if(o.data==="$!"){if(r=o.nextSibling&&o.nextSibling.dataset,r)var l=r.dgst;return r=l,a=Error(q(419)),r=il(a,r,void 0),To(e,t,i,r)}if(l=(i&e.childLanes)!==0,C2||l){if(r=Y0,r!==null){switch(i&-i){case 4:o=2;break;case 16:o=8;break;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:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}o=o&(r.suspendedLanes|i)?0:o,o!==0&&o!==a.retryLane&&(a.retryLane=o,Te(e,o),ee(r,e,o,-1))}return tu(),r=il(Error(q(421))),To(e,t,i,r)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=dh.bind(null,e),o._reactRetry=t,null):(e=a.treeContext,S2=Ye(o.nextSibling),F2=t,_0=!0,J2=null,e!==null&&(O2[P2++]=be,O2[P2++]=ve,O2[P2++]=kt,be=e.id,ve=e.overflow,kt=t),t=Kc(t,r.children),t.flags|=4096,t)}function X3(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),ds(e.return,t,n)}function ll(e,t,n,r,o){var a=e.memoizedState;a===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function MD(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(l2(e,t,r.children,n),r=I0.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&X3(e,n,t);else if(e.tag===19)X3(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(v0(I0,r),!(t.mode&1))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;n!==null;)e=n.alternate,e!==null&&ya(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),ll(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;o!==null;){if(e=o.alternate,e!==null&&ya(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}ll(t,!0,n,null,a);break;case"together":ll(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function qo(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function _e(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Lt|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(q(153));if(t.child!==null){for(e=t.child,n=Ze(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Ze(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function eh(e,t,n){switch(t.tag){case 3:PD(t),In();break;case 5:AD(t);break;case 1:m2(t.type)&&fa(t);break;case 4:jc(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;v0(Ea,r._currentValue),r._currentValue=o;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(v0(I0,I0.current&1),t.flags|=128,null):n&t.child.childLanes?ND(e,t,n):(v0(I0,I0.current&1),e=_e(e,t,n),e!==null?e.sibling:null);v0(I0,I0.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return MD(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),v0(I0,I0.current),r)break;return null;case 22:case 23:return t.lanes=0,LD(e,t,n)}return _e(e,t,n)}var $D,gs,zD,jD;$D=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&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;n=n.return}n.sibling.return=n.return,n=n.sibling}};gs=function(){};zD=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,xt(le.current);var a=null;switch(n){case"input":o=Vl(e,o),r=Vl(e,r),a=[];break;case"select":o=R0({},o,{value:void 0}),r=R0({},r,{value:void 0}),a=[];break;case"textarea":o=Wl(e,o),r=Wl(e,r),a=[];break;default:typeof o.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Da)}ql(n,r);var i;n=null;for(u in o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&o[u]!=null)if(u==="style"){var l=o[u];for(i in l)l.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(Ir.hasOwnProperty(u)?a||(a=[]):(a=a||[]).push(u,null));for(u in r){var c=r[u];if(l=o!=null?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(c!=null||l!=null))if(u==="style")if(l){for(i in l)!l.hasOwnProperty(i)||c&&c.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in c)c.hasOwnProperty(i)&&l[i]!==c[i]&&(n||(n={}),n[i]=c[i])}else n||(a||(a=[]),a.push(u,n)),n=c;else u==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,l=l?l.__html:void 0,c!=null&&l!==c&&(a=a||[]).push(u,c)):u==="children"?typeof c!="string"&&typeof c!="number"||(a=a||[]).push(u,""+c):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(Ir.hasOwnProperty(u)?(c!=null&&u==="onScroll"&&S0("scroll",e),a||l===c||(a=[])):(a=a||[]).push(u,c))}n&&(a=a||[]).push("style",n);var u=a;(t.updateQueue=u)&&(t.flags|=4)}};jD=function(e,t,n,r){n!==r&&(t.flags|=4)};function sr(e,t){if(!_0)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function e2(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags&14680064,r|=o.flags&14680064,o.return=e,o=o.sibling;else for(o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function th(e,t,n){var r=t.pendingProps;switch(Lc(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return e2(t),null;case 1:return m2(t.type)&&Ca(),e2(t),null;case 3:return r=t.stateNode,Rn(),F0(f2),F0(o2),Hc(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Fo(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,J2!==null&&(ws(J2),J2=null))),gs(e,t),e2(t),null;case 5:Vc(t);var o=xt(Hr.current);if(n=t.type,e!==null&&t.stateNode!=null)zD(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(q(166));return e2(t),null}if(e=xt(le.current),Fo(t)){r=t.stateNode,n=t.type;var a=t.memoizedProps;switch(r[oe]=t,r[jr]=a,e=(t.mode&1)!==0,n){case"dialog":S0("cancel",r),S0("close",r);break;case"iframe":case"object":case"embed":S0("load",r);break;case"video":case"audio":for(o=0;o<fr.length;o++)S0(fr[o],r);break;case"source":S0("error",r);break;case"img":case"image":case"link":S0("error",r),S0("load",r);break;case"details":S0("toggle",r);break;case"input":i3(r,a),S0("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!a.multiple},S0("invalid",r);break;case"textarea":s3(r,a),S0("invalid",r)}ql(n,a),o=null;for(var i in a)if(a.hasOwnProperty(i)){var l=a[i];i==="children"?typeof l=="string"?r.textContent!==l&&(a.suppressHydrationWarning!==!0&&So(r.textContent,l,e),o=["children",l]):typeof l=="number"&&r.textContent!==""+l&&(a.suppressHydrationWarning!==!0&&So(r.textContent,l,e),o=["children",""+l]):Ir.hasOwnProperty(i)&&l!=null&&i==="onScroll"&&S0("scroll",r)}switch(n){case"input":Bo(r),l3(r,a,!0);break;case"textarea":Bo(r),c3(r);break;case"select":case"option":break;default:typeof a.onClick=="function"&&(r.onclick=Da)}r=o,t.updateQueue=r,r!==null&&(t.flags|=4)}else{i=o.nodeType===9?o:o.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Dp(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=i.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[oe]=t,e[jr]=r,$D(e,t,!1,!1),t.stateNode=e;e:{switch(i=Yl(n,r),n){case"dialog":S0("cancel",e),S0("close",e),o=r;break;case"iframe":case"object":case"embed":S0("load",e),o=r;break;case"video":case"audio":for(o=0;o<fr.length;o++)S0(fr[o],e);o=r;break;case"source":S0("error",e),o=r;break;case"img":case"image":case"link":S0("error",e),S0("load",e),o=r;break;case"details":S0("toggle",e),o=r;break;case"input":i3(e,r),o=Vl(e,r),S0("invalid",e);break;case"option":o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=R0({},r,{value:void 0}),S0("invalid",e);break;case"textarea":s3(e,r),o=Wl(e,r),S0("invalid",e);break;default:o=r}ql(n,o),l=o;for(a in l)if(l.hasOwnProperty(a)){var c=l[a];a==="style"?mp(e,c):a==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,c!=null&&Cp(e,c)):a==="children"?typeof c=="string"?(n!=="textarea"||c!=="")&&kr(e,c):typeof c=="number"&&kr(e,""+c):a!=="suppressContentEditableWarning"&&a!=="suppressHydrationWarning"&&a!=="autoFocus"&&(Ir.hasOwnProperty(a)?c!=null&&a==="onScroll"&&S0("scroll",e):c!=null&&Ec(e,a,c,i))}switch(n){case"input":Bo(e),l3(e,r,!1);break;case"textarea":Bo(e),c3(e);break;case"option":r.value!=null&&e.setAttribute("value",""+tt(r.value));break;case"select":e.multiple=!!r.multiple,a=r.value,a!=null?fn(e,!!r.multiple,a,!1):r.defaultValue!=null&&fn(e,!!r.multiple,r.defaultValue,!0);break;default:typeof o.onClick=="function"&&(e.onclick=Da)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return e2(t),null;case 6:if(e&&t.stateNode!=null)jD(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(q(166));if(n=xt(Hr.current),xt(le.current),Fo(t)){if(r=t.stateNode,n=t.memoizedProps,r[oe]=t,(a=r.nodeValue!==n)&&(e=F2,e!==null))switch(e.tag){case 3:So(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&So(r.nodeValue,n,(e.mode&1)!==0)}a&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[oe]=t,t.stateNode=r}return e2(t),null;case 13:if(F0(I0),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(_0&&S2!==null&&t.mode&1&&!(t.flags&128))oD(),In(),t.flags|=98560,a=!1;else if(a=Fo(t),r!==null&&r.dehydrated!==null){if(e===null){if(!a)throw Error(q(318));if(a=t.memoizedState,a=a!==null?a.dehydrated:null,!a)throw Error(q(317));a[oe]=t}else In(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;e2(t),a=!1}else J2!==null&&(ws(J2),J2=null),a=!0;if(!a)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,t.mode&1&&(e===null||I0.current&1?U0===0&&(U0=3):tu())),t.updateQueue!==null&&(t.flags|=4),e2(t),null);case 4:return Rn(),gs(e,t),e===null&&$r(t.stateNode.containerInfo),e2(t),null;case 10:return Mc(t.type._context),e2(t),null;case 17:return m2(t.type)&&Ca(),e2(t),null;case 19:if(F0(I0),a=t.memoizedState,a===null)return e2(t),null;if(r=(t.flags&128)!==0,i=a.rendering,i===null)if(r)sr(a,!1);else{if(U0!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(i=ya(e),i!==null){for(t.flags|=128,sr(a,!1),r=i.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)a=n,e=r,a.flags&=14680066,i=a.alternate,i===null?(a.childLanes=0,a.lanes=e,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=i.childLanes,a.lanes=i.lanes,a.child=i.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=i.memoizedProps,a.memoizedState=i.memoizedState,a.updateQueue=i.updateQueue,a.type=i.type,e=i.dependencies,a.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return v0(I0,I0.current&1|2),t.child}e=e.sibling}a.tail!==null&&N0()>On&&(t.flags|=128,r=!0,sr(a,!1),t.lanes=4194304)}else{if(!r)if(e=ya(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),sr(a,!0),a.tail===null&&a.tailMode==="hidden"&&!i.alternate&&!_0)return e2(t),null}else 2*N0()-a.renderingStartTime>On&&n!==1073741824&&(t.flags|=128,r=!0,sr(a,!1),t.lanes=4194304);a.isBackwards?(i.sibling=t.child,t.child=i):(n=a.last,n!==null?n.sibling=i:t.child=i,a.last=i)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=N0(),t.sibling=null,n=I0.current,v0(I0,r?n&1|2:n&1),t):(e2(t),null);case 22:case 23:return eu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?x2&1073741824&&(e2(t),t.subtreeFlags&6&&(t.flags|=8192)):e2(t),null;case 24:return null;case 25:return null}throw Error(q(156,t.tag))}function nh(e,t){switch(Lc(t),t.tag){case 1:return m2(t.type)&&Ca(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Rn(),F0(f2),F0(o2),Hc(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Vc(t),null;case 13:if(F0(I0),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(q(340));In()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F0(I0),null;case 4:return Rn(),null;case 10:return Mc(t.type._context),null;case 22:case 23:return eu(),null;case 24:return null;default:return null}}var _o=!1,t2=!1,rh=typeof WeakSet=="function"?WeakSet:Set,t0=null;function An(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){L0(e,t,r)}else n.current=null}function hs(e,t,n){try{n()}catch(r){L0(e,t,r)}}var Z3=!1;function oh(e,t){if(os=Aa,e=Wp(),kc(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,a=r.focusNode;r=r.focusOffset;try{n.nodeType,a.nodeType}catch{n=null;break e}var i=0,l=-1,c=-1,u=0,d=0,A=e,D=null;t:for(;;){for(var B;A!==n||o!==0&&A.nodeType!==3||(l=i+o),A!==a||r!==0&&A.nodeType!==3||(c=i+r),A.nodeType===3&&(i+=A.nodeValue.length),(B=A.firstChild)!==null;)D=A,A=B;for(;;){if(A===e)break t;if(D===n&&++u===o&&(l=i),D===a&&++d===r&&(c=i),(B=A.nextSibling)!==null)break;A=D,D=A.parentNode}A=B}n=l===-1||c===-1?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(as={focusedElem:e,selectionRange:n},Aa=!1,t0=t;t0!==null;)if(t=t0,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,t0=e;else for(;t0!==null;){t=t0;try{var C=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(C!==null){var p=C.memoizedProps,b=C.memoizedState,m=t.stateNode,f=m.getSnapshotBeforeUpdate(t.elementType===t.type?p:Y2(t.type,p),b);m.__reactInternalSnapshotBeforeUpdate=f}break;case 3:var E=t.stateNode.containerInfo;E.nodeType===1?E.textContent="":E.nodeType===9&&E.documentElement&&E.removeChild(E.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(q(163))}}catch(x){L0(t,t.return,x)}if(e=t.sibling,e!==null){e.return=t.return,t0=e;break}t0=t.return}return C=Z3,Z3=!1,C}function xr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,a!==void 0&&hs(t,n,a)}o=o.next}while(o!==r)}}function si(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ys(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function VD(e){var t=e.alternate;t!==null&&(e.alternate=null,VD(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[oe],delete t[jr],delete t[ss],delete t[zg],delete t[jg])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function HD(e){return e.tag===5||e.tag===3||e.tag===4}function Q3(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||HD(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function bs(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Da));else if(r!==4&&(e=e.child,e!==null))for(bs(e,t,n),e=e.sibling;e!==null;)bs(e,t,n),e=e.sibling}function vs(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(vs(e,t,n),e=e.sibling;e!==null;)vs(e,t,n),e=e.sibling}var K0=null,K2=!1;function Pe(e,t,n){for(n=n.child;n!==null;)UD(e,t,n),n=n.sibling}function UD(e,t,n){if(ie&&typeof ie.onCommitFiberUnmount=="function")try{ie.onCommitFiberUnmount(ei,n)}catch{}switch(n.tag){case 5:t2||An(n,t);case 6:var r=K0,o=K2;K0=null,Pe(e,t,n),K0=r,K2=o,K0!==null&&(K2?(e=K0,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):K0.removeChild(n.stateNode));break;case 18:K0!==null&&(K2?(e=K0,n=n.stateNode,e.nodeType===8?el(e.parentNode,n):e.nodeType===1&&el(e,n),Pr(e)):el(K0,n.stateNode));break;case 4:r=K0,o=K2,K0=n.stateNode.containerInfo,K2=!0,Pe(e,t,n),K0=r,K2=o;break;case 0:case 11:case 14:case 15:if(!t2&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,i!==void 0&&(a&2||a&4)&&hs(n,t,i),o=o.next}while(o!==r)}Pe(e,t,n);break;case 1:if(!t2&&(An(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){L0(n,t,l)}Pe(e,t,n);break;case 21:Pe(e,t,n);break;case 22:n.mode&1?(t2=(r=t2)||n.memoizedState!==null,Pe(e,t,n),t2=r):Pe(e,t,n);break;default:Pe(e,t,n)}}function eA(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new rh),t.forEach(function(r){var o=ph.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function q2(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var o=n[r];try{var a=e,i=t,l=i;e:for(;l!==null;){switch(l.tag){case 5:K0=l.stateNode,K2=!1;break e;case 3:K0=l.stateNode.containerInfo,K2=!0;break e;case 4:K0=l.stateNode.containerInfo,K2=!0;break e}l=l.return}if(K0===null)throw Error(q(160));UD(a,i,o),K0=null,K2=!1;var c=o.alternate;c!==null&&(c.return=null),o.return=null}catch(u){L0(o,t,u)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)WD(t,e),t=t.sibling}function WD(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(q2(t,e),ne(e),r&4){try{xr(3,e,e.return),si(3,e)}catch(p){L0(e,e.return,p)}try{xr(5,e,e.return)}catch(p){L0(e,e.return,p)}}break;case 1:q2(t,e),ne(e),r&512&&n!==null&&An(n,n.return);break;case 5:if(q2(t,e),ne(e),r&512&&n!==null&&An(n,n.return),e.flags&32){var o=e.stateNode;try{kr(o,"")}catch(p){L0(e,e.return,p)}}if(r&4&&(o=e.stateNode,o!=null)){var a=e.memoizedProps,i=n!==null?n.memoizedProps:a,l=e.type,c=e.updateQueue;if(e.updateQueue=null,c!==null)try{l==="input"&&a.type==="radio"&&a.name!=null&&dp(o,a),Yl(l,i);var u=Yl(l,a);for(i=0;i<c.length;i+=2){var d=c[i],A=c[i+1];d==="style"?mp(o,A):d==="dangerouslySetInnerHTML"?Cp(o,A):d==="children"?kr(o,A):Ec(o,d,A,u)}switch(l){case"input":Hl(o,a);break;case"textarea":pp(o,a);break;case"select":var D=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!a.multiple;var B=a.value;B!=null?fn(o,!!a.multiple,B,!1):D!==!!a.multiple&&(a.defaultValue!=null?fn(o,!!a.multiple,a.defaultValue,!0):fn(o,!!a.multiple,a.multiple?[]:"",!1))}o[jr]=a}catch(p){L0(e,e.return,p)}}break;case 6:if(q2(t,e),ne(e),r&4){if(e.stateNode===null)throw Error(q(162));o=e.stateNode,a=e.memoizedProps;try{o.nodeValue=a}catch(p){L0(e,e.return,p)}}break;case 3:if(q2(t,e),ne(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{Pr(t.containerInfo)}catch(p){L0(e,e.return,p)}break;case 4:q2(t,e),ne(e);break;case 13:q2(t,e),ne(e),o=e.child,o.flags&8192&&(a=o.memoizedState!==null,o.stateNode.isHidden=a,!a||o.alternate!==null&&o.alternate.memoizedState!==null||(Zc=N0())),r&4&&eA(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(t2=(u=t2)||d,q2(t,e),t2=u):q2(t,e),ne(e),r&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(t0=e,d=e.child;d!==null;){for(A=t0=d;t0!==null;){switch(D=t0,B=D.child,D.tag){case 0:case 11:case 14:case 15:xr(4,D,D.return);break;case 1:An(D,D.return);var C=D.stateNode;if(typeof C.componentWillUnmount=="function"){r=D,n=D.return;try{t=r,C.props=t.memoizedProps,C.state=t.memoizedState,C.componentWillUnmount()}catch(p){L0(r,n,p)}}break;case 5:An(D,D.return);break;case 22:if(D.memoizedState!==null){nA(A);continue}}B!==null?(B.return=D,t0=B):nA(A)}d=d.sibling}e:for(d=null,A=e;;){if(A.tag===5){if(d===null){d=A;try{o=A.stateNode,u?(a=o.style,typeof a.setProperty=="function"?a.setProperty("display","none","important"):a.display="none"):(l=A.stateNode,c=A.memoizedProps.style,i=c!=null&&c.hasOwnProperty("display")?c.display:null,l.style.display=fp("display",i))}catch(p){L0(e,e.return,p)}}}else if(A.tag===6){if(d===null)try{A.stateNode.nodeValue=u?"":A.memoizedProps}catch(p){L0(e,e.return,p)}}else if((A.tag!==22&&A.tag!==23||A.memoizedState===null||A===e)&&A.child!==null){A.child.return=A,A=A.child;continue}if(A===e)break e;for(;A.sibling===null;){if(A.return===null||A.return===e)break e;d===A&&(d=null),A=A.return}d===A&&(d=null),A.sibling.return=A.return,A=A.sibling}}break;case 19:q2(t,e),ne(e),r&4&&eA(e);break;case 21:break;default:q2(t,e),ne(e)}}function ne(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(HD(n)){var r=n;break e}n=n.return}throw Error(q(160))}switch(r.tag){case 5:var o=r.stateNode;r.flags&32&&(kr(o,""),r.flags&=-33);var a=Q3(e);vs(e,a,o);break;case 3:case 4:var i=r.stateNode.containerInfo,l=Q3(e);bs(e,l,i);break;default:throw Error(q(161))}}catch(c){L0(e,e.return,c)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function ah(e,t,n){t0=e,GD(e)}function GD(e,t,n){for(var r=(e.mode&1)!==0;t0!==null;){var o=t0,a=o.child;if(o.tag===22&&r){var i=o.memoizedState!==null||_o;if(!i){var l=o.alternate,c=l!==null&&l.memoizedState!==null||t2;l=_o;var u=t2;if(_o=i,(t2=c)&&!u)for(t0=o;t0!==null;)i=t0,c=i.child,i.tag===22&&i.memoizedState!==null?rA(o):c!==null?(c.return=i,t0=c):rA(o);for(;a!==null;)t0=a,GD(a),a=a.sibling;t0=o,_o=l,t2=u}tA(e)}else o.subtreeFlags&8772&&a!==null?(a.return=o,t0=a):tA(e)}}function tA(e){for(;t0!==null;){var t=t0;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:t2||si(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!t2)if(n===null)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:Y2(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var a=t.updateQueue;a!==null&&M3(t,a,r);break;case 3:var i=t.updateQueue;if(i!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}M3(t,i,n)}break;case 5:var l=t.stateNode;if(n===null&&t.flags&4){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var A=d.dehydrated;A!==null&&Pr(A)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(q(163))}t2||t.flags&512&&ys(t)}catch(D){L0(t,t.return,D)}}if(t===e){t0=null;break}if(n=t.sibling,n!==null){n.return=t.return,t0=n;break}t0=t.return}}function nA(e){for(;t0!==null;){var t=t0;if(t===e){t0=null;break}var n=t.sibling;if(n!==null){n.return=t.return,t0=n;break}t0=t.return}}function rA(e){for(;t0!==null;){var t=t0;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{si(4,t)}catch(c){L0(t,n,c)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var o=t.return;try{r.componentDidMount()}catch(c){L0(t,o,c)}}var a=t.return;try{ys(t)}catch(c){L0(t,a,c)}break;case 5:var i=t.return;try{ys(t)}catch(c){L0(t,i,c)}}}catch(c){L0(t,t.return,c)}if(t===e){t0=null;break}var l=t.sibling;if(l!==null){l.return=t.return,t0=l;break}t0=t.return}}var ih=Math.ceil,xa=Re.ReactCurrentDispatcher,Jc=Re.ReactCurrentOwner,z2=Re.ReactCurrentBatchConfig,f0=0,Y0=null,z0=null,X0=0,x2=0,dn=lt(0),U0=0,qr=null,Lt=0,ci=0,Xc=0,Sr=null,p2=null,Zc=0,On=1/0,me=null,Sa=!1,xs=null,Je=null,Io=!1,Ue=null,Fa=0,Fr=0,Ss=null,Yo=-1,Ko=0;function u2(){return f0&6?N0():Yo!==-1?Yo:Yo=N0()}function Xe(e){return e.mode&1?f0&2&&X0!==0?X0&-X0:Hg.transition!==null?(Ko===0&&(Ko=Tp()),Ko):(e=h0,e!==0||(e=window.event,e=e===void 0?16:Pp(e.type)),e):1}function ee(e,t,n,r){if(50<Fr)throw Fr=0,Ss=null,Error(q(185));eo(e,n,r),(!(f0&2)||e!==Y0)&&(e===Y0&&(!(f0&2)&&(ci|=n),U0===4&&ze(e,X0)),B2(e,r),n===1&&f0===0&&!(t.mode&1)&&(On=N0()+500,ai&&st()))}function B2(e,t){var n=e.callbackNode;HE(e,t);var r=ua(e,e===Y0?X0:0);if(r===0)n!==null&&d3(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&d3(n),t===1)e.tag===0?Vg(oA.bind(null,e)):tD(oA.bind(null,e)),Mg(function(){!(f0&6)&&st()}),n=null;else{switch(_p(r)){case 1:n=vc;break;case 4:n=Fp;break;case 16:n=ca;break;case 536870912:n=wp;break;default:n=ca}n=eC(n,qD.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function qD(e,t){if(Yo=-1,Ko=0,f0&6)throw Error(q(327));var n=e.callbackNode;if(hn()&&e.callbackNode!==n)return null;var r=ua(e,e===Y0?X0:0);if(r===0)return null;if(r&30||r&e.expiredLanes||t)t=wa(e,r);else{t=r;var o=f0;f0|=2;var a=KD();(Y0!==e||X0!==t)&&(me=null,On=N0()+500,Ft(e,t));do try{ch();break}catch(l){YD(e,l)}while(!0);Nc(),xa.current=a,f0=o,z0!==null?t=0:(Y0=null,X0=0,t=U0)}if(t!==0){if(t===2&&(o=Ql(e),o!==0&&(r=o,t=Fs(e,o))),t===1)throw n=qr,Ft(e,0),ze(e,r),B2(e,N0()),n;if(t===6)ze(e,r);else{if(o=e.current.alternate,!(r&30)&&!lh(o)&&(t=wa(e,r),t===2&&(a=Ql(e),a!==0&&(r=a,t=Fs(e,a))),t===1))throw n=qr,Ft(e,0),ze(e,r),B2(e,N0()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(q(345));case 2:Bt(e,p2,me);break;case 3:if(ze(e,r),(r&130023424)===r&&(t=Zc+500-N0(),10<t)){if(ua(e,0)!==0)break;if(o=e.suspendedLanes,(o&r)!==r){u2(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ls(Bt.bind(null,e,p2,me),t);break}Bt(e,p2,me);break;case 4:if(ze(e,r),(r&4194240)===r)break;for(t=e.eventTimes,o=-1;0<r;){var i=31-Q2(r);a=1<<i,i=t[i],i>o&&(o=i),r&=~a}if(r=o,r=N0()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*ih(r/1960))-r,10<r){e.timeoutHandle=ls(Bt.bind(null,e,p2,me),r);break}Bt(e,p2,me);break;case 5:Bt(e,p2,me);break;default:throw Error(q(329))}}}return B2(e,N0()),e.callbackNode===n?qD.bind(null,e):null}function Fs(e,t){var n=Sr;return e.current.memoizedState.isDehydrated&&(Ft(e,t).flags|=256),e=wa(e,t),e!==2&&(t=p2,p2=n,t!==null&&ws(t)),e}function ws(e){p2===null?p2=e:p2.push.apply(p2,e)}function lh(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!te(a(),o))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function ze(e,t){for(t&=~Xc,t&=~ci,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Q2(t),r=1<<n;e[n]=-1,t&=~r}}function oA(e){if(f0&6)throw Error(q(327));hn();var t=ua(e,0);if(!(t&1))return B2(e,N0()),null;var n=wa(e,t);if(e.tag!==0&&n===2){var r=Ql(e);r!==0&&(t=r,n=Fs(e,r))}if(n===1)throw n=qr,Ft(e,0),ze(e,t),B2(e,N0()),n;if(n===6)throw Error(q(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Bt(e,p2,me),B2(e,N0()),null}function Qc(e,t){var n=f0;f0|=1;try{return e(t)}finally{f0=n,f0===0&&(On=N0()+500,ai&&st())}}function Ot(e){Ue!==null&&Ue.tag===0&&!(f0&6)&&hn();var t=f0;f0|=1;var n=z2.transition,r=h0;try{if(z2.transition=null,h0=1,e)return e()}finally{h0=r,z2.transition=n,f0=t,!(f0&6)&&st()}}function eu(){x2=dn.current,F0(dn)}function Ft(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Ng(n)),z0!==null)for(n=z0.return;n!==null;){var r=n;switch(Lc(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&Ca();break;case 3:Rn(),F0(f2),F0(o2),Hc();break;case 5:Vc(r);break;case 4:Rn();break;case 13:F0(I0);break;case 19:F0(I0);break;case 10:Mc(r.type._context);break;case 22:case 23:eu()}n=n.return}if(Y0=e,z0=e=Ze(e.current,null),X0=x2=t,U0=0,qr=null,Xc=ci=Lt=0,p2=Sr=null,vt!==null){for(t=0;t<vt.length;t++)if(n=vt[t],r=n.interleaved,r!==null){n.interleaved=null;var o=r.next,a=n.pending;if(a!==null){var i=a.next;a.next=o,r.next=i}n.pending=r}vt=null}return e}function YD(e,t){do{var n=z0;try{if(Nc(),Wo.current=va,ba){for(var r=k0.memoizedState;r!==null;){var o=r.queue;o!==null&&(o.pending=null),r=r.next}ba=!1}if(Rt=0,G0=H0=k0=null,vr=!1,Ur=0,Jc.current=null,n===null||n.return===null){U0=1,qr=t,z0=null;break}e:{var a=e,i=n.return,l=n,c=t;if(t=X0,l.flags|=32768,c!==null&&typeof c=="object"&&typeof c.then=="function"){var u=c,d=l,A=d.tag;if(!(d.mode&1)&&(A===0||A===11||A===15)){var D=d.alternate;D?(d.updateQueue=D.updateQueue,d.memoizedState=D.memoizedState,d.lanes=D.lanes):(d.updateQueue=null,d.memoizedState=null)}var B=W3(i);if(B!==null){B.flags&=-257,G3(B,i,l,a,t),B.mode&1&&U3(a,u,t),t=B,c=u;var C=t.updateQueue;if(C===null){var p=new Set;p.add(c),t.updateQueue=p}else C.add(c);break e}else{if(!(t&1)){U3(a,u,t),tu();break e}c=Error(q(426))}}else if(_0&&l.mode&1){var b=W3(i);if(b!==null){!(b.flags&65536)&&(b.flags|=256),G3(b,i,l,a,t),Oc(Ln(c,l));break e}}a=c=Ln(c,l),U0!==4&&(U0=2),Sr===null?Sr=[a]:Sr.push(a),a=i;do{switch(a.tag){case 3:a.flags|=65536,t&=-t,a.lanes|=t;var m=ID(a,c,t);N3(a,m);break e;case 1:l=c;var f=a.type,E=a.stateNode;if(!(a.flags&128)&&(typeof f.getDerivedStateFromError=="function"||E!==null&&typeof E.componentDidCatch=="function"&&(Je===null||!Je.has(E)))){a.flags|=65536,t&=-t,a.lanes|=t;var x=kD(a,l,t);N3(a,x);break e}}a=a.return}while(a!==null)}XD(n)}catch(R){t=R,z0===n&&n!==null&&(z0=n=n.return);continue}break}while(!0)}function KD(){var e=xa.current;return xa.current=va,e===null?va:e}function tu(){(U0===0||U0===3||U0===2)&&(U0=4),Y0===null||!(Lt&268435455)&&!(ci&268435455)||ze(Y0,X0)}function wa(e,t){var n=f0;f0|=2;var r=KD();(Y0!==e||X0!==t)&&(me=null,Ft(e,t));do try{sh();break}catch(o){YD(e,o)}while(!0);if(Nc(),f0=n,xa.current=r,z0!==null)throw Error(q(261));return Y0=null,X0=0,U0}function sh(){for(;z0!==null;)JD(z0)}function ch(){for(;z0!==null&&!LE();)JD(z0)}function JD(e){var t=QD(e.alternate,e,x2);e.memoizedProps=e.pendingProps,t===null?XD(e):z0=t,Jc.current=null}function XD(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=nh(n,t),n!==null){n.flags&=32767,z0=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{U0=6,z0=null;return}}else if(n=th(n,t,x2),n!==null){z0=n;return}if(t=t.sibling,t!==null){z0=t;return}z0=t=e}while(t!==null);U0===0&&(U0=5)}function Bt(e,t,n){var r=h0,o=z2.transition;try{z2.transition=null,h0=1,uh(e,t,n,r)}finally{z2.transition=o,h0=r}return null}function uh(e,t,n,r){do hn();while(Ue!==null);if(f0&6)throw Error(q(327));n=e.finishedWork;var o=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(q(177));e.callbackNode=null,e.callbackPriority=0;var a=n.lanes|n.childLanes;if(UE(e,a),e===Y0&&(z0=Y0=null,X0=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||Io||(Io=!0,eC(ca,function(){return hn(),null})),a=(n.flags&15990)!==0,n.subtreeFlags&15990||a){a=z2.transition,z2.transition=null;var i=h0;h0=1;var l=f0;f0|=4,Jc.current=null,oh(e,n),WD(n,e),_g(as),Aa=!!os,as=os=null,e.current=n,ah(n),OE(),f0=l,h0=i,z2.transition=a}else e.current=n;if(Io&&(Io=!1,Ue=e,Fa=o),a=e.pendingLanes,a===0&&(Je=null),ME(n.stateNode),B2(e,N0()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Sa)throw Sa=!1,e=xs,xs=null,e;return Fa&1&&e.tag!==0&&hn(),a=e.pendingLanes,a&1?e===Ss?Fr++:(Fr=0,Ss=e):Fr=0,st(),null}function hn(){if(Ue!==null){var e=_p(Fa),t=z2.transition,n=h0;try{if(z2.transition=null,h0=16>e?16:e,Ue===null)var r=!1;else{if(e=Ue,Ue=null,Fa=0,f0&6)throw Error(q(331));var o=f0;for(f0|=4,t0=e.current;t0!==null;){var a=t0,i=a.child;if(t0.flags&16){var l=a.deletions;if(l!==null){for(var c=0;c<l.length;c++){var u=l[c];for(t0=u;t0!==null;){var d=t0;switch(d.tag){case 0:case 11:case 15:xr(8,d,a)}var A=d.child;if(A!==null)A.return=d,t0=A;else for(;t0!==null;){d=t0;var D=d.sibling,B=d.return;if(VD(d),d===u){t0=null;break}if(D!==null){D.return=B,t0=D;break}t0=B}}}var C=a.alternate;if(C!==null){var p=C.child;if(p!==null){C.child=null;do{var b=p.sibling;p.sibling=null,p=b}while(p!==null)}}t0=a}}if(a.subtreeFlags&2064&&i!==null)i.return=a,t0=i;else e:for(;t0!==null;){if(a=t0,a.flags&2048)switch(a.tag){case 0:case 11:case 15:xr(9,a,a.return)}var m=a.sibling;if(m!==null){m.return=a.return,t0=m;break e}t0=a.return}}var f=e.current;for(t0=f;t0!==null;){i=t0;var E=i.child;if(i.subtreeFlags&2064&&E!==null)E.return=i,t0=E;else e:for(i=f;t0!==null;){if(l=t0,l.flags&2048)try{switch(l.tag){case 0:case 11:case 15:si(9,l)}}catch(R){L0(l,l.return,R)}if(l===i){t0=null;break e}var x=l.sibling;if(x!==null){x.return=l.return,t0=x;break e}t0=l.return}}if(f0=o,st(),ie&&typeof ie.onPostCommitFiberRoot=="function")try{ie.onPostCommitFiberRoot(ei,e)}catch{}r=!0}return r}finally{h0=n,z2.transition=t}}return!1}function aA(e,t,n){t=Ln(n,t),t=ID(e,t,1),e=Ke(e,t,1),t=u2(),e!==null&&(eo(e,1,t),B2(e,t))}function L0(e,t,n){if(e.tag===3)aA(e,e,n);else for(;t!==null;){if(t.tag===3){aA(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(Je===null||!Je.has(r))){e=Ln(n,e),e=kD(t,e,1),t=Ke(t,e,1),e=u2(),t!==null&&(eo(t,1,e),B2(t,e));break}}t=t.return}}function Ah(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=u2(),e.pingedLanes|=e.suspendedLanes&n,Y0===e&&(X0&n)===n&&(U0===4||U0===3&&(X0&130023424)===X0&&500>N0()-Zc?Ft(e,0):Xc|=n),B2(e,t)}function ZD(e,t){t===0&&(e.mode&1?(t=ho,ho<<=1,!(ho&130023424)&&(ho=4194304)):t=1);var n=u2();e=Te(e,t),e!==null&&(eo(e,t,n),B2(e,n))}function dh(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ZD(e,n)}function ph(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(q(314))}r!==null&&r.delete(t),ZD(e,n)}var QD;QD=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||f2.current)C2=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return C2=!1,eh(e,t,n);C2=!!(e.flags&131072)}else C2=!1,_0&&t.flags&1048576&&nD(t,Ba,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;qo(e,t),e=t.pendingProps;var o=_n(t,o2.current);gn(t,n),o=Wc(null,t,r,e,o,n);var a=Gc();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,m2(r)?(a=!0,fa(t)):a=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,zc(t),o.updater=ii,t.stateNode=o,o._reactInternals=t,Ds(t,r,e,n),t=ms(null,t,r,!0,a,n)):(t.tag=0,_0&&a&&Rc(t),l2(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(qo(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=Ch(r),e=Y2(r,e),o){case 0:t=fs(null,t,r,e,n);break e;case 1:t=K3(null,t,r,e,n);break e;case 11:t=q3(null,t,r,e,n);break e;case 14:t=Y3(null,t,r,Y2(r.type,e),n);break e}throw Error(q(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),fs(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),K3(e,t,r,o,n);case 3:e:{if(PD(t),e===null)throw Error(q(387));r=t.pendingProps,a=t.memoizedState,o=a.element,iD(e,t),ha(t,r,null,n);var i=t.memoizedState;if(r=i.element,a.isDehydrated)if(a={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=a,t.memoizedState=a,t.flags&256){o=Ln(Error(q(423)),t),t=J3(e,t,r,n,o);break e}else if(r!==o){o=Ln(Error(q(424)),t),t=J3(e,t,r,n,o);break e}else for(S2=Ye(t.stateNode.containerInfo.firstChild),F2=t,_0=!0,J2=null,n=uD(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(In(),r===o){t=_e(e,t,n);break e}l2(e,t,r,n)}t=t.child}return t;case 5:return AD(t),e===null&&As(t),r=t.type,o=t.pendingProps,a=e!==null?e.memoizedProps:null,i=o.children,is(r,o)?i=null:a!==null&&is(r,a)&&(t.flags|=32),OD(e,t),l2(e,t,i,n),t.child;case 6:return e===null&&As(t),null;case 13:return ND(e,t,n);case 4:return jc(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=kn(t,null,r,n):l2(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),q3(e,t,r,o,n);case 7:return l2(e,t,t.pendingProps,n),t.child;case 8:return l2(e,t,t.pendingProps.children,n),t.child;case 12:return l2(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,a=t.memoizedProps,i=o.value,v0(Ea,r._currentValue),r._currentValue=i,a!==null)if(te(a.value,i)){if(a.children===o.children&&!f2.current){t=_e(e,t,n);break e}}else for(a=t.child,a!==null&&(a.return=t);a!==null;){var l=a.dependencies;if(l!==null){i=a.child;for(var c=l.firstContext;c!==null;){if(c.context===r){if(a.tag===1){c=xe(-1,n&-n),c.tag=2;var u=a.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}a.lanes|=n,c=a.alternate,c!==null&&(c.lanes|=n),ds(a.return,n,t),l.lanes|=n;break}c=c.next}}else if(a.tag===10)i=a.type===t.type?null:a.child;else if(a.tag===18){if(i=a.return,i===null)throw Error(q(341));i.lanes|=n,l=i.alternate,l!==null&&(l.lanes|=n),ds(i,n,t),i=a.sibling}else i=a.child;if(i!==null)i.return=a;else for(i=a;i!==null;){if(i===t){i=null;break}if(a=i.sibling,a!==null){a.return=i.return,i=a;break}i=i.return}a=i}l2(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,gn(t,n),o=V2(o),r=r(o),t.flags|=1,l2(e,t,r,n),t.child;case 14:return r=t.type,o=Y2(r,t.pendingProps),o=Y2(r.type,o),Y3(e,t,r,o,n);case 15:return RD(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Y2(r,o),qo(e,t),t.tag=1,m2(r)?(e=!0,fa(t)):e=!1,gn(t,n),sD(t,r,o),Ds(t,r,o,n),ms(null,t,r,!0,e,n);case 19:return MD(e,t,n);case 22:return LD(e,t,n)}throw Error(q(156,t.tag))};function eC(e,t){return Sp(e,t)}function Dh(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function $2(e,t,n,r){return new Dh(e,t,n,r)}function nu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Ch(e){if(typeof e=="function")return nu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===hc)return 11;if(e===yc)return 14}return 2}function Ze(e,t){var n=e.alternate;return n===null?(n=$2(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Jo(e,t,n,r,o,a){var i=2;if(r=e,typeof e=="function")nu(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case tn:return wt(n.children,o,a,t);case gc:i=8,o|=8;break;case Ml:return e=$2(12,n,t,o|2),e.elementType=Ml,e.lanes=a,e;case $l:return e=$2(13,n,t,o),e.elementType=$l,e.lanes=a,e;case zl:return e=$2(19,n,t,o),e.elementType=zl,e.lanes=a,e;case cp:return ui(n,o,a,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case lp:i=10;break e;case sp:i=9;break e;case hc:i=11;break e;case yc:i=14;break e;case Ne:i=16,r=null;break e}throw Error(q(130,e==null?e:typeof e,""))}return t=$2(i,n,t,o),t.elementType=e,t.type=r,t.lanes=a,t}function wt(e,t,n,r){return e=$2(7,e,r,t),e.lanes=n,e}function ui(e,t,n,r){return e=$2(22,e,r,t),e.elementType=cp,e.lanes=n,e.stateNode={isHidden:!1},e}function sl(e,t,n){return e=$2(6,e,null,t),e.lanes=n,e}function cl(e,t,n){return t=$2(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function fh(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Hi(0),this.expirationTimes=Hi(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Hi(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function ru(e,t,n,r,o,a,i,l,c){return e=new fh(e,t,n,l,c),t===1?(t=1,a===!0&&(t|=8)):t=0,a=$2(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},zc(a),e}function mh(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:en,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function tC(e){if(!e)return nt;e=e._reactInternals;e:{if(zt(e)!==e||e.tag!==1)throw Error(q(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(m2(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(q(171))}if(e.tag===1){var n=e.type;if(m2(n))return eD(e,n,t)}return t}function nC(e,t,n,r,o,a,i,l,c){return e=ru(n,r,!0,e,o,a,i,l,c),e.context=tC(null),n=e.current,r=u2(),o=Xe(n),a=xe(r,o),a.callback=t??null,Ke(n,a,o),e.current.lanes=o,eo(e,o,r),B2(e,r),e}function Ai(e,t,n,r){var o=t.current,a=u2(),i=Xe(o);return n=tC(n),t.context===null?t.context=n:t.pendingContext=n,t=xe(a,i),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Ke(o,t,i),e!==null&&(ee(e,o,i,a),Uo(e,o,i)),i}function Ta(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function iA(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function ou(e,t){iA(e,t),(e=e.alternate)&&iA(e,t)}function Bh(){return null}var rC=typeof reportError=="function"?reportError:function(e){console.error(e)};function au(e){this._internalRoot=e}di.prototype.render=au.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(q(409));Ai(e,t,null,null)};di.prototype.unmount=au.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;Ot(function(){Ai(null,e,null,null)}),t[we]=null}};function di(e){this._internalRoot=e}di.prototype.unstable_scheduleHydration=function(e){if(e){var t=Rp();e={blockedOn:null,target:e,priority:t};for(var n=0;n<$e.length&&t!==0&&t<$e[n].priority;n++);$e.splice(n,0,e),n===0&&Op(e)}};function iu(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function pi(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function lA(){}function Eh(e,t,n,r,o){if(o){if(typeof r=="function"){var a=r;r=function(){var u=Ta(i);a.call(u)}}var i=nC(t,r,e,0,null,!1,!1,"",lA);return e._reactRootContainer=i,e[we]=i.current,$r(e.nodeType===8?e.parentNode:e),Ot(),i}for(;o=e.lastChild;)e.removeChild(o);if(typeof r=="function"){var l=r;r=function(){var u=Ta(c);l.call(u)}}var c=ru(e,0,!1,null,null,!1,!1,"",lA);return e._reactRootContainer=c,e[we]=c.current,$r(e.nodeType===8?e.parentNode:e),Ot(function(){Ai(t,c,n,r)}),c}function Di(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if(typeof o=="function"){var l=o;o=function(){var c=Ta(i);l.call(c)}}Ai(t,i,e,o)}else i=Eh(n,t,e,o,r);return Ta(i)}Ip=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Cr(t.pendingLanes);n!==0&&(xc(t,n|1),B2(t,N0()),!(f0&6)&&(On=N0()+500,st()))}break;case 13:Ot(function(){var r=Te(e,1);if(r!==null){var o=u2();ee(r,e,1,o)}}),ou(e,1)}};Sc=function(e){if(e.tag===13){var t=Te(e,134217728);if(t!==null){var n=u2();ee(t,e,134217728,n)}ou(e,134217728)}};kp=function(e){if(e.tag===13){var t=Xe(e),n=Te(e,t);if(n!==null){var r=u2();ee(n,e,t,r)}ou(e,t)}};Rp=function(){return h0};Lp=function(e,t){var n=h0;try{return h0=e,t()}finally{h0=n}};Jl=function(e,t,n){switch(t){case"input":if(Hl(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=oi(r);if(!o)throw Error(q(90));Ap(r),Hl(r,o)}}}break;case"textarea":pp(e,n);break;case"select":t=n.value,t!=null&&fn(e,!!n.multiple,t,!1)}};gp=Qc;hp=Ot;var gh={usingClientEntryPoint:!1,Events:[no,an,oi,Bp,Ep,Qc]},cr={findFiberByHostInstance:bt,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},hh={bundleType:cr.bundleType,version:cr.version,rendererPackageName:cr.rendererPackageName,rendererConfig:cr.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Re.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=vp(e),e===null?null:e.stateNode},findFiberByHostInstance:cr.findFiberByHostInstance||Bh,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var ko=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ko.isDisabled&&ko.supportsFiber)try{ei=ko.inject(hh),ie=ko}catch{}}I2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=gh;I2.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!iu(t))throw Error(q(200));return mh(e,t,null,n)};I2.createRoot=function(e,t){if(!iu(e))throw Error(q(299));var n=!1,r="",o=rC;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=ru(e,1,!1,null,null,n,!1,r,o),e[we]=t.current,$r(e.nodeType===8?e.parentNode:e),new au(t)};I2.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(q(188)):(e=Object.keys(e).join(","),Error(q(268,e)));return e=vp(t),e=e===null?null:e.stateNode,e};I2.flushSync=function(e){return Ot(e)};I2.hydrate=function(e,t,n){if(!pi(t))throw Error(q(200));return Di(null,e,t,!0,n)};I2.hydrateRoot=function(e,t,n){if(!iu(e))throw Error(q(405));var r=n!=null&&n.hydratedSources||null,o=!1,a="",i=rC;if(n!=null&&(n.unstable_strictMode===!0&&(o=!0),n.identifierPrefix!==void 0&&(a=n.identifierPrefix),n.onRecoverableError!==void 0&&(i=n.onRecoverableError)),t=nC(t,null,e,1,n??null,o,!1,a,i),e[we]=t.current,$r(e),r)for(e=0;e<r.length;e++)n=r[e],o=n._getVersion,o=o(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new di(t)};I2.render=function(e,t,n){if(!pi(t))throw Error(q(200));return Di(null,e,t,!1,n)};I2.unmountComponentAtNode=function(e){if(!pi(e))throw Error(q(40));return e._reactRootContainer?(Ot(function(){Di(null,null,e,!1,function(){e._reactRootContainer=null,e[we]=null})}),!0):!1};I2.unstable_batchedUpdates=Qc;I2.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!pi(n))throw Error(q(200));if(e==null||e._reactInternals===void 0)throw Error(q(38));return Di(e,t,n,!1,r)};I2.version="18.2.0-next-9e3b772b8-20220608";function oC(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(oC)}catch(e){console.error(e)}}oC(),np.exports=I2;var Ae=np.exports;const pn=Zr(Ae);function Ts(){return de=Object.assign||function(e){for(let t=1;t<arguments.length;t++){const n=arguments[t];for(const r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},de.apply(this,arguments)}function lu(e,t,n){return n={path:t,exports:{},require:function(r,o){return yh(r,o??n.path)}},e(n,n.exports),n.exports}function yh(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}let yn;typeof window<"u"?yn=window:typeof self<"u"?yn=self:yn={};yn.setTimeout;yn.clearTimeout;function oo(){}const ur=yn.performance||{};ur.now||ur.mozNow||ur.msNow||ur.oNow||ur.webkitNow;const bh=function(e,t){let n;const r=toObject(e);let o;for(let a=1;a<arguments.length;a++){n=Object(arguments[a]);for(const i in n)hasOwnProperty.call(n,i)&&(r[i]=n[i]);if(getOwnPropertySymbols){o=getOwnPropertySymbols(n);for(let i=0;i<o.length;i++)propIsEnumerable.call(n,o[i])&&(r[o[i]]=n[o[i]])}}return r},vh=iC()?s.useLayoutEffect:s.useEffect,sA={};let aC=oo;aC=function(t){sA[t]||(sA[t]=!0)};function xh(e,t){if(e!=null)if(Fh(e))e(t);else try{e.current=t}catch{throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function iC(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function Ci(e){return s.forwardRef(e)}function Sh(e){return iC()?e?e.ownerDocument:document:null}function Fh(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function wh(e){return typeof e=="string"}let lC=oo;lC=function(t){const n=s.useRef(t);s.useEffect(function(){return void(n.current=t)},[t]),s.useEffect(function(){return aC(n.current)},[])};function Th(){const e=s.useState(Object.create(null)),t=e[1];return s.useCallback(function(){t(Object.create(null))},[])}function _h(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return s.useMemo(function(){return t.every(function(r){return r==null})?null:function(r){t.forEach(function(o){xh(o,r)})}},[].concat(t))}function Xo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}const sC=function(t){const n=t.children,r=t.type,o=r===void 0?"reach-portal":r,a=s.useRef(null),i=s.useRef(null),l=Th();return vh(function(){if(!a.current)return;const c=a.current.ownerDocument;return i.current=c==null?void 0:c.createElement(o),c.body.appendChild(i.current),l(),function(){i.current&&i.current.ownerDocument&&i.current.ownerDocument.body.removeChild(i.current)}},[o,l]),i.current?Ae.createPortal(n,i.current):s.createElement("span",{ref:a})};sC.displayName="Portal";function Ih(e,t){if(e==null)return{};const n={},r=Object.keys(e);let o,a;for(a=0;a<r.length;a++)o=r[a],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}const kh=lu(function(e,t){(function(){const n=typeof Symbol=="function"&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,d=n?Symbol.for("react.async_mode"):60111,A=n?Symbol.for("react.concurrent_mode"):60111,D=n?Symbol.for("react.forward_ref"):60112,B=n?Symbol.for("react.suspense"):60113,C=n?Symbol.for("react.suspense_list"):60120,p=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,m=n?Symbol.for("react.block"):60121,f=n?Symbol.for("react.fundamental"):60117,E=n?Symbol.for("react.responder"):60118,x=n?Symbol.for("react.scope"):60119;function R(Z){return typeof Z=="string"||typeof Z=="function"||Z===a||Z===A||Z===l||Z===i||Z===B||Z===C||typeof Z=="object"&&Z!==null&&(Z.$$typeof===b||Z.$$typeof===p||Z.$$typeof===c||Z.$$typeof===u||Z.$$typeof===D||Z.$$typeof===f||Z.$$typeof===E||Z.$$typeof===x||Z.$$typeof===m)}function L(Z){if(typeof Z=="object"&&Z!==null){const W2=Z.$$typeof;switch(W2){case r:var a2=Z.type;switch(a2){case d:case A:case a:case l:case i:case B:return a2;default:var i2=a2&&a2.$$typeof;switch(i2){case u:case D:case b:case p:case c:return i2;default:return W2}}case o:return W2}}}const k=d,S=A,P=u,N=c,V=r,w=D,I=a,T=b,_=p,j=o,z=l,O=i,$=B;let H=!1;function Y(Z){return H||(H=!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.")),Q(Z)||L(Z)===d}function Q(Z){return L(Z)===A}function J(Z){return L(Z)===u}function X(Z){return L(Z)===c}function r0(Z){return typeof Z=="object"&&Z!==null&&Z.$$typeof===r}function K(Z){return L(Z)===D}function e0(Z){return L(Z)===a}function a0(Z){return L(Z)===b}function s0(Z){return L(Z)===p}function E0(Z){return L(Z)===o}function p0(Z){return L(Z)===l}function j0(Z){return L(Z)===i}function R2(Z){return L(Z)===B}t.AsyncMode=k,t.ConcurrentMode=S,t.ContextConsumer=P,t.ContextProvider=N,t.Element=V,t.ForwardRef=w,t.Fragment=I,t.Lazy=T,t.Memo=_,t.Portal=j,t.Profiler=z,t.StrictMode=O,t.Suspense=$,t.isAsyncMode=Y,t.isConcurrentMode=Q,t.isContextConsumer=J,t.isContextProvider=X,t.isElement=r0,t.isForwardRef=K,t.isFragment=e0,t.isLazy=a0,t.isMemo=s0,t.isPortal=E0,t.isProfiler=p0,t.isStrictMode=j0,t.isSuspense=R2,t.isValidElementType=R,t.typeOf=L})()}),cC=lu(function(e){e.exports=kh}),Rh="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Et=Rh;let _s=function(){};{var Lh=Et,Is={},Oh=Function.call.bind(Object.prototype.hasOwnProperty);_s=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}}function uC(e,t,n,r,o){for(const i in e)if(Oh(e,i)){var a;try{if(typeof e[i]!="function"){const l=Error((r||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.");throw l.name="Invariant Violation",l}a=e[i](t,i,r,n,null,Lh)}catch(l){a=l}if(a&&!(a instanceof Error)&&_s((r||"React class")+": type specification of "+n+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in Is)){Is[a.message]=!0;const l=o?o():"";_s("Failed "+n+" type: "+a.message+(l??""))}}}uC.resetWarningCache=function(){Is={}};const cA=uC,Ph=Function.call.bind(Object.prototype.hasOwnProperty);let Xt=function(){};Xt=function(e){const t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};function Ro(){return null}const Nh=function(e,t){const n=typeof Symbol=="function"&&Symbol.iterator,r="@@iterator";function o(w){const I=w&&(n&&w[n]||w[r]);if(typeof I=="function")return I}const a="<<anonymous>>",i={array:d("array"),bool:d("boolean"),func:d("function"),number:d("number"),object:d("object"),string:d("string"),symbol:d("symbol"),any:A(),arrayOf:D,element:B(),elementType:C(),instanceOf:p,node:E(),objectOf:m,oneOf:b,oneOfType:f,shape:x,exact:R};function l(w,I){return w===I?w!==0||1/w===1/I:w!==w&&I!==I}function c(w){this.message=w,this.stack=""}c.prototype=Error.prototype;function u(w){var I={},T=0;function _(z,O,$,H,Y,Q,J){if(H=H||a,Q=Q||$,J!==Et){if(t){const X=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 X.name="Invariant Violation",X}else if(typeof console<"u"){const X=H+":"+$;!I[X]&&T<3&&(Xt("You are manually calling a React.PropTypes validation function for the `"+Q+"` prop on `"+H+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),I[X]=!0,T++)}}return O[$]==null?z?O[$]===null?new c("The "+Y+" `"+Q+"` is marked as required "+("in `"+H+"`, but its value is `null`.")):new c("The "+Y+" `"+Q+"` is marked as required in "+("`"+H+"`, but its value is `undefined`.")):null:w(O,$,H,Y,Q)}const j=_.bind(null,!1);return j.isRequired=_.bind(null,!0),j}function d(w){function I(T,_,j,z,O,$){const H=T[_];if(S(H)!==w){const Q=P(H);return new c("Invalid "+z+" `"+O+"` of type "+("`"+Q+"` supplied to `"+j+"`, expected ")+("`"+w+"`."))}return null}return u(I)}function A(){return u(Ro)}function D(w){function I(T,_,j,z,O){if(typeof w!="function")return new c("Property `"+O+"` of component `"+j+"` has invalid PropType notation inside arrayOf.");const $=T[_];if(!Array.isArray($)){const H=S($);return new c("Invalid "+z+" `"+O+"` of type "+("`"+H+"` supplied to `"+j+"`, expected an array."))}for(let H=0;H<$.length;H++){const Y=w($,H,j,z,O+"["+H+"]",Et);if(Y instanceof Error)return Y}return null}return u(I)}function B(){function w(I,T,_,j,z){const O=I[T];if(!e(O)){const $=S(O);return new c("Invalid "+j+" `"+z+"` of type "+("`"+$+"` supplied to `"+_+"`, expected a single ReactElement."))}return null}return u(w)}function C(){function w(I,T,_,j,z){const O=I[T];if(!cC.isValidElementType(O)){const $=S(O);return new c("Invalid "+j+" `"+z+"` of type "+("`"+$+"` supplied to `"+_+"`, expected a single ReactElement type."))}return null}return u(w)}function p(w){function I(T,_,j,z,O){if(!(T[_]instanceof w)){const $=w.name||a,H=V(T[_]);return new c("Invalid "+z+" `"+O+"` of type "+("`"+H+"` supplied to `"+j+"`, expected ")+("instance of `"+$+"`."))}return null}return u(I)}function b(w){if(!Array.isArray(w))return arguments.length>1?Xt("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])."):Xt("Invalid argument supplied to oneOf, expected an array."),Ro;function I(T,_,j,z,O){const $=T[_];for(let Y=0;Y<w.length;Y++)if(l($,w[Y]))return null;const H=JSON.stringify(w,function(Q,J){return P(J)==="symbol"?String(J):J});return new c("Invalid "+z+" `"+O+"` of value `"+String($)+"` "+("supplied to `"+j+"`, expected one of "+H+"."))}return u(I)}function m(w){function I(T,_,j,z,O){if(typeof w!="function")return new c("Property `"+O+"` of component `"+j+"` has invalid PropType notation inside objectOf.");const $=T[_],H=S($);if(H!=="object")return new c("Invalid "+z+" `"+O+"` of type "+("`"+H+"` supplied to `"+j+"`, expected an object."));for(const Y in $)if(Ph($,Y)){const Q=w($,Y,j,z,O+"."+Y,Et);if(Q instanceof Error)return Q}return null}return u(I)}function f(w){if(!Array.isArray(w))return Xt("Invalid argument supplied to oneOfType, expected an instance of array."),Ro;for(let T=0;T<w.length;T++){const _=w[T];if(typeof _!="function")return Xt("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+N(_)+" at index "+T+"."),Ro}function I(T,_,j,z,O){for(let $=0;$<w.length;$++){const H=w[$];if(H(T,_,j,z,O,Et)==null)return null}return new c("Invalid "+z+" `"+O+"` supplied to "+("`"+j+"`."))}return u(I)}function E(){function w(I,T,_,j,z){return L(I[T])?null:new c("Invalid "+j+" `"+z+"` supplied to "+("`"+_+"`, expected a ReactNode."))}return u(w)}function x(w){function I(T,_,j,z,O){const $=T[_],H=S($);if(H!=="object")return new c("Invalid "+z+" `"+O+"` of type `"+H+"` "+("supplied to `"+j+"`, expected `object`."));for(const Y in w){const Q=w[Y];if(!Q)continue;const J=Q($,Y,j,z,O+"."+Y,Et);if(J)return J}return null}return u(I)}function R(w){function I(T,_,j,z,O){const $=T[_],H=S($);if(H!=="object")return new c("Invalid "+z+" `"+O+"` of type `"+H+"` "+("supplied to `"+j+"`, expected `object`."));const Y=bh({},T[_],w);for(const Q in Y){const J=w[Q];if(!J)return new c("Invalid "+z+" `"+O+"` key `"+Q+"` supplied to `"+j+"`.\nBad object: "+JSON.stringify(T[_],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(w),null,"  "));const X=J($,Q,j,z,O+"."+Q,Et);if(X)return X}return null}return u(I)}function L(w){switch(typeof w){case"number":case"string":case"undefined":return!0;case"boolean":return!w;case"object":if(Array.isArray(w))return w.every(L);if(w===null||e(w))return!0;var I=o(w);if(I){const T=I.call(w);let _;if(I!==w.entries){for(;!(_=T.next()).done;)if(!L(_.value))return!1}else for(;!(_=T.next()).done;){const j=_.value;if(j&&!L(j[1]))return!1}}else return!1;return!0;default:return!1}}function k(w,I){return w==="symbol"?!0:I?I["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&I instanceof Symbol:!1}function S(w){const I=typeof w;return Array.isArray(w)?"array":w instanceof RegExp?"object":k(I,w)?"symbol":I}function P(w){if(typeof w>"u"||w===null)return""+w;const I=S(w);if(I==="object"){if(w instanceof Date)return"date";if(w instanceof RegExp)return"regexp"}return I}function N(w){const I=P(w);switch(I){case"array":case"object":return"an "+I;case"boolean":case"date":case"regexp":return"a "+I;default:return I}}function V(w){return!w.constructor||!w.constructor.name?a:w.constructor.name}return i.checkPropTypes=cA,i.resetWarningCache=cA.resetWarningCache,i.PropTypes=i,i},m0=lu(function(e){{const t=cC,n=!0;e.exports=Nh(t.isElement,n)}}),ks="data-focus-lock",AC="data-focus-lock-disabled",Mh="data-no-focus-lock",$h="data-autofocus-inside";function zh(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function jh(e,t){var n=s.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){const o=n.value;o!==r&&(n.value=r,n.callback(r,o))}}}})[0];return n.callback=t,n.facade}function dC(e,t){return jh(t,function(n){return e.forEach(function(r){return zh(r,n)})})}const ul={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};m0.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 _a=function(){return _a=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(const a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},_a.apply(this,arguments)};function Vh(e,t){const n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}function pC(e){return e}function DC(e,t){t===void 0&&(t=pC);let n=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(a){const i=t(a,r);return n.push(i),function(){n=n.filter(function(l){return l!==i})}},assignSyncMedium:function(a){for(r=!0;n.length;){const i=n;n=[],i.forEach(a)}n={push:function(i){return a(i)},filter:function(){return n}}},assignMedium:function(a){r=!0;let i=[];if(n.length){const u=n;n=[],u.forEach(a),i=n}const l=function(){const u=i;i=[],u.forEach(a)},c=function(){return Promise.resolve().then(l)};c(),n={push:function(u){i.push(u),c()},filter:function(u){return i=i.filter(u),n}}}}}function su(e,t){return t===void 0&&(t=pC),DC(e,t)}function CC(e){e===void 0&&(e={});const t=DC(null);return t.options=_a({async:!0,ssr:!1},e),t}const fC=function(e){const t=e.sideCar,n=Vh(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");const r=t.read();if(!r)throw new Error("Sidecar medium not found");return s.createElement(r,_a({},n))};fC.isSideCarExport=!0;function Hh(e,t){return e.useMedium(t),fC}const mC=su({},function(e){const t=e.target,n=e.currentTarget;return{target:t,currentTarget:n}}),BC=su(),Uh=su(),Wh=CC({async:!0}),Gh=[],fi=s.forwardRef(function(t,n){let r;const o=s.useState(),a=o[0],i=o[1],l=s.useRef(),c=s.useRef(!1),u=s.useRef(null),d=t.children,A=t.disabled,D=t.noFocusGuards,B=t.persistentFocus,C=t.crossFrame,p=t.autoFocus,b=t.allowTextSelection,m=t.group,f=t.className,E=t.whiteList,x=t.shards,R=x===void 0?Gh:x,L=t.as,k=L===void 0?"div":L,S=t.lockProps,P=S===void 0?{}:S,N=t.sideCar,V=t.returnFocus,w=t.onActivation,I=t.onDeactivation,T=s.useState({}),_=T[0],j=s.useCallback(function(){u.current=u.current||document&&document.activeElement,l.current&&w&&w(l.current),c.current=!0},[w]),z=s.useCallback(function(){c.current=!1,I&&I(l.current)},[I]),O=s.useCallback(function(K){const e0=u.current;if(V&&e0&&e0.focus){const a0=typeof V=="object"?V:void 0;u.current=null,K?Promise.resolve().then(function(){return e0.focus(a0)}):e0.focus(a0)}},[V]),$=s.useCallback(function(K){c.current&&mC.useMedium(K)},[]),H=BC.useMedium,Y=s.useCallback(function(K){l.current!==K&&(l.current=K,i(K))},[]);typeof b<"u"&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),s.useEffect(function(){l.current||console.error("FocusLock: could not obtain ref to internal node")},[]);const Q=Ts((r={},r[AC]=A&&"disabled",r[ks]=m,r),P),J=D!==!0,X=J&&D!=="tail",r0=dC([n,Y]);return s.createElement(s.Fragment,null,J&&[s.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:A?-1:0,style:ul}),s.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:A?-1:1,style:ul})],!A&&s.createElement(N,{id:_,sideCar:Wh,observed:a,disabled:A,persistentFocus:B,crossFrame:C,autoFocus:p,whiteList:E,shards:R,onActivation:j,onDeactivation:z,returnFocus:O}),s.createElement(k,Ts({ref:r0},Q,{className:f,onBlur:H,onFocus:$}),d),X&&s.createElement("div",{"data-focus-guard":!0,tabIndex:A?-1:0,style:ul}))});fi.propTypes={children:m0.node,disabled:m0.bool,returnFocus:m0.oneOfType([m0.bool,m0.object]),noFocusGuards:m0.bool,allowTextSelection:m0.bool,autoFocus:m0.bool,persistentFocus:m0.bool,crossFrame:m0.bool,group:m0.string,className:m0.string,whiteList:m0.func,shards:m0.arrayOf(m0.any),as:m0.oneOfType([m0.string,m0.func,m0.object]),lockProps:m0.object,onActivation:m0.func,onDeactivation:m0.func,sideCar:m0.any.isRequired};fi.defaultProps={children:void 0,disabled:!1,returnFocus:!1,noFocusGuards:!1,autoFocus:!0,persistentFocus:!1,crossFrame:!0,allowTextSelection:void 0,group:void 0,className:void 0,whiteList:void 0,shards:void 0,as:"div",lockProps:{},onActivation:void 0,onDeactivation:void 0};function Rs(e,t){return Rs=Object.setPrototypeOf||function(r,o){return r.__proto__=o,r},Rs(e,t)}function qh(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Rs(e,t)}function Yh(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kh(e,t){{if(typeof e!="function")throw new Error("Expected reducePropsToState to be a function.");if(typeof t!="function")throw new Error("Expected handleStateChangeOnClient to be a function.")}function n(r){return r.displayName||r.name||"Component"}return function(o){if(typeof o!="function")throw new Error("Expected WrappedComponent to be a React component.");const a=[];let i;function l(){i=e(a.map(function(u){return u.props})),t(i)}const c=function(u){qh(d,u);function d(){return u.apply(this,arguments)||this}d.peek=function(){return i};const A=d.prototype;return A.componentDidMount=function(){a.push(this),l()},A.componentDidUpdate=function(){l()},A.componentWillUnmount=function(){const B=a.indexOf(this);a.splice(B,1),l()},A.render=function(){return s.createElement(o,this.props)},d}(s.PureComponent);return Yh(c,"displayName","SideEffect("+n(o)+")"),c}}const rt=function(e){const t=Array(e.length);for(let n=0;n<e.length;++n)t[n]=e[n];return t},Ls=function(e){return Array.isArray(e)?e:[e]},Jh=function(e){const t=new Set,n=e.length;for(let r=0;r<n;r+=1)for(let o=r+1;o<n;o+=1){const a=e[r].compareDocumentPosition(e[o]);(a&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(o),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(r)}return e.filter(function(r,o){return!t.has(o)})};var EC=function(e){return e.parentNode?EC(e.parentNode):e};const cu=function(e){return Ls(e).filter(Boolean).reduce(function(n,r){const o=r.getAttribute(ks);return n.push.apply(n,o?Jh(rt(EC(r).querySelectorAll("["+ks+'="'+o+'"]:not(['+AC+'="disabled"])'))):[r]),n},[])},Xh=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"};var gC=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!Xh(window.getComputedStyle(e,null))&&gC(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)};const Zh=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},uu=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},Ia=function(e){return!uu(e)},Qh=function(e){return!!e},ey=function(e,t){const n=e.tabIndex-t.tabIndex,r=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||r},hC=function(e,t,n){return rt(e).map(function(r,o){return{node:r,index:o,tabIndex:n&&r.tabIndex===-1?(r.dataset||{}).focusGuard?0:-1:r.tabIndex}}).filter(function(r){return!t||r.tabIndex>=0}).sort(ey)},ty=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],Os=ty.join(","),ny=Os+", [data-focus-guard]",Au=function(e,t){return e.reduce(function(n,r){return n.concat(rt(r.querySelectorAll(t?ny:Os)),r.parentNode?rt(r.parentNode.querySelectorAll(Os)).filter(function(o){return o===r}):[])},[])},ry=function(e){const t=e.querySelectorAll("["+$h+"]");return rt(t).map(function(n){return Au([n])}).reduce(function(n,r){return n.concat(r)},[])},du=function(e){return rt(e).filter(function(t){return gC(t)}).filter(function(t){return Zh(t)})},Ps=function(e,t){return hC(du(Au(e,t)),!0,t)},uA=function(e){return hC(du(Au(e)),!1)},oy=function(e){return du(ry(e))};var Ns=function(e,t){return t===void 0&&(t=[]),t.push(e),e.parentNode&&Ns(e.parentNode,t),t};const Al=function(e,t){const n=Ns(e),r=Ns(t);for(let o=0;o<n.length;o+=1){const a=n[o];if(r.indexOf(a)>=0)return a}return!1},yC=function(e,t,n){const r=Ls(e),o=Ls(t),a=r[0];let i=!1;return o.filter(Boolean).forEach(function(l){i=Al(i||l,l)||i,n.filter(Boolean).forEach(function(c){const u=Al(a,c);u&&(!i||u.contains(i)?i=u:i=Al(u,i))})}),i},ay=function(e){return e.reduce(function(t,n){return t.concat(oy(n))},[])},iy=function(e){const t=cu(e).filter(Ia),n=yC(e,e,t),r=Ps([n],!0),o=Ps(t).filter(function(a){const i=a.node;return Ia(i)}).map(function(a){return a.node});return r.map(function(a){const i=a.node,l=a.index;return{node:i,index:l,lockItem:o.indexOf(i)>=0,guard:uu(i)}})},ly=function(e){return e===document.activeElement},sy=function(e){return!!rt(e.querySelectorAll("iframe")).some(function(t){return ly(t)})},bC=function(e){const t=document&&document.activeElement;return!t||t.dataset&&t.dataset.focusGuard?!1:cu(e).reduce(function(n,r){return n||r.contains(t)||sy(r)},!1)},cy=function(){return document&&rt(document.querySelectorAll("["+Mh+"]")).some(function(e){return e.contains(document.activeElement)})},vC=function(e){return e.tagName==="INPUT"&&e.type==="radio"},uy=function(e,t){return t.filter(vC).filter(function(n){return n.name===e.name}).filter(function(n){return n.checked})[0]||e},pu=function(e,t){return vC(e)&&e.name?uy(e,t):e},Ay=function(e){const t=new Set;return e.forEach(function(n){return t.add(pu(n,e))}),e.filter(function(n){return t.has(n)})},AA=function(e){return e[0]&&e.length>1?pu(e[0],e):e[0]},dA=function(e,t){return e.length>1?e.indexOf(pu(e[t],e)):t},xC="NEW_FOCUS",dy=function(e,t,n,r){const o=e.length,a=e[0],i=e[o-1],l=uu(n);if(e.indexOf(n)>=0)return;const c=t.indexOf(n),u=r?t.indexOf(r):c,d=r?e.indexOf(r):-1,A=c-u,D=t.indexOf(a),B=t.indexOf(i),C=Ay(t),p=C.indexOf(n)-(r?C.indexOf(r):c),b=dA(e,0),m=dA(e,o-1);if(c===-1||d===-1)return xC;if(!A&&d>=0)return d;if(c<=D&&l&&Math.abs(A)>1)return m;if(c>=B&&l&&Math.abs(A)>1)return b;if(A&&Math.abs(p)>1)return d;if(c<=D)return m;if(c>B)return b;if(A)return Math.abs(A)>1?d:(o+d+A)%o},py=function(e){return function(t){return t.autofocus||t.dataset&&!!t.dataset.autofocus||e.indexOf(t)>=0}},Dy=function(e,t){const n=new Map;return t.forEach(function(r){return n.set(r.node,r)}),e.map(function(r){return n.get(r)}).filter(Qh)},Cy=function(e,t){const n=document&&document.activeElement,r=cu(e).filter(Ia),o=yC(n||e,e,r),a=uA(r);let i=Ps(r).filter(function(A){const D=A.node;return Ia(D)});if(!i[0]&&(i=a,!i[0]))return;const l=uA([o]).map(function(A){return A.node}),c=Dy(l,i),u=c.map(function(A){return A.node}),d=dy(u,l,n,t);if(d===xC){const A=a.map(function(D){return D.node}).filter(py(ay(r)));return{node:A&&A.length?AA(A):AA(u)}}return d===void 0?d:c[d]},fy=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()};let dl=0,pl=!1;const SC=function(e,t){const n=Cy(e,t);if(!pl&&n){if(dl>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),pl=!0,setTimeout(function(){pl=!1},1);return}dl++,fy(n.node),dl--}};function FC(e){const t=window,n=t.setImmediate;typeof n<"u"?n(e):setTimeout(e,1)}const my=function(){return document&&document.activeElement===document.body},By=function(){return my()||cy()};let bn=null,Dn=null,vn=null,Yr=!1;const Ey=function(){return!0},gy=function(t){return(bn.whiteList||Ey)(t)},hy=function(t,n){vn={observerNode:t,portaledElement:n}},yy=function(t){return vn&&vn.portaledElement===t};function pA(e,t,n,r){let o=null,a=e;do{const i=r[a];if(i.guard)i.node.dataset.focusAutoGuard&&(o=i);else if(i.lockItem){if(a!==e)return;o=null}else break}while((a+=n)!==t);o&&(o.node.tabIndex=0)}const by=function(t){return t&&"current"in t?t.current:t},vy=function(t){return t?!!Yr:Yr==="meanwhile"},ka=function(){let t=!1;if(bn){const n=bn,r=n.observed,o=n.persistentFocus,a=n.autoFocus,i=n.shards,l=n.crossFrame,c=r||vn&&vn.portaledElement,u=document&&document.activeElement;if(c){const d=[c].concat(i.map(by).filter(Boolean));if((!u||gy(u))&&(o||vy(l)||!By()||!Dn&&a)&&(c&&!(bC(d)||yy(u))&&(document&&!Dn&&u&&!a?(u.blur&&u.blur(),document.body.focus()):(t=SC(d,Dn),vn={})),Yr=!1,Dn=document&&document.activeElement),document){const A=document&&document.activeElement,D=iy(d),B=D.map(function(C){return C.node}).indexOf(A);B>-1&&(D.filter(function(C){const p=C.guard,b=C.node;return p&&b.dataset.focusAutoGuard}).forEach(function(C){return C.node.removeAttribute("tabIndex")}),pA(B,D.length,1,D),pA(B,-1,-1,D))}}}return t},wC=function(t){ka()&&t&&(t.stopPropagation(),t.preventDefault())},Du=function(){return FC(ka)},xy=function(t){const n=t.target,r=t.currentTarget;r.contains(n)||hy(r,n)},Sy=function(){return null};m0.node.isRequired;const TC=function(){Yr="just",setTimeout(function(){Yr="meanwhile"},0)},Fy=function(){document.addEventListener("focusin",wC,!0),document.addEventListener("focusout",Du),window.addEventListener("blur",TC)},wy=function(){document.removeEventListener("focusin",wC,!0),document.removeEventListener("focusout",Du),window.removeEventListener("blur",TC)};function Ty(e){return e.filter(function(t){return!t.disabled})}function _y(e){const t=e.slice(-1)[0];t&&!bn&&Fy();const n=bn,r=n&&t&&t.id===n.id;bn=t,n&&!r&&(n.onDeactivation(),e.filter(function(o){return o.id===n.id}).length||n.returnFocus(!t)),t?(Dn=null,(!r||n.observed!==t.observed)&&t.onActivation(),ka(),FC(ka)):(wy(),Dn=null)}mC.assignSyncMedium(xy);BC.assignMedium(Du);Uh.assignMedium(function(e){return e({moveFocusInside:SC,focusInside:bC})});const Iy=Kh(Ty,_y)(Sy),_C=s.forwardRef(function(t,n){return s.createElement(fi,Ts({sideCar:Iy,ref:n},t))}),IC=fi.propTypes||{};IC.sideCar;const ky=Ih(IC,["sideCar"]);_C.propTypes=ky;/*! *****************************************************************************
+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 xn=function(){return xn=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(const a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},xn.apply(this,arguments)};function Ry(e,t){const n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}const Zo="right-scroll-bar-position",Qo="width-before-scroll-bar",Ly="with-scroll-bars-hidden",Oy="--removed-body-scroll-bar-size",kC=CC(),Dl=function(){},mi=s.forwardRef(function(e,t){const n=s.useRef(null),r=s.useState({onScrollCapture:Dl,onWheelCapture:Dl,onTouchMoveCapture:Dl}),o=r[0],a=r[1],i=e.forwardProps,l=e.children,c=e.className,u=e.removeScrollBar,d=e.enabled,A=e.shards,D=e.sideCar,B=e.noIsolation,C=e.inert,p=e.allowPinchZoom,b=e.as,m=b===void 0?"div":b,f=Ry(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=D,x=dC([n,t]),R=xn({},f,o);return s.createElement(s.Fragment,null,d&&s.createElement(E,{sideCar:kC,removeScrollBar:u,shards:A,noIsolation:B,inert:C,setCallbacks:a,allowPinchZoom:!!p,lockRef:n}),i?s.cloneElement(s.Children.only(l),xn({},R,{ref:x})):s.createElement(m,xn({},R,{className:c,ref:x}),l))});mi.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};mi.classNames={fullWidth:Qo,zeroRight:Zo};const Py=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Ny(){if(!document)return null;const e=document.createElement("style");e.type="text/css";const t=Py();return t&&e.setAttribute("nonce",t),e}function My(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function $y(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}const zy=function(){let e=0,t=null;return{add:function(n){e==0&&(t=Ny())&&(My(t,n),$y(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},jy=function(){const e=zy();return function(t){s.useEffect(function(){return e.add(t),function(){e.remove()}},[])}},RC=function(){const e=jy();return function(n){const r=n.styles;return e(r),null}},Vy={left:0,top:0,right:0,gap:0},Cl=function(e){return parseInt(e||"",10)||0},Hy=function(e){const t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return[Cl(n),Cl(r),Cl(o)]},DA=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Vy;const t=Hy(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Uy=RC(),Wy=function(e,t,n,r){const o=e.left,a=e.top,i=e.right,l=e.gap;return n===void 0&&(n="margin"),`
+  .`+Ly+` {
+   overflow: hidden `+r+`;
+   padding-right: `+l+"px "+r+`;
+  }
+  body {
+    overflow: hidden `+r+`;
+    `+[t&&"position: relative "+r+";",n==="margin"&&`
+    padding-left: `+o+`px;
+    padding-top: `+a+`px;
+    padding-right: `+i+`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `+l+"px "+r+`;
+    `,n==="padding"&&"padding-right: "+l+"px "+r+";"].filter(Boolean).join("")+`
+  }
+  
+  .`+Zo+` {
+    right: `+l+"px "+r+`;
+  }
+  
+  .`+Qo+` {
+    margin-right: `+l+"px "+r+`;
+  }
+  
+  .`+Zo+" ."+Zo+` {
+    right: 0 `+r+`;
+  }
+  
+  .`+Qo+" ."+Qo+` {
+    margin-right: 0 `+r+`;
+  }
+  
+  body {
+    `+Oy+": "+l+`px;
+  }
+`},Gy=function(e){const t=s.useState(DA(e.gapMode)),n=t[0],r=t[1];s.useEffect(function(){r(DA(e.gapMode))},[e.gapMode]);const o=e.noRelative,a=e.noImportant,i=e.gapMode,l=i===void 0?"margin":i;return s.createElement(Uy,{styles:Wy(n,!o,l,a?"":"!important")})},qy=function(e){const t=window.getComputedStyle(e);return t.overflowY!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowY==="visible")},Yy=function(e){const t=window.getComputedStyle(e);return t.overflowX!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowX==="visible")},CA=function(e,t){let n=t;do{if(LC(e,n)){const o=OC(e,n),a=o[1],i=o[2];if(a>i)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Ky=function(e){const t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Jy=function(e){const t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]};var LC=function(e,t){return e==="v"?qy(t):Yy(t)},OC=function(e,t){return e==="v"?Ky(t):Jy(t)};const Xy=function(e,t,n,r,o){const a=r;let i=n.target;const l=t.contains(i);let c=!1;const u=a>0;let d=0,A=0;do{const D=OC(e,i),B=D[0],C=D[1],p=D[2],b=C-p-B;(B||b)&&LC(e,i)&&(d+=b,A+=B),i=i.parentNode}while(!l&&i!==document.body||l&&(t.contains(i)||t===i));return(u&&(o&&d===0||!o&&a>d)||!u&&(o&&A===0||!o&&-a>A))&&(c=!0),c};let Ms=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){return Ms=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{Ms=!1}const Gt=Ms?{passive:!1}:!1,Lo=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},fA=function(e){return[e.deltaX,e.deltaY]},mA=function(e){return e&&"current"in e?e.current:e},Zy=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Qy=function(e){return`
+  .block-interactivity-`+e+` {pointer-events: none;}
+  .allow-interactivity-`+e+` {pointer-events: all;}
+`};let eb=0,qt=[];function tb(e){const t=s.useRef([]),n=s.useRef([0,0]),r=s.useRef(),o=s.useState(eb++)[0],a=s.useState(function(){return RC()})[0],i=s.useRef(e);s.useEffect(function(){i.current=e},[e]),s.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);const p=[e.lockRef.current].concat((e.shards||[]).map(mA)).filter(Boolean);return p.forEach(function(b){return b.classList.add("allow-interactivity-"+o)}),function(){document.body.classList.remove("block-interactivity-"+o),p.forEach(function(b){return b.classList.remove("allow-interactivity-"+o)})}}},[e.inert,e.lockRef.current,e.shards]);const l=s.useCallback(function(p,b){if("touches"in p&&p.touches.length===2)return!i.current.allowPinchZoom;const m=Lo(p),f=n.current,E="deltaX"in p?p.deltaX:f[0]-m[0],x="deltaY"in p?p.deltaY:f[1]-m[1];let R;const L=p.target,k=Math.abs(E)>Math.abs(x)?"h":"v";let S=CA(k,L);if(!S)return!0;if(S?R=k:(R=k==="v"?"h":"v",S=CA(k,L)),!S)return!1;if(!r.current&&"changedTouches"in p&&(E||x)&&(r.current=R),!R)return!0;const P=r.current||R;return Xy(P,b,p,P==="h"?E:x,!0)},[]),c=s.useCallback(function(p){const b=p;if(!qt.length||qt[qt.length-1]!==a)return;const m="deltaY"in b?fA(b):Lo(b),f=t.current.filter(function(E){return E.name===b.type&&E.target===b.target&&Zy(E.delta,m)})[0];if(f&&f.should){b.preventDefault();return}if(!f){const E=(i.current.shards||[]).map(mA).filter(Boolean).filter(function(R){return R.contains(b.target)});(E.length>0?l(b,E[0]):!i.current.noIsolation)&&b.preventDefault()}},[]),u=s.useCallback(function(p,b,m,f){const E={name:p,delta:b,target:m,should:f};t.current.push(E),setTimeout(function(){t.current=t.current.filter(function(x){return x!==E})},1)},[]),d=s.useCallback(function(p){n.current=Lo(p),r.current=void 0},[]),A=s.useCallback(function(p){u(p.type,fA(p),p.target,l(p,e.lockRef.current))},[]),D=s.useCallback(function(p){u(p.type,Lo(p),p.target,l(p,e.lockRef.current))},[]);s.useEffect(function(){return qt.push(a),e.setCallbacks({onScrollCapture:A,onWheelCapture:A,onTouchMoveCapture:D}),document.addEventListener("wheel",c,Gt),document.addEventListener("touchmove",c,Gt),document.addEventListener("touchstart",d,Gt),function(){qt=qt.filter(function(p){return p!==a}),document.removeEventListener("wheel",c,Gt),document.removeEventListener("touchmove",c,Gt),document.removeEventListener("touchstart",d,Gt)}},[]);const B=e.removeScrollBar,C=e.inert;return s.createElement(s.Fragment,null,C?s.createElement(a,{styles:Qy(o)}):null,B?s.createElement(Gy,{gapMode:"margin"}):null)}const nb=Hh(kC,tb),PC=s.forwardRef(function(e,t){return s.createElement(mi,xn({},e,{ref:t,sideCar:nb}))});PC.classNames=mi.classNames;function de(){return de=Object.assign||function(e){for(let t=1;t<arguments.length;t++){const n=arguments[t];for(const r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},de.apply(this,arguments)}function Bi(e,t){if(e==null)return{};const n={},r=Object.keys(e);let o,a;for(a=0;a<r.length;a++)o=r[a],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}const NC={allowPinchZoom:m0.bool,dangerouslyBypassFocusLock:m0.bool,dangerouslyBypassScrollLock:m0.bool,initialFocusRef:function(){return null},onDismiss:m0.func},Pn=Ci(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.isOpen,i=a===void 0?!0:a,l=Bi(t,["as","isOpen"]);return lC("dialog"),s.useEffect(function(){i?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[i]),i?s.createElement(sC,{"data-reach-dialog-wrapper":""},s.createElement(rb,de({ref:n,as:o},l))):null});Pn.displayName="DialogOverlay",Pn.propTypes=de({},NC,{isOpen:m0.bool});var rb=Ci(function(t,n){const r=t.allowPinchZoom,o=t.as,a=o===void 0?"div":o,i=t.dangerouslyBypassFocusLock,l=i===void 0?!1:i,c=t.dangerouslyBypassScrollLock,u=c===void 0?!1:c,d=t.initialFocusRef,A=t.onClick,D=t.onDismiss,B=D===void 0?oo:D,C=t.onKeyDown,p=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,m=b===void 0?!0:b,f=Bi(t,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),E=s.useRef(null),x=s.useRef(null),R=_h(x,n),L=s.useCallback(function(){d&&d.current&&d.current.focus()},[d]);function k(N){E.current===N.target&&(N.stopPropagation(),B(N))}function S(N){N.key==="Escape"&&(N.stopPropagation(),B(N))}function P(N){E.current=N.target}return s.useEffect(function(){return x.current?ob(x.current):void 0},[]),s.createElement(_C,{autoFocus:!0,returnFocus:!0,onActivation:L,disabled:l,crossFrame:m},s.createElement(PC,{allowPinchZoom:r,enabled:!u},s.createElement(a,de({},f,{ref:R,"data-reach-dialog-overlay":"",onClick:Xo(A,k),onKeyDown:Xo(C,S),onMouseDown:Xo(p,P)}))))});Pn.displayName="DialogOverlay",Pn.propTypes=de({},NC);const Ra=Ci(function(t,n){const r=t.as,o=r===void 0?"div":r,a=t.onClick;t.onKeyDown;const i=Bi(t,["as","onClick","onKeyDown"]);return s.createElement(o,de({"aria-modal":"true",role:"dialog",tabIndex:-1},i,{ref:n,"data-reach-dialog-content":"",onClick:Xo(a,function(l){l.stopPropagation()})}))});Ra.displayName="DialogContent",Ra.propTypes={"aria-label":La,"aria-labelledby":La};const BA=Ci(function(t,n){const r=t.allowPinchZoom,o=r===void 0?!1:r,a=t.initialFocusRef,i=t.isOpen,l=t.onDismiss,c=l===void 0?oo:l,u=Bi(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return s.createElement(Pn,{allowPinchZoom:o,initialFocusRef:a,isOpen:i,onDismiss:c},s.createElement(Ra,de({ref:n},u)))});BA.displayName="Dialog",BA.propTypes={isOpen:m0.bool,onDismiss:m0.func,"aria-label":La,"aria-labelledby":La};function ob(e){const t=[],n=[],r=Sh(e);return e?(Array.prototype.forEach.call(r.querySelectorAll("body > *"),function(o){let a,i;const l=(a=e.parentNode)==null||(i=a.parentNode)==null?void 0:i.parentNode;if(o===l)return;const c=o.getAttribute("aria-hidden");c!==null&&c!=="false"||(t.push(c),n.push(o),o.setAttribute("aria-hidden","true"))}),function(){n.forEach(function(o,a){const i=t[a];i===null?o.removeAttribute("aria-hidden"):o.setAttribute("aria-hidden",i)})}):(console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),oo)}function La(e,t,n,r,o){const a=`
+See https://www.w3.org/TR/wai-aria/#aria-label for details.`;return!e["aria-label"]&&!e["aria-labelledby"]?new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n      "+a):e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. 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 <"+n+">. 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."+a):e[t]!=null&&!wh(e[t])?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null}const ab=({children:e,onClick:t,style:n,...r})=>v.jsx("button",{className:"ladle-button",onClick:t,style:n,"aria-label":r["aria-label"],type:"button",children:e}),Sn=({children:e,href:t,style:n})=>v.jsx("a",{className:"ladle-link",href:t,style:n,children:e}),Pt=({children:e})=>v.jsx("code",{className:"ladle-code",children:e}),Yn=({children:e,close:t,isOpen:n,label:r,maxWidth:o="40em"})=>v.jsx(Pn,{isOpen:n,onDismiss:()=>t(),"data-testid":"ladle-dialog-overlay",children:v.jsxs(Ra,{"aria-label":r||"Modal","data-testid":"ladle-dialog",style:{maxWidth:o},children:[v.jsx("div",{style:{position:"absolute",insetInlineEnd:"-6px",top:"0px"},children:v.jsx(ab,{onClick:()=>t(),"aria-label":"Close modal",style:{height:"36px",width:"36px",borderColor:"transparent",boxShadow:"none"},children:v.jsx(iE,{})})}),v.jsx("div",{className:"ladle-addon-modal-body",children:e})]})});var c2;(function(e){e.Full="full",e.Preview="preview"})(c2||(c2={}));var P0;(function(e){e.Light="light",e.Dark="dark",e.Auto="auto"})(P0||(P0={}));var l0;(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"})(l0||(l0={}));var u0;(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"})(u0||(u0={}));const EA=e=>{switch(e){case l0.Boolean:return"checkbox";case l0.Number:return"number";case l0.Range:return"range";default:return"text"}},gA=(e,t)=>{switch(t){case l0.Boolean:return e.checked;case l0.Number:case l0.Range:return parseFloat(e.value);default:return e.value}},Oa=(e,t)=>t&&t.some(r=>r===Number(e))?Number(e):e==="true"||e==="false"?e!=="false":e,MC=(e,t)=>{const n=De.parse(e),r={};return Object.keys(t).length===0?t:(Object.keys(n).forEach(o=>{if(o.startsWith("arg-")&&t[o.split("-")[1]]){const i=o.split("-")[1],l=n[o],c=t[i].type;if(c!==l0.Action){let u=l;switch(c){case l0.String:u=decodeURI(l);break;case l0.Boolean:u=l==="true";break;case l0.Range:u=parseFloat(l);break;case l0.Number:u=parseInt(l,10);break;case l0.Complex:u=JSON.parse(decodeURI(l));break;case l0.Radio:case l0.InlineRadio:case l0.Select:case l0.Background:u=Oa(decodeURI(l),t[i].options);break;case l0.InlineCheck:case l0.MultiSelect:case l0.Check:u=Oa(JSON.parse(decodeURI(l)),t[i].options);break}r[i]={value:u,defaultValue:t[i].defaultValue,description:t[i].description,type:t[i].type}}}}),r)},ib=({controlKey:e,globalState:t,dispatch:n})=>{const r=t.control[e],o=t.control[e].name||e;if(t.control[e].type===l0.Action)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"action"})]});if(t.control[e].type===l0.Function)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{children:"function"})]});if(t.control[e].type===l0.Radio||t.control[e].type===l0.InlineRadio||t.control[e].type===l0.Background&&t.control[e].options.length<5)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{style:t.control[e].type===l0.InlineRadio?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=t.control[e].value,c=(t.control[e].labels||{})[a]||a,u=i===a||i===String(a);return v.jsxs("div",{style:{display:"flex",alignItems:"center",...t.control[e].type===l0.InlineRadio?{paddingRight:"0.5em"}:{}},children:[v.jsx("input",{id:`${e}-${String(a)}`,type:"radio",name:e,value:String(a),onChange:()=>{n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:Oa(String(a),t.control[e].options)}}})},checked:u}),v.jsx("label",{htmlFor:`${e}-${String(a)}`,children:String(c)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===l0.Check||t.control[e].type===l0.InlineCheck||t.control[e].type===l0.MultiSelect)return v.jsxs("tr",{children:[v.jsx("td",{children:o}),v.jsx("td",{style:t.control[e].type===l0.InlineCheck?{display:"flex"}:{},children:(t.control[e].options||[]).map(a=>{const i=new Set(t.control[e].value),c=(t.control[e].labels||{})[a]||a;return v.jsxs("div",{style:{display:"flex",alignItems:"center",...t.control[e].type===l0.InlineCheck?{paddingRight:"0.5em"}:{}},children:[v.jsx("input",{id:`${e}-${String(a)}`,type:"checkbox",name:`${e}-${String(a)}`,value:String(a),checked:i.has(String(a)),onChange:()=>{const u=String(a);i.has(u)?i.delete(u):i.add(u),n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:i.size>0?Array.from(i):void 0}}})}}),v.jsx("label",{htmlFor:`${e}-${String(a)}`,style:{marginLeft:"0.3em"},children:String(c)})]},`${String(a)}-${e}`)})})]});if(t.control[e].type===l0.Select||t.control[e].type===l0.Background)return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsxs("select",{id:e,value:String(t.control[e].value),onChange:a=>{const i=t.control[e].labels||{},l=Object.keys(i).find(c=>i[c]===a.target.value)||a.target.value;n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:Oa(l,t.control[e].options)}}})},children:[v.jsx("option",{value:"undefined",disabled:!0,children:"Choose option..."}),(t.control[e].options||[]).map(a=>{const l=(t.control[e].labels||{})[a]||a;return v.jsx("option",{children:String(l)},`${a}-${e}`)})]})})]});if(t.control[e].type===l0.Complex){let a="";try{a=JSON.stringify(t.control[e].value)}catch{a="Object/Array argument must be serializable."}return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsx("textarea",{id:e,defaultValue:a,onChange:i=>{let l=t.control[e].value;try{l=JSON.parse(i.target.value)}catch{}n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:l}}})}})})]})}if(r.type===l0.Range){const a=r.min??0,i=r.max??100;return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsxs("td",{children:[a,v.jsx("input",{id:e,type:EA(r.type),value:r.value,min:r.min,max:r.max,step:r.step,onChange:l=>n({type:u0.UpdateControl,value:{...t.control,[e]:{...r,value:gA(l.target,r.type)}}})}),r.value," / ",i]})]})}return v.jsxs("tr",{children:[v.jsx("td",{children:v.jsx("label",{htmlFor:e,children:o})}),v.jsx("td",{children:v.jsx("input",{id:e,type:EA(t.control[e].type),value:t.control[e].value,checked:t.control[e].type===l0.Boolean&&t.control[e].value===!0,onChange:a=>n({type:u0.UpdateControl,value:{...t.control,[e]:{...t.control[e],value:gA(a.target,t.control[e].type)}}})})})]})},lb=({globalState:e,dispatch:t})=>{const[n,r]=s.useState(!1);M2(o0.hotkeys.control,()=>r(i=>!i),{enabled:e.hotkeys&&o0.addons.control.enabled});const o="Explore different versions of this story through controls.",a=Object.keys(e.control).filter(i=>JSON.stringify(e.control[i].value)!==JSON.stringify(e.control[i].defaultValue));return v.jsx("li",{children:v.jsxs("button",{"aria-label":o,title:o,onClick:()=>r(!0),className:n?"ladle-active":"","data-testid":"addon-control",type:"button",children:[v.jsx(DE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:o}),v.jsx("label",{children:"Story Controls"}),a.length?v.jsx("div",{className:"ladle-badge",children:a.length}):null,v.jsxs(Yn,{isOpen:n,close:()=>r(!1),label:"Toggle different controls to update the story.",children:[v.jsx("table",{className:"ladle-controls-table",children:v.jsx("tbody",{children:Object.keys(e.control).sort().map(i=>v.jsx(ib,{globalState:e,dispatch:t,controlKey:i},i))})}),v.jsx("button",{onClick:()=>{const i={};Object.keys(e.control).forEach(l=>{i[l]={...e.control[l],value:e.control[l].defaultValue}}),t({type:u0.UpdateControl,value:i})},type:"button",children:"Reset to defaults"})]})]})})},hA=["select","multi-select","radio","inline-radio","background","check","inline-check","range","color","date","number","text","boolean"],sb=({component:e,args:t,argTypes:n})=>{const{globalState:r,dispatch:o}=Ol(),a=c=>u=>{o({type:u0.UpdateAction,value:{name:c,event:u},clear:!1})};s.useEffect(()=>{const c={};let u=0;if(t&&Object.keys(t).forEach(d=>{const A=t[d];if(r.control[d])c[d]={type:r.control[d].type,defaultValue:A,value:r.control[d].value,description:""};else{let D=l0.Complex;switch(typeof A){case"function":D=l0.Function;break;case"boolean":D=l0.Boolean;break;case"number":D=l0.Number;break;case"string":D=l0.String;break}c[d]={type:D,defaultValue:A,value:A,description:""}}}),n&&Object.keys(n).forEach(d=>{const A=n[d];if(A&&A.action){c[d]={type:l0.Action,defaultValue:a(d),value:a(d),description:""};return}if(!A.control||!A.control.type)throw new Error("argTypes should have control type specified");if(hA.indexOf(A.control.type)===-1)throw new Error(`only ${hA.join(", ")} argTypes are supported now. For strings, booleans and numbers use just args.`);if(A.control.type==="background"&&(u++,u>1))throw new Error("There can be only single argType with the type background since it's used to change Ladle's background color.");c[d]={name:A.name,type:A.control.type,labels:A.control.labels,defaultValue:t[d]?t[d]:A.defaultValue,options:A.options,value:t[d]?t[d]:A.defaultValue,description:A.description||d,min:A.control.min,max:A.control.max,step:A.control.step},r.control[d]&&(c[d].value=r.control[d].value)}),Object.keys(c).length){const d=MC(location.search,c);Object.keys(d).forEach(A=>{c[A].value=d[A].value}),Object.keys(c).some(A=>!r.control[A]||c[A].value!==r.control[A].value)&&o({type:u0.UpdateControl,value:c})}else r.controlInitialized||o({type:u0.UpdateControlIntialized,value:!0})},[]);const i=(c,u)=>n&&n[c]&&n[c].mapping&&n[c].mapping.hasOwnProperty(u)?n[c].mapping[u]:u,l={};return Object.keys(r.control).forEach(c=>{Array.isArray(r.control[c].value)?l[c]=r.control[c].value.map(u=>i(c,u)):l[c]=i(c,r.control[c].value)}),r.controlInitialized?s.createElement(e,l):null},cb=({children:e,msw:t})=>{const[n,r]=s.useState(!1);return s.useEffect(()=>((async()=>{if(t.length>0){const{setupWorker:a}=await g(()=>import("./empty-module-BIHI7g3E.js"),__vite__mapDeps([]),import.meta.url);window.__ladle_msw?(window.__ladle_msw.use(...t),r(!0)):(window.__ladle_msw=a(),window.__ladle_msw.use(...t),window.__ladle_msw.start({serviceWorker:{url:"./mockServiceWorker.js"}}).then(()=>{r(!0)}))}})(),()=>{window.__ladle_msw&&window.__ladle_msw.resetHandlers()}),[t]),t.length===0||n?e:null};function y(e,t){let n=[],r={},o=[];e.default&&e.default.msw&&(o=e.default.msw),e[t]&&e[t].msw&&(o=e[t].msw);const a={args:{...F5,...e.default&&e.default.args?e.default.args:{},...e[t].args?e[t].args:{}},argTypes:{...kS,...e.default&&e.default.argTypes?e.default.argTypes:{},...e[t].argTypes?e[t].argTypes:{}},component:e[t]};return e[t]&&Array.isArray(e[t].decorators)&&(n=[...n,...e[t].decorators]),e.default&&Array.isArray(e.default.decorators)&&(n=[...n,...e.default.decorators]),r={...e.default&&e.default.parameters?e.default.parameters:{},...e[t].parameters?e[t].parameters:{}},function(){const{globalState:l}=Ol(),c=W.useMemo(()=>function(){return v.jsx(cb,{msw:o,children:v.jsx(sb,{...a})})},[]);if(n.length===0)return v.jsx(c,{});const u=A=>W.useRef(()=>{const D=Ol(),B={};return Object.keys(D.globalState.control).forEach(C=>B[C]=D.globalState.control[C].value),n[A](A===0?c:u(A-1),{...D,parameters:r,argTypes:a.argTypes,args:B})}).current,d=u(n.length-1);return l.controlInitialized?v.jsx(d,{}):v.jsx(c,{})}}var $C={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var r=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var i=typeof a;if(i==="string"||i==="number")r.push(a);else if(Array.isArray(a)){if(a.length){var l=n.apply(null,a);l&&r.push(l)}}else if(i==="object"){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){r.push(a.toString());continue}for(var c in a)t.call(a,c)&&a[c]&&r.push(c)}}}return r.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})($C);var ub=$C.exports;const r2=Zr(ub),$s=()=>typeof window>"u"?void 0:window,Ab=(...e)=>t=>{for(let n of e)if(n==null||n(t),t!=null&&t.defaultPrevented)return},aL=e=>{if(!e)return[];let t=getComputedStyle(e).getPropertyValue("transform");return db(t)},db=e=>{let t=new DOMMatrix(e);return[t.m41,t.m42]},iL=(e,t,n)=>Math.min(n,Math.max(t,e)),pb=(e=21)=>{let t="_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",n="";for(let r=0;r<e;r++)n+=t[64*Math.random()|0];return n},zC=(...e)=>t=>{e.forEach(n=>{typeof n=="function"?n(t):n&&(n.current=t)})},Kn=(...e)=>s.useCallback(zC(...e),[...e]),Db=e=>{let t=s.useRef();return[s.useCallback(r=>{var o,a,i,l,c;(o=$s())!=null&&o.ResizeObserver&&((i=(a=t.current)==null?void 0:a.disconnect)==null||i.call(a),r&&(t.current=new ResizeObserver(u=>{window.requestAnimationFrame(()=>{if(!Array.isArray(u)||!u.length)return;let[{contentRect:d}]=u;return e(d)})}),(c=(l=t.current)==null?void 0:l.observe)==null||c.call(l,r)))},[e]),t.current]};let Qe=typeof window<"u"?s.useLayoutEffect:s.useEffect,fl=20;const Cb=(e,t=!1,n="horizontal")=>{let r=s.useRef(null),[o,a]=s.useState(()=>t?e.length:Math.min(e.length,fl)),i=s.useRef(!0),[l,c]=s.useState(0),u=s.useRef(0),d=s.useCallback(({width:p,height:b})=>c(n==="horizontal"?p:b),[n]),[A,D]=Db(d),B=s.useRef(D);Qe(()=>{t?a(e.length):(a(Math.min(e.length,fl)),i.current=!0)},[l,t,e]);let C=Kn(r,A);return Qe(()=>{var f;if(!r.current||t){(f=B.current)==null||f.disconnect();return}let p=n==="horizontal"?"Width":"Height",b=r.current[`offset${p}`],m=r.current[`scroll${p}`];if(b<m){let E=m/o,x=Math.floor(b/E);a(x>0?x:1)}else if(i.current){let E=Array.from(r.current.children).reduce((k,S)=>k+S[`offset${p}`],0),x=o||Math.min(e.length,fl),R=E/x,L=Math.floor(b/R);isNaN(L)||a(Math.min(e.length,2*L))}i.current=!1},[l,o,t,e.length,n]),Qe(()=>{u.current=l},[l]),[C,o]},Cu=s.createContext(void 0);let fb=typeof jest<"u",mb=globalThis.beforeEach!==void 0&&`${globalThis.beforeEach}`.replace(/\s/g,"")==="function(name,fn){suites[0].beforeEach(name,fn);}",Bb=globalThis.__vitest_index__!==void 0,Eb=fb||Bb||mb;const gb=()=>{let e=s.useContext(Cu);return hb(e),yb(),e},hb=e=>{s.useEffect(()=>{},[e])};let yb=()=>{s.useEffect(()=>{},[])},bb=Dc;const jC=bb.useSyncExternalStore||vb;function vb(e,t){let n=t(),[{instance:r},o]=s.useState({instance:{value:n,getSnapshot:t}});return s.useLayoutEffect(()=>{r.value=n,r.getSnapshot=t,Object.is(n,t())||o({instance:r})},[e,n,t]),s.useEffect(()=>{let a=()=>{Object.is(r.value,r.getSnapshot())||o({instance:r})};return a(),e(a)},[e]),n}const zs=e=>{let t=s.useCallback(()=>{var r;return typeof window<"u"?(r=window.matchMedia)==null?void 0:r.call(window,e).matches:void 0},[e]),n=s.useCallback(r=>{var a,i;let o=(a=window.matchMedia)==null?void 0:a.call(window,e);return(i=o==null?void 0:o.addEventListener)==null||i.call(o,"change",r),()=>{var l;return(l=o==null?void 0:o.removeEventListener)==null?void 0:l.call(o,"change",r)}},[e]);return jC(n,t,()=>{})},fu=e=>{let t=s.useContext(e);if(!t)throw new Error(`${e.displayName||"Context"} is undefined`);return t},js=e=>{let t=s.useRef(e);return s.useEffect(()=>{t.current=e},[e]),t},mu=()=>{let[e,t]=s.useState(!1);return s.useEffect(()=>{t(!0)},[]),e},Pa=()=>{let e=Sb();return s.useMemo(()=>`iui-${e}`,[e])};let xb=Dc,Sb=xb.useId??(()=>s.useMemo(()=>pb(10),[]));const VC=(e,t,n)=>{let[r,o]=s.useState(e),a=s.useMemo(()=>t!==void 0?t:r,[t,r]),i=s.useCallback(l=>{o(l),n==null||n(l)},[n,o]);return[a,i]},HC="3.14.2",yA=new Proxy({},{get(e,t){if(typeof t=="string"&&t.startsWith("iui-"))return t.replace("iui-",`_iui${HC.replace(/\./g,"")}-`)},has(e,t){return typeof t=="string"&&t.startsWith("iui-")}});let Fb=e=>(t,n)=>s.forwardRef(({as:o=e,...a},i)=>{a={...n,...a,className:wb(r2(t,n==null?void 0:n.className,a.className))};let l=o||"div";if(l==="button"||l==="a"||l==="input"&&a.type==="checkbox"){var c;(c=a).tabIndex??(c.tabIndex=0)}return gb(),s.createElement(l,{ref:i,...a})});const UC=new Proxy({},{get:(e,t)=>typeof t=="string"?Fb(t):Reflect.get(e,t)});let wb=(e="")=>e.split(" ").map(t=>t in yA?yA[t]:t).join(" ")||null;const Tb=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(t=>t.text()).then(t=>{let n=new CSSStyleSheet;return n.replaceSync(t),{default:n}})}}},WC=(e,t)=>{if(!e)return null;if(!s.isValidElement(e))return e;let n=t(e),r=zC(...["ref"in e?e.ref:null,"ref"in n?n.ref:null].filter(Boolean));return s.cloneElement(e,{...n,ref:r})},j2=UC.div("");function pe(e){return GC(e)?(e.nodeName||"").toLowerCase():"#document"}function E2(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Le(e){var t;return(t=(GC(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function GC(e){return e instanceof Node||e instanceof E2(e).Node}function b0(e){return e instanceof Element||e instanceof E2(e).Element}function M0(e){return e instanceof HTMLElement||e instanceof E2(e).HTMLElement}function Vs(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof E2(e).ShadowRoot}function ao(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=T2(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function _b(e){return["table","td","th"].includes(pe(e))}function Ib(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function Bu(e){const t=Eu(),n=b0(e)?T2(e):e;return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(n.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(n.contain||"").includes(r))}function kb(e){let t=Nt(e);for(;M0(t)&&!Nn(t);){if(Bu(t))return t;if(Ib(t))return null;t=Nt(t)}return null}function Eu(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Nn(e){return["html","body","#document"].includes(pe(e))}function T2(e){return E2(e).getComputedStyle(e)}function Ei(e){return b0(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Nt(e){if(pe(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Vs(e)&&e.host||Le(e);return Vs(t)?t.host:t}function qC(e){const t=Nt(e);return Nn(t)?e.ownerDocument?e.ownerDocument.body:e.body:M0(t)&&ao(t)?t:qC(t)}function et(e,t,n){var r;t===void 0&&(t=[]),n===void 0&&(n=!0);const o=qC(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),i=E2(o);if(a){const l=Rb(i);return t.concat(i,i.visualViewport||[],ao(o)?o:[],l&&n?et(l):[])}return t.concat(o,et(o,[],n))}function Rb(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function X2(e){let t=e.activeElement;for(;((n=t)==null||(n=n.shadowRoot)==null?void 0:n.activeElement)!=null;){var n;t=t.shadowRoot.activeElement}return t}function O0(e,t){if(!e||!t)return!1;const n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&Vs(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function YC(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function KC(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:n,version:r}=t;return n+"/"+r}).join(" "):navigator.userAgent}function JC(e){return e.mozInputSource===0&&e.isTrusted?!0:Hs()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function gu(e){return Lb()?!1:!Hs()&&e.width===0&&e.height===0||Hs()&&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 hu(){return/apple/i.test(navigator.vendor)}function Hs(){const e=/android/i;return e.test(YC())||e.test(KC())}function XC(){return YC().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function Lb(){return KC().includes("jsdom/")}function Kr(e,t){const n=["mouse","pen"];return t||n.push("",void 0),n.includes(e)}function Ob(e){return"nativeEvent"in e}function Pb(e){return e.matches("html,body")}function q0(e){return(e==null?void 0:e.ownerDocument)||document}function ml(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return n.target!=null&&t.contains(n.target)}function he(e){return"composedPath"in e?e.composedPath()[0]:e.target}const Nb="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function yu(e){return M0(e)&&e.matches(Nb)}function s2(e){e.preventDefault(),e.stopPropagation()}function ZC(e){return e?e.getAttribute("role")==="combobox"&&yu(e):!1}const QC=["top","right","bottom","left"],bA=["start","end"],vA=QC.reduce((e,t)=>e.concat(t,t+"-"+bA[0],t+"-"+bA[1]),[]),Ie=Math.min,n2=Math.max,Na=Math.round,Cn=Math.floor,ot=e=>({x:e,y:e}),Mb={left:"right",right:"left",bottom:"top",top:"bottom"},$b={start:"end",end:"start"};function xA(e,t,n){return n2(e,Ie(t,n))}function ct(e,t){return typeof e=="function"?e(t):e}function U2(e){return e.split("-")[0]}function se(e){return e.split("-")[1]}function ef(e){return e==="x"?"y":"x"}function tf(e){return e==="y"?"height":"width"}function Jn(e){return["top","bottom"].includes(U2(e))?"y":"x"}function nf(e){return ef(Jn(e))}function rf(e,t,n){n===void 0&&(n=!1);const r=se(e),o=nf(e),a=tf(o);let i=o==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=$a(i)),[i,$a(i)]}function zb(e){const t=$a(e);return[Ma(e),t,Ma(t)]}function Ma(e){return e.replace(/start|end/g,t=>$b[t])}function jb(e,t,n){const r=["left","right"],o=["right","left"],a=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:r:t?r:o;case"left":case"right":return t?a:i;default:return[]}}function Vb(e,t,n,r){const o=se(e);let a=jb(U2(e),n==="start",r);return o&&(a=a.map(i=>i+"-"+o),t&&(a=a.concat(a.map(Ma)))),a}function $a(e){return e.replace(/left|right|bottom|top/g,t=>Mb[t])}function Hb(e){return{top:0,right:0,bottom:0,left:0,...e}}function of(e){return typeof e!="number"?Hb(e):{top:e,right:e,bottom:e,left:e}}function Mn(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var Ub=["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])"],za=Ub.join(","),af=typeof Element>"u",$n=af?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ja=!af&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e==null?void 0:e.ownerDocument},Va=function e(t,n){var r;n===void 0&&(n=!0);var o=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),a=o===""||o==="true",i=a||n&&t&&e(t.parentNode);return i},Wb=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},Gb=function(t,n,r){if(Va(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(za));return n&&$n.call(t,za)&&o.unshift(t),o=o.filter(r),o},qb=function e(t,n,r){for(var o=[],a=Array.from(t);a.length;){var i=a.shift();if(!Va(i,!1))if(i.tagName==="SLOT"){var l=i.assignedElements(),c=l.length?l:i.children,u=e(c,!0,r);r.flatten?o.push.apply(o,u):o.push({scopeParent:i,candidates:u})}else{var d=$n.call(i,za);d&&r.filter(i)&&(n||!t.includes(i))&&o.push(i);var A=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),D=!Va(A,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(A&&D){var B=e(A===!0?i.children:A.children,!0,r);r.flatten?o.push.apply(o,B):o.push({scopeParent:i,candidates:B})}else a.unshift.apply(a,i.children)}}return o},lf=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},sf=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||Wb(t))&&!lf(t)?0:t.tabIndex},Yb=function(t,n){var r=sf(t);return r<0&&n&&!lf(t)?0:r},Kb=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},cf=function(t){return t.tagName==="INPUT"},Jb=function(t){return cf(t)&&t.type==="hidden"},Xb=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},Zb=function(t,n){for(var r=0;r<t.length;r++)if(t[r].checked&&t[r].form===n)return t[r]},Qb=function(t){if(!t.name)return!0;var n=t.form||ja(t),r=function(l){return n.querySelectorAll('input[type="radio"][name="'+l+'"]')},o;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")o=r(window.CSS.escape(t.name));else try{o=r(t.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var a=Zb(o,t.form);return!a||a===t},ev=function(t){return cf(t)&&t.type==="radio"},tv=function(t){return ev(t)&&!Qb(t)},nv=function(t){var n,r=t&&ja(t),o=(n=r)===null||n===void 0?void 0:n.host,a=!1;if(r&&r!==t){var i,l,c;for(a=!!((i=o)!==null&&i!==void 0&&(l=i.ownerDocument)!==null&&l!==void 0&&l.contains(o)||t!=null&&(c=t.ownerDocument)!==null&&c!==void 0&&c.contains(t));!a&&o;){var u,d,A;r=ja(o),o=(u=r)===null||u===void 0?void 0:u.host,a=!!((d=o)!==null&&d!==void 0&&(A=d.ownerDocument)!==null&&A!==void 0&&A.contains(o))}}return a},SA=function(t){var n=t.getBoundingClientRect(),r=n.width,o=n.height;return r===0&&o===0},rv=function(t,n){var r=n.displayCheck,o=n.getShadowRoot;if(getComputedStyle(t).visibility==="hidden")return!0;var a=$n.call(t,"details>summary:first-of-type"),i=a?t.parentElement:t;if($n.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var l=t;t;){var c=t.parentElement,u=ja(t);if(c&&!c.shadowRoot&&o(c)===!0)return SA(t);t.assignedSlot?t=t.assignedSlot:!c&&u!==t.ownerDocument?t=u.host:t=c}t=l}if(nv(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return SA(t);return!1},ov=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var n=t.parentElement;n;){if(n.tagName==="FIELDSET"&&n.disabled){for(var r=0;r<n.children.length;r++){var o=n.children.item(r);if(o.tagName==="LEGEND")return $n.call(n,"fieldset[disabled] *")?!0:!o.contains(t)}return!0}n=n.parentElement}return!1},av=function(t,n){return!(n.disabled||Va(n)||Jb(n)||rv(n,t)||Xb(n)||ov(n))},Us=function(t,n){return!(tv(n)||sf(n)<0||!av(t,n))},iv=function(t){var n=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(n)||n>=0)},lv=function e(t){var n=[],r=[];return t.forEach(function(o,a){var i=!!o.scopeParent,l=i?o.scopeParent:o,c=Yb(l,i),u=i?e(o.candidates):l;c===0?i?n.push.apply(n,u):n.push(l):r.push({documentOrder:a,tabIndex:c,item:o,isScope:i,content:u})}),r.sort(Kb).reduce(function(o,a){return a.isScope?o.push.apply(o,a.content):o.push(a.content),o},[]).concat(n)},Jr=function(t,n){n=n||{};var r;return n.getShadowRoot?r=qb([t],n.includeContainer,{filter:Us.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:iv}):r=Gb(t,n.includeContainer,Us.bind(null,n)),lv(r)},sv=function(t,n){if(n=n||{},!t)throw new Error("No node provided");return $n.call(t,za)===!1?!1:Us(n,t)};function FA(e,t,n){let{reference:r,floating:o}=e;const a=Jn(t),i=nf(t),l=tf(i),c=U2(t),u=a==="y",d=r.x+r.width/2-o.width/2,A=r.y+r.height/2-o.height/2,D=r[l]/2-o[l]/2;let B;switch(c){case"top":B={x:d,y:r.y-o.height};break;case"bottom":B={x:d,y:r.y+r.height};break;case"right":B={x:r.x+r.width,y:A};break;case"left":B={x:r.x-o.width,y:A};break;default:B={x:r.x,y:r.y}}switch(se(t)){case"start":B[i]-=D*(n&&u?-1:1);break;case"end":B[i]+=D*(n&&u?-1:1);break}return B}const cv=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:i}=n,l=a.filter(Boolean),c=await(i.isRTL==null?void 0:i.isRTL(t));let u=await i.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:A}=FA(u,r,c),D=r,B={},C=0;for(let p=0;p<l.length;p++){const{name:b,fn:m}=l[p],{x:f,y:E,data:x,reset:R}=await m({x:d,y:A,initialPlacement:r,placement:D,strategy:o,middlewareData:B,rects:u,platform:i,elements:{reference:e,floating:t}});d=f??d,A=E??A,B={...B,[b]:{...B[b],...x}},R&&C<=50&&(C++,typeof R=="object"&&(R.placement&&(D=R.placement),R.rects&&(u=R.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:o}):R.rects),{x:d,y:A}=FA(u,D,c)),p=-1)}return{x:d,y:A,placement:D,strategy:o,middlewareData:B}};async function zn(e,t){var n;t===void 0&&(t={});const{x:r,y:o,platform:a,rects:i,elements:l,strategy:c}=e,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:A="floating",altBoundary:D=!1,padding:B=0}=ct(t,e),C=of(B),b=l[D?A==="floating"?"reference":"floating":A],m=Mn(await a.getClippingRect({element:(n=await(a.isElement==null?void 0:a.isElement(b)))==null||n?b:b.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:d,strategy:c})),f=A==="floating"?{...i.floating,x:r,y:o}:i.reference,E=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),x=await(a.isElement==null?void 0:a.isElement(E))?await(a.getScale==null?void 0:a.getScale(E))||{x:1,y:1}:{x:1,y:1},R=Mn(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:f,offsetParent:E,strategy:c}):f);return{top:(m.top-R.top+C.top)/x.y,bottom:(R.bottom-m.bottom+C.bottom)/x.y,left:(m.left-R.left+C.left)/x.x,right:(R.right-m.right+C.right)/x.x}}function uv(e,t,n){return(e?[...n.filter(o=>se(o)===e),...n.filter(o=>se(o)!==e)]:n.filter(o=>U2(o)===o)).filter(o=>e?se(o)===e||(t?Ma(o)!==o:!1):!0)}const Av=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,r,o;const{rects:a,middlewareData:i,placement:l,platform:c,elements:u}=t,{crossAxis:d=!1,alignment:A,allowedPlacements:D=vA,autoAlignment:B=!0,...C}=ct(e,t),p=A!==void 0||D===vA?uv(A||null,B,D):D,b=await zn(t,C),m=((n=i.autoPlacement)==null?void 0:n.index)||0,f=p[m];if(f==null)return{};const E=rf(f,a,await(c.isRTL==null?void 0:c.isRTL(u.floating)));if(l!==f)return{reset:{placement:p[0]}};const x=[b[U2(f)],b[E[0]],b[E[1]]],R=[...((r=i.autoPlacement)==null?void 0:r.overflows)||[],{placement:f,overflows:x}],L=p[m+1];if(L)return{data:{index:m+1,overflows:R},reset:{placement:L}};const k=R.map(N=>{const V=se(N.placement);return[N.placement,V&&d?N.overflows.slice(0,2).reduce((w,I)=>w+I,0):N.overflows[0],N.overflows]}).sort((N,V)=>N[1]-V[1]),P=((o=k.filter(N=>N[2].slice(0,se(N[0])?2:3).every(V=>V<=0))[0])==null?void 0:o[0])||k[0][0];return P!==l?{data:{index:m+1,overflows:R},reset:{placement:P}}:{}}}},dv=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var n,r;const{placement:o,middlewareData:a,rects:i,initialPlacement:l,platform:c,elements:u}=t,{mainAxis:d=!0,crossAxis:A=!0,fallbackPlacements:D,fallbackStrategy:B="bestFit",fallbackAxisSideDirection:C="none",flipAlignment:p=!0,...b}=ct(e,t);if((n=a.arrow)!=null&&n.alignmentOffset)return{};const m=U2(o),f=U2(l)===l,E=await(c.isRTL==null?void 0:c.isRTL(u.floating)),x=D||(f||!p?[$a(l)]:zb(l));!D&&C!=="none"&&x.push(...Vb(l,p,C,E));const R=[l,...x],L=await zn(t,b),k=[];let S=((r=a.flip)==null?void 0:r.overflows)||[];if(d&&k.push(L[m]),A){const w=rf(o,i,E);k.push(L[w[0]],L[w[1]])}if(S=[...S,{placement:o,overflows:k}],!k.every(w=>w<=0)){var P,N;const w=(((P=a.flip)==null?void 0:P.index)||0)+1,I=R[w];if(I)return{data:{index:w,overflows:S},reset:{placement:I}};let T=(N=S.filter(_=>_.overflows[0]<=0).sort((_,j)=>_.overflows[1]-j.overflows[1])[0])==null?void 0:N.placement;if(!T)switch(B){case"bestFit":{var V;const _=(V=S.map(j=>[j.placement,j.overflows.filter(z=>z>0).reduce((z,O)=>z+O,0)]).sort((j,z)=>j[1]-z[1])[0])==null?void 0:V[0];_&&(T=_);break}case"initialPlacement":T=l;break}if(o!==T)return{reset:{placement:T}}}return{}}}};function wA(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function TA(e){return QC.some(t=>e[t]>=0)}const pv=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:r="referenceHidden",...o}=ct(e,t);switch(r){case"referenceHidden":{const a=await zn(t,{...o,elementContext:"reference"}),i=wA(a,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:TA(i)}}}case"escaped":{const a=await zn(t,{...o,altBoundary:!0}),i=wA(a,n.floating);return{data:{escapedOffsets:i,escaped:TA(i)}}}default:return{}}}}};function uf(e){const t=Ie(...e.map(a=>a.left)),n=Ie(...e.map(a=>a.top)),r=n2(...e.map(a=>a.right)),o=n2(...e.map(a=>a.bottom));return{x:t,y:n,width:r-t,height:o-n}}function Dv(e){const t=e.slice().sort((o,a)=>o.y-a.y),n=[];let r=null;for(let o=0;o<t.length;o++){const a=t[o];!r||a.y-r.y>r.height/2?n.push([a]):n[n.length-1].push(a),r=a}return n.map(o=>Mn(uf(o)))}const Cv=function(e){return e===void 0&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:a,strategy:i}=t,{padding:l=2,x:c,y:u}=ct(e,t),d=Array.from(await(a.getClientRects==null?void 0:a.getClientRects(r.reference))||[]),A=Dv(d),D=Mn(uf(d)),B=of(l);function C(){if(A.length===2&&A[0].left>A[1].right&&c!=null&&u!=null)return A.find(b=>c>b.left-B.left&&c<b.right+B.right&&u>b.top-B.top&&u<b.bottom+B.bottom)||D;if(A.length>=2){if(Jn(n)==="y"){const N=A[0],V=A[A.length-1],w=U2(n)==="top",I=N.top,T=V.bottom,_=w?N.left:V.left,j=w?N.right:V.right,z=j-_,O=T-I;return{top:I,bottom:T,left:_,right:j,width:z,height:O,x:_,y:I}}const b=U2(n)==="left",m=n2(...A.map(N=>N.right)),f=Ie(...A.map(N=>N.left)),E=A.filter(N=>b?N.left===f:N.right===m),x=E[0].top,R=E[E.length-1].bottom,L=f,k=m,S=k-L,P=R-x;return{top:x,bottom:R,left:L,right:k,width:S,height:P,x:L,y:x}}return D}const p=await a.getElementRects({reference:{getBoundingClientRect:C},floating:r.floating,strategy:i});return o.reference.x!==p.reference.x||o.reference.y!==p.reference.y||o.reference.width!==p.reference.width||o.reference.height!==p.reference.height?{reset:{rects:p}}:{}}}};async function fv(e,t){const{placement:n,platform:r,elements:o}=e,a=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=U2(n),l=se(n),c=Jn(n)==="y",u=["left","top"].includes(i)?-1:1,d=a&&c?-1:1,A=ct(t,e);let{mainAxis:D,crossAxis:B,alignmentAxis:C}=typeof A=="number"?{mainAxis:A,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...A};return l&&typeof C=="number"&&(B=l==="end"?C*-1:C),c?{x:B*d,y:D*u}:{x:D*u,y:B*d}}const mv=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,r;const{x:o,y:a,placement:i,middlewareData:l}=t,c=await fv(t,e);return i===((n=l.offset)==null?void 0:n.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:o+c.x,y:a+c.y,data:{...c,placement:i}}}}},Bv=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:a=!0,crossAxis:i=!1,limiter:l={fn:b=>{let{x:m,y:f}=b;return{x:m,y:f}}},...c}=ct(e,t),u={x:n,y:r},d=await zn(t,c),A=Jn(U2(o)),D=ef(A);let B=u[D],C=u[A];if(a){const b=D==="y"?"top":"left",m=D==="y"?"bottom":"right",f=B+d[b],E=B-d[m];B=xA(f,B,E)}if(i){const b=A==="y"?"top":"left",m=A==="y"?"bottom":"right",f=C+d[b],E=C-d[m];C=xA(f,C,E)}const p=l.fn({...t,[D]:B,[A]:C});return{...p,data:{x:p.x-n,y:p.y-r}}}}},Ev=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:r,platform:o,elements:a}=t,{apply:i=()=>{},...l}=ct(e,t),c=await zn(t,l),u=U2(n),d=se(n),A=Jn(n)==="y",{width:D,height:B}=r.floating;let C,p;u==="top"||u==="bottom"?(C=u,p=d===(await(o.isRTL==null?void 0:o.isRTL(a.floating))?"start":"end")?"left":"right"):(p=u,C=d==="end"?"top":"bottom");const b=B-c[C],m=D-c[p],f=!t.middlewareData.shift;let E=b,x=m;if(A){const L=D-c.left-c.right;x=d||f?Ie(m,L):L}else{const L=B-c.top-c.bottom;E=d||f?Ie(b,L):L}if(f&&!d){const L=n2(c.left,0),k=n2(c.right,0),S=n2(c.top,0),P=n2(c.bottom,0);A?x=D-2*(L!==0||k!==0?L+k:n2(c.left,c.right)):E=B-2*(S!==0||P!==0?S+P:n2(c.top,c.bottom))}await i({...t,availableWidth:x,availableHeight:E});const R=await o.getDimensions(a.floating);return D!==R.width||B!==R.height?{reset:{rects:!0}}:{}}}};function Af(e){const t=T2(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=M0(e),a=o?e.offsetWidth:n,i=o?e.offsetHeight:r,l=Na(n)!==a||Na(r)!==i;return l&&(n=a,r=i),{width:n,height:r,$:l}}function bu(e){return b0(e)?e:e.contextElement}function Fn(e){const t=bu(e);if(!M0(t))return ot(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:a}=Af(t);let i=(a?Na(n.width):n.width)/r,l=(a?Na(n.height):n.height)/o;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}const gv=ot(0);function df(e){const t=E2(e);return!Eu()||!t.visualViewport?gv:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function hv(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==E2(e)?!1:t}function Mt(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),a=bu(e);let i=ot(1);t&&(r?b0(r)&&(i=Fn(r)):i=Fn(e));const l=hv(a,n,r)?df(a):ot(0);let c=(o.left+l.x)/i.x,u=(o.top+l.y)/i.y,d=o.width/i.x,A=o.height/i.y;if(a){const D=E2(a),B=r&&b0(r)?E2(r):r;let C=D,p=C.frameElement;for(;p&&r&&B!==C;){const b=Fn(p),m=p.getBoundingClientRect(),f=T2(p),E=m.left+(p.clientLeft+parseFloat(f.paddingLeft))*b.x,x=m.top+(p.clientTop+parseFloat(f.paddingTop))*b.y;c*=b.x,u*=b.y,d*=b.x,A*=b.y,c+=E,u+=x,C=E2(p),p=C.frameElement}}return Mn({width:d,height:A,x:c,y:u})}const yv=[":popover-open",":modal"];function pf(e){return yv.some(t=>{try{return e.matches(t)}catch{return!1}})}function bv(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const a=o==="fixed",i=Le(r),l=t?pf(t.floating):!1;if(r===i||l&&a)return n;let c={scrollLeft:0,scrollTop:0},u=ot(1);const d=ot(0),A=M0(r);if((A||!A&&!a)&&((pe(r)!=="body"||ao(i))&&(c=Ei(r)),M0(r))){const D=Mt(r);u=Fn(r),d.x=D.x+r.clientLeft,d.y=D.y+r.clientTop}return{width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-c.scrollLeft*u.x+d.x,y:n.y*u.y-c.scrollTop*u.y+d.y}}function vv(e){return Array.from(e.getClientRects())}function Df(e){return Mt(Le(e)).left+Ei(e).scrollLeft}function xv(e){const t=Le(e),n=Ei(e),r=e.ownerDocument.body,o=n2(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=n2(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-n.scrollLeft+Df(e);const l=-n.scrollTop;return T2(r).direction==="rtl"&&(i+=n2(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:i,y:l}}function Sv(e,t){const n=E2(e),r=Le(e),o=n.visualViewport;let a=r.clientWidth,i=r.clientHeight,l=0,c=0;if(o){a=o.width,i=o.height;const u=Eu();(!u||u&&t==="fixed")&&(l=o.offsetLeft,c=o.offsetTop)}return{width:a,height:i,x:l,y:c}}function Fv(e,t){const n=Mt(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,a=M0(e)?Fn(e):ot(1),i=e.clientWidth*a.x,l=e.clientHeight*a.y,c=o*a.x,u=r*a.y;return{width:i,height:l,x:c,y:u}}function _A(e,t,n){let r;if(t==="viewport")r=Sv(e,n);else if(t==="document")r=xv(Le(e));else if(b0(t))r=Fv(t,n);else{const o=df(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return Mn(r)}function Cf(e,t){const n=Nt(e);return n===t||!b0(n)||Nn(n)?!1:T2(n).position==="fixed"||Cf(n,t)}function wv(e,t){const n=t.get(e);if(n)return n;let r=et(e,[],!1).filter(l=>b0(l)&&pe(l)!=="body"),o=null;const a=T2(e).position==="fixed";let i=a?Nt(e):e;for(;b0(i)&&!Nn(i);){const l=T2(i),c=Bu(i);!c&&l.position==="fixed"&&(o=null),(a?!c&&!o:!c&&l.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||ao(i)&&!c&&Cf(e,i))?r=r.filter(d=>d!==i):o=l,i=Nt(i)}return t.set(e,r),r}function Tv(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[...n==="clippingAncestors"?wv(t,this._c):[].concat(n),r],l=i[0],c=i.reduce((u,d)=>{const A=_A(t,d,o);return u.top=n2(A.top,u.top),u.right=Ie(A.right,u.right),u.bottom=Ie(A.bottom,u.bottom),u.left=n2(A.left,u.left),u},_A(t,l,o));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function _v(e){const{width:t,height:n}=Af(e);return{width:t,height:n}}function Iv(e,t,n){const r=M0(t),o=Le(t),a=n==="fixed",i=Mt(e,!0,a,t);let l={scrollLeft:0,scrollTop:0};const c=ot(0);if(r||!r&&!a)if((pe(t)!=="body"||ao(o))&&(l=Ei(t)),r){const A=Mt(t,!0,a,t);c.x=A.x+t.clientLeft,c.y=A.y+t.clientTop}else o&&(c.x=Df(o));const u=i.left+l.scrollLeft-c.x,d=i.top+l.scrollTop-c.y;return{x:u,y:d,width:i.width,height:i.height}}function IA(e,t){return!M0(e)||T2(e).position==="fixed"?null:t?t(e):e.offsetParent}function ff(e,t){const n=E2(e);if(!M0(e)||pf(e))return n;let r=IA(e,t);for(;r&&_b(r)&&T2(r).position==="static";)r=IA(r,t);return r&&(pe(r)==="html"||pe(r)==="body"&&T2(r).position==="static"&&!Bu(r))?n:r||kb(e)||n}const kv=async function(e){const t=this.getOffsetParent||ff,n=this.getDimensions;return{reference:Iv(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,...await n(e.floating)}}};function Rv(e){return T2(e).direction==="rtl"}const Lv={convertOffsetParentRelativeRectToViewportRelativeRect:bv,getDocumentElement:Le,getClippingRect:Tv,getOffsetParent:ff,getElementRects:kv,getClientRects:vv,getDimensions:_v,getScale:Fn,isElement:b0,isRTL:Rv};function Ov(e,t){let n=null,r;const o=Le(e);function a(){var l;clearTimeout(r),(l=n)==null||l.disconnect(),n=null}function i(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),a();const{left:u,top:d,width:A,height:D}=e.getBoundingClientRect();if(l||t(),!A||!D)return;const B=Cn(d),C=Cn(o.clientWidth-(u+A)),p=Cn(o.clientHeight-(d+D)),b=Cn(u),f={rootMargin:-B+"px "+-C+"px "+-p+"px "+-b+"px",threshold:n2(0,Ie(1,c))||1};let E=!0;function x(R){const L=R[0].intersectionRatio;if(L!==c){if(!E)return i();L?i(!1,L):r=setTimeout(()=>{i(!1,1e-7)},100)}E=!1}try{n=new IntersectionObserver(x,{...f,root:o.ownerDocument})}catch{n=new IntersectionObserver(x,f)}n.observe(e)}return i(!0),a}function mf(e,t,n,r){r===void 0&&(r={});const{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=r,u=bu(e),d=o||a?[...u?et(u):[],...et(t)]:[];d.forEach(m=>{o&&m.addEventListener("scroll",n,{passive:!0}),a&&m.addEventListener("resize",n)});const A=u&&l?Ov(u,n):null;let D=-1,B=null;i&&(B=new ResizeObserver(m=>{let[f]=m;f&&f.target===u&&B&&(B.unobserve(t),cancelAnimationFrame(D),D=requestAnimationFrame(()=>{var E;(E=B)==null||E.observe(t)})),n()}),u&&!c&&B.observe(u),B.observe(t));let C,p=c?Mt(e):null;c&&b();function b(){const m=Mt(e);p&&(m.x!==p.x||m.y!==p.y||m.width!==p.width||m.height!==p.height)&&n(),p=m,C=requestAnimationFrame(b)}return n(),()=>{var m;d.forEach(f=>{o&&f.removeEventListener("scroll",n),a&&f.removeEventListener("resize",n)}),A==null||A(),(m=B)==null||m.disconnect(),B=null,c&&cancelAnimationFrame(C)}}const Pv=Av,Nv=Bv,Mv=dv,$v=Ev,zv=pv,jv=Cv,Vv=(e,t,n)=>{const r=new Map,o={platform:Lv,...n},a={...o.platform,_c:r};return cv(e,t,{...o,platform:a})};var ea=typeof document<"u"?s.useLayoutEffect:s.useEffect;function Ha(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,r,o;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!Ha(e[r],t[r]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,o[r]))return!1;for(r=n;r--!==0;){const a=o[r];if(!(a==="_owner"&&e.$$typeof)&&!Ha(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}function Bf(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function kA(e,t){const n=Bf(e);return Math.round(t*n)/n}function RA(e){const t=s.useRef(e);return ea(()=>{t.current=e}),t}function Hv(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:o,elements:{reference:a,floating:i}={},transform:l=!0,whileElementsMounted:c,open:u}=e,[d,A]=s.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[D,B]=s.useState(r);Ha(D,r)||B(r);const[C,p]=s.useState(null),[b,m]=s.useState(null),f=s.useCallback(z=>{z!==L.current&&(L.current=z,p(z))},[]),E=s.useCallback(z=>{z!==k.current&&(k.current=z,m(z))},[]),x=a||C,R=i||b,L=s.useRef(null),k=s.useRef(null),S=s.useRef(d),P=c!=null,N=RA(c),V=RA(o),w=s.useCallback(()=>{if(!L.current||!k.current)return;const z={placement:t,strategy:n,middleware:D};V.current&&(z.platform=V.current),Vv(L.current,k.current,z).then(O=>{const $={...O,isPositioned:!0};I.current&&!Ha(S.current,$)&&(S.current=$,Ae.flushSync(()=>{A($)}))})},[D,t,n,V]);ea(()=>{u===!1&&S.current.isPositioned&&(S.current.isPositioned=!1,A(z=>({...z,isPositioned:!1})))},[u]);const I=s.useRef(!1);ea(()=>(I.current=!0,()=>{I.current=!1}),[]),ea(()=>{if(x&&(L.current=x),R&&(k.current=R),x&&R){if(N.current)return N.current(x,R,w);w()}},[x,R,w,N,P]);const T=s.useMemo(()=>({reference:L,floating:k,setReference:f,setFloating:E}),[f,E]),_=s.useMemo(()=>({reference:x,floating:R}),[x,R]),j=s.useMemo(()=>{const z={position:n,left:0,top:0};if(!_.floating)return z;const O=kA(_.floating,d.x),$=kA(_.floating,d.y);return l?{...z,transform:"translate("+O+"px, "+$+"px)",...Bf(_.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:O,top:$}},[n,l,_.floating,d.x,d.y]);return s.useMemo(()=>({...d,update:w,refs:T,elements:_,floatingStyles:j}),[d,w,T,_,j])}const Ws=(e,t)=>({...mv(e),options:[e,t]}),Ef=(e,t)=>({...Nv(e),options:[e,t]}),gf=(e,t)=>({...Mv(e),options:[e,t]}),hf=(e,t)=>({...$v(e),options:[e,t]}),yf=(e,t)=>({...Pv(e),options:[e,t]}),bf=(e,t)=>({...zv(e),options:[e,t]}),vf=(e,t)=>({...jv(e),options:[e,t]});function Uv(e){return s.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e)}const xf={...Dc},Wv=xf.useInsertionEffect,Gv=Wv||(e=>e());function D2(e){const t=s.useRef(()=>{});return Gv(()=>{t.current=e}),s.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}const jn="ArrowUp",Se="ArrowDown",ke="ArrowLeft",ce="ArrowRight";function Oo(e,t,n){return Math.floor(e/t)!==n}function wn(e,t){return t<0||t>=e.current.length}function ta(e,t){return J0(e,{disabledIndices:t})}function Gs(e,t){return J0(e,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function J0(e,t){let{startingIndex:n=-1,decrement:r=!1,disabledIndices:o,amount:a=1}=t===void 0?{}:t;const i=e.current;let l=n;do l+=r?-a:a;while(l>=0&&l<=i.length-1&&Tt(i,l,o));return l}function Sf(e,t){let{event:n,orientation:r,loop:o,cols:a,disabledIndices:i,minIndex:l,maxIndex:c,prevIndex:u,stopEvent:d=!1}=t,A=u;if(n.key===jn){if(d&&s2(n),u===-1)A=c;else if(A=J0(e,{startingIndex:A,amount:a,decrement:!0,disabledIndices:i}),o&&(u-a<l||A<0)){const D=u%a,B=c%a,C=c-(B-D);B===D?A=c:A=B>D?C:C-a}wn(e,A)&&(A=u)}if(n.key===Se&&(d&&s2(n),u===-1?A=l:(A=J0(e,{startingIndex:u,amount:a,disabledIndices:i}),o&&u+a>c&&(A=J0(e,{startingIndex:u%a-a,amount:a,disabledIndices:i}))),wn(e,A)&&(A=u)),r==="both"){const D=Cn(u/a);n.key===ce&&(d&&s2(n),u%a!==a-1?(A=J0(e,{startingIndex:u,disabledIndices:i}),o&&Oo(A,a,D)&&(A=J0(e,{startingIndex:u-u%a-1,disabledIndices:i}))):o&&(A=J0(e,{startingIndex:u-u%a-1,disabledIndices:i})),Oo(A,a,D)&&(A=u)),n.key===ke&&(d&&s2(n),u%a!==0?(A=J0(e,{startingIndex:u,decrement:!0,disabledIndices:i}),o&&Oo(A,a,D)&&(A=J0(e,{startingIndex:u+(a-u%a),decrement:!0,disabledIndices:i}))):o&&(A=J0(e,{startingIndex:u+(a-u%a),decrement:!0,disabledIndices:i})),Oo(A,a,D)&&(A=u));const B=Cn(c/a)===D;wn(e,A)&&(o&&B?A=n.key===ke?c:J0(e,{startingIndex:u-u%a-1,disabledIndices:i}):A=u)}return A}function Ff(e,t,n){const r=[];let o=0;return e.forEach((a,i)=>{let{width:l,height:c}=a,u=!1;for(n&&(o=0);!u;){const d=[];for(let A=0;A<l;A++)for(let D=0;D<c;D++)d.push(o+A+D*t);o%t+l<=t&&d.every(A=>r[A]==null)?(d.forEach(A=>{r[A]=i}),u=!0):o++}}),[...r]}function wf(e,t,n,r,o){if(e===-1)return-1;const a=n.indexOf(e),i=t[e];switch(o){case"tl":return a;case"tr":return i?a+i.width-1:a;case"bl":return i?a+(i.height-1)*r:a;case"br":return n.lastIndexOf(e)}}function Tf(e,t){return t.flatMap((n,r)=>e.includes(n)?[r]:[])}function Tt(e,t,n){if(n)return n.includes(t);const r=e[t];return r==null||r.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"}let LA=0;function ge(e,t){t===void 0&&(t={});const{preventScroll:n=!1,cancelPrevious:r=!0,sync:o=!1}=t;r&&cancelAnimationFrame(LA);const a=()=>e==null?void 0:e.focus({preventScroll:n});o?a():LA=requestAnimationFrame(a)}var B0=typeof document<"u"?s.useLayoutEffect:s.useEffect;function qv(e,t){const n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}function Yv(e,t){if(e.size!==t.size)return!1;for(const[n,r]of e.entries())if(r!==t.get(n))return!1;return!0}const _f=s.createContext({register:()=>{},unregister:()=>{},map:new Map,elementsRef:{current:[]}});function Kv(e){const{children:t,elementsRef:n,labelsRef:r}=e,[o,a]=s.useState(()=>new Map),i=s.useCallback(c=>{a(u=>new Map(u).set(c,null))},[]),l=s.useCallback(c=>{a(u=>{const d=new Map(u);return d.delete(c),d})},[]);return B0(()=>{const c=new Map(o);Array.from(c.keys()).sort(qv).forEach((d,A)=>{c.set(d,A)}),Yv(o,c)||a(c)},[o]),s.createElement(_f.Provider,{value:s.useMemo(()=>({register:i,unregister:l,map:o,elementsRef:n,labelsRef:r}),[i,l,o,n,r])},t)}function Jv(e){e===void 0&&(e={});const{label:t}=e,{register:n,unregister:r,map:o,elementsRef:a,labelsRef:i}=s.useContext(_f),[l,c]=s.useState(null),u=s.useRef(null),d=s.useCallback(A=>{if(u.current=A,l!==null&&(a.current[l]=A,i)){var D;const B=t!==void 0;i.current[l]=B?t:(D=A==null?void 0:A.textContent)!=null?D:null}},[l,a,i,t]);return B0(()=>{const A=u.current;if(A)return n(A),()=>{r(A)}},[n,r]),B0(()=>{const A=u.current?o.get(u.current):null;A!=null&&c(A)},[o]),s.useMemo(()=>({ref:d,index:l??-1}),[l,d])}function If(e,t){return typeof e=="function"?e(t):e?s.cloneElement(e,t):s.createElement("div",t)}const kf=s.createContext({activeIndex:0,onNavigate:()=>{}}),Rf=[ke,ce],Lf=[jn,Se],Bl=[...Rf,...Lf],Xv=s.forwardRef(function(t,n){const{render:r,orientation:o="both",loop:a=!0,cols:i=1,disabledIndices:l,activeIndex:c,onNavigate:u,itemSizes:d,dense:A=!1,...D}=t,[B,C]=s.useState(0),p=c??B,b=D2(u??C),m=s.useRef([]),f=r&&typeof r!="function"?r.props:{},E=s.useMemo(()=>({activeIndex:p,onNavigate:b}),[p,b]),x=i>1;function R(k){if(!Bl.includes(k.key))return;let S=p;const P=ta(m,l),N=Gs(m,l);if(x){const T=d||Array.from({length:m.current.length},()=>({width:1,height:1})),_=Ff(T,i,A),j=_.findIndex($=>$!=null&&!Tt(m.current,$,l)),z=_.reduce(($,H,Y)=>H!=null&&!Tt(m.current,H,l)?Y:$,-1),O=_[Sf({current:_.map($=>$?m.current[$]:null)},{event:k,orientation:o,loop:a,cols:i,disabledIndices:Tf([...l||m.current.map(($,H)=>Tt(m.current,H)?H:void 0),void 0],_),minIndex:j,maxIndex:z,prevIndex:wf(p>N?P:p,T,_,i,k.key===Se?"bl":k.key===ce?"tr":"tl")})];O!=null&&(S=O)}const V={horizontal:[ce],vertical:[Se],both:[ce,Se]}[o],w={horizontal:[ke],vertical:[jn],both:[ke,jn]}[o],I=x?Bl:{horizontal:Rf,vertical:Lf,both:Bl}[o];S===p&&[...V,...w].includes(k.key)&&(a&&S===N&&V.includes(k.key)?S=P:a&&S===P&&w.includes(k.key)?S=N:S=J0(m,{startingIndex:S,decrement:w.includes(k.key),disabledIndices:l})),S!==p&&!wn(m,S)&&(k.stopPropagation(),I.includes(k.key)&&k.preventDefault(),b(S),queueMicrotask(()=>{ge(m.current[S])}))}const L={...D,...f,ref:n,"aria-orientation":o==="both"?void 0:o,onKeyDown(k){D.onKeyDown==null||D.onKeyDown(k),f.onKeyDown==null||f.onKeyDown(k),R(k)}};return s.createElement(kf.Provider,{value:E},s.createElement(Kv,{elementsRef:m},If(r,L)))}),Zv=s.forwardRef(function(t,n){const{render:r,...o}=t,a=r&&typeof r!="function"?r.props:{},{activeIndex:i,onNavigate:l}=s.useContext(kf),{ref:c,index:u}=Jv(),d=Uv([c,n,a.ref]),A=i===u,D={...o,...a,ref:d,tabIndex:A?0:-1,"data-active":A?"":void 0,onFocus(B){o.onFocus==null||o.onFocus(B),a.onFocus==null||a.onFocus(B),l(u)}};return If(r,D)});function Ua(){return Ua=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ua.apply(this,arguments)}let OA=!1,Qv=0;const PA=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Qv++;function ex(){const[e,t]=s.useState(()=>OA?PA():void 0);return B0(()=>{e==null&&t(PA())},[]),s.useEffect(()=>{OA=!0},[]),e}const tx=xf.useId,gi=tx||ex;function Of(){const e=new Map;return{emit(t,n){var r;(r=e.get(t))==null||r.forEach(o=>o(n))},on(t,n){e.set(t,[...e.get(t)||[],n])},off(t,n){var r;e.set(t,((r=e.get(t))==null?void 0:r.filter(o=>o!==n))||[])}}}const Pf=s.createContext(null),Nf=s.createContext(null),Xn=()=>{var e;return((e=s.useContext(Pf))==null?void 0:e.id)||null},jt=()=>s.useContext(Nf);function lL(e){const t=gi(),n=jt(),r=Xn(),o=e||r;return B0(()=>{const a={id:t,parentId:o};return n==null||n.addNode(a),()=>{n==null||n.removeNode(a)}},[n,t,o]),t}function sL(e){const{children:t,id:n}=e,r=Xn();return s.createElement(Pf.Provider,{value:s.useMemo(()=>({id:n,parentId:r}),[n,r])},t)}function cL(e){const{children:t}=e,n=s.useRef([]),r=s.useCallback(i=>{n.current=[...n.current,i]},[]),o=s.useCallback(i=>{n.current=n.current.filter(l=>l!==i)},[]),a=s.useState(()=>Of())[0];return s.createElement(Nf.Provider,{value:s.useMemo(()=>({nodesRef:n,addNode:r,removeNode:o,events:a}),[r,o,a])},t)}function at(e){return"data-floating-ui-"+e}function Z2(e){const t=s.useRef(e);return B0(()=>{t.current=e}),t}const NA=at("safe-polygon");function na(e,t,n){return n&&!Kr(n)?0:typeof e=="number"?e:e==null?void 0:e[t]}function Mf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,events:a,elements:i}=e,{enabled:l=!0,delay:c=0,handleClose:u=null,mouseOnly:d=!1,restMs:A=0,move:D=!0}=t,B=jt(),C=Xn(),p=Z2(u),b=Z2(c),m=Z2(n),f=s.useRef(),E=s.useRef(-1),x=s.useRef(),R=s.useRef(-1),L=s.useRef(!0),k=s.useRef(!1),S=s.useRef(()=>{}),P=s.useCallback(()=>{var _;const j=(_=o.current.openEvent)==null?void 0:_.type;return(j==null?void 0:j.includes("mouse"))&&j!=="mousedown"},[o]);s.useEffect(()=>{if(!l)return;function _(j){let{open:z}=j;z||(clearTimeout(E.current),clearTimeout(R.current),L.current=!0)}return a.on("openchange",_),()=>{a.off("openchange",_)}},[l,a]),s.useEffect(()=>{if(!l||!p.current||!n)return;function _(z){P()&&r(!1,z,"hover")}const j=q0(i.floating).documentElement;return j.addEventListener("mouseleave",_),()=>{j.removeEventListener("mouseleave",_)}},[i.floating,n,r,l,p,P]);const N=s.useCallback(function(_,j,z){j===void 0&&(j=!0),z===void 0&&(z="hover");const O=na(b.current,"close",f.current);O&&!x.current?(clearTimeout(E.current),E.current=window.setTimeout(()=>r(!1,_,z),O)):j&&(clearTimeout(E.current),r(!1,_,z))},[b,r]),V=D2(()=>{S.current(),x.current=void 0}),w=D2(()=>{if(k.current){const _=q0(i.floating).body;_.style.pointerEvents="",_.removeAttribute(NA),k.current=!1}});s.useEffect(()=>{if(!l)return;function _(){return o.current.openEvent?["click","mousedown"].includes(o.current.openEvent.type):!1}function j(H){if(clearTimeout(E.current),L.current=!1,d&&!Kr(f.current)||A>0&&!na(b.current,"open"))return;const Y=na(b.current,"open",f.current);Y?E.current=window.setTimeout(()=>{m.current||r(!0,H,"hover")},Y):r(!0,H,"hover")}function z(H){if(_())return;S.current();const Y=q0(i.floating);if(clearTimeout(R.current),p.current&&o.current.floatingContext){n||clearTimeout(E.current),x.current=p.current({...o.current.floatingContext,tree:B,x:H.clientX,y:H.clientY,onClose(){w(),V(),N(H,!0,"safe-polygon")}});const J=x.current;Y.addEventListener("mousemove",J),S.current=()=>{Y.removeEventListener("mousemove",J)};return}(f.current==="touch"?!O0(i.floating,H.relatedTarget):!0)&&N(H)}function O(H){_()||o.current.floatingContext&&(p.current==null||p.current({...o.current.floatingContext,tree:B,x:H.clientX,y:H.clientY,onClose(){w(),V(),N(H)}})(H))}if(b0(i.domReference)){var $;const H=i.domReference;return n&&H.addEventListener("mouseleave",O),($=i.floating)==null||$.addEventListener("mouseleave",O),D&&H.addEventListener("mousemove",j,{once:!0}),H.addEventListener("mouseenter",j),H.addEventListener("mouseleave",z),()=>{var Y;n&&H.removeEventListener("mouseleave",O),(Y=i.floating)==null||Y.removeEventListener("mouseleave",O),D&&H.removeEventListener("mousemove",j),H.removeEventListener("mouseenter",j),H.removeEventListener("mouseleave",z)}}},[i,l,e,d,A,D,N,V,w,r,n,m,B,b,p,o]),B0(()=>{var _;if(l&&n&&(_=p.current)!=null&&_.__options.blockPointerEvents&&P()){k.current=!0;const z=i.floating;if(b0(i.domReference)&&z){var j;const O=q0(i.floating).body;O.setAttribute(NA,"");const $=i.domReference,H=B==null||(j=B.nodesRef.current.find(Y=>Y.id===C))==null||(j=j.context)==null?void 0:j.elements.floating;return H&&(H.style.pointerEvents=""),O.style.pointerEvents="none",$.style.pointerEvents="auto",z.style.pointerEvents="auto",()=>{O.style.pointerEvents="",$.style.pointerEvents="",z.style.pointerEvents=""}}}},[l,n,C,i,B,p,P]),B0(()=>{n||(f.current=void 0,V(),w())},[n,V,w]),s.useEffect(()=>()=>{V(),clearTimeout(E.current),clearTimeout(R.current),w()},[l,i.domReference,V,w]);const I=s.useMemo(()=>{function _(j){f.current=j.pointerType}return{onPointerDown:_,onPointerEnter:_,onMouseMove(j){const{nativeEvent:z}=j;function O(){!L.current&&!m.current&&r(!0,z,"hover")}d&&!Kr(f.current)||n||A===0||(clearTimeout(R.current),f.current==="touch"?O():R.current=window.setTimeout(O,A))}}},[d,r,n,m,A]),T=s.useMemo(()=>({onMouseEnter(){clearTimeout(E.current)},onMouseLeave(_){N(_.nativeEvent,!1)}}),[N]);return s.useMemo(()=>l?{reference:I,floating:T}:{},[l,I,T])}const qs=()=>{},$f=s.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:qs,setState:qs,isInstantPhase:!1}),nx=()=>s.useContext($f);function rx(e){const{children:t,delay:n,timeoutMs:r=0}=e,[o,a]=s.useReducer((c,u)=>({...c,...u}),{delay:n,timeoutMs:r,initialDelay:n,currentId:null,isInstantPhase:!1}),i=s.useRef(null),l=s.useCallback(c=>{a({currentId:c})},[]);return B0(()=>{o.currentId?i.current===null?i.current=o.currentId:o.isInstantPhase||a({isInstantPhase:!0}):(o.isInstantPhase&&a({isInstantPhase:!1}),i.current=null)},[o.currentId,o.isInstantPhase]),s.createElement($f.Provider,{value:s.useMemo(()=>({...o,setState:a,setCurrentId:l}),[o,l])},t)}function ox(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,floatingId:o}=e,{id:a}=t,i=a??o,l=nx(),{currentId:c,setCurrentId:u,initialDelay:d,setState:A,timeoutMs:D}=l;return B0(()=>{c&&(A({delay:{open:1,close:na(d,"close")}}),c!==i&&r(!1))},[i,r,A,c,d]),B0(()=>{function B(){r(!1),A({delay:d,currentId:null})}if(c&&!n&&c===i){if(D){const C=window.setTimeout(B,D);return()=>{clearTimeout(C)}}B()}},[n,A,c,i,r,d,D]),B0(()=>{u===qs||!n||u(i)},[n,u,i]),l}function ax(e,t){var n;let r=[],o=(n=e.find(a=>a.id===t))==null?void 0:n.parentId;for(;o;){const a=e.find(i=>i.id===o);o=a==null?void 0:a.parentId,a&&(r=r.concat(a))}return r}function _t(e,t){let n=e.filter(o=>{var a;return o.parentId===t&&((a=o.context)==null?void 0:a.open)}),r=n;for(;r.length;)r=e.filter(o=>{var a;return(a=r)==null?void 0:a.some(i=>{var l;return o.parentId===i.id&&((l=o.context)==null?void 0:l.open)})}),n=n.concat(r);return n}function ix(e,t){let n,r=-1;function o(a,i){i>r&&(n=a,r=i),_t(e,a).forEach(c=>{o(c.id,i+1)})}return o(t,0),e.find(a=>a.id===n)}let Yt=new WeakMap,Po=new WeakSet,No={},El=0;const lx=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,zf=e=>e&&(e.host||zf(e.parentNode)),sx=(e,t)=>t.map(n=>{if(e.contains(n))return n;const r=zf(n);return e.contains(r)?r:null}).filter(n=>n!=null);function cx(e,t,n,r){const o="data-floating-ui-inert",a=r?"inert":n?"aria-hidden":null,i=sx(t,e),l=new Set,c=new Set(i),u=[];No[o]||(No[o]=new WeakMap);const d=No[o];i.forEach(A),D(t),l.clear();function A(B){!B||l.has(B)||(l.add(B),B.parentNode&&A(B.parentNode))}function D(B){!B||c.has(B)||[].forEach.call(B.children,C=>{if(pe(C)!=="script")if(l.has(C))D(C);else{const p=a?C.getAttribute(a):null,b=p!==null&&p!=="false",m=(Yt.get(C)||0)+1,f=(d.get(C)||0)+1;Yt.set(C,m),d.set(C,f),u.push(C),m===1&&b&&Po.add(C),f===1&&C.setAttribute(o,""),!b&&a&&C.setAttribute(a,"true")}})}return El++,()=>{u.forEach(B=>{const C=(Yt.get(B)||0)-1,p=(d.get(B)||0)-1;Yt.set(B,C),d.set(B,p),C||(!Po.has(B)&&a&&B.removeAttribute(a),Po.delete(B)),p||B.removeAttribute(o)}),El--,El||(Yt=new WeakMap,Yt=new WeakMap,Po=new WeakSet,No={})}}function MA(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=q0(e[0]).body;return cx(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const Vn=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function jf(e,t){const n=Jr(e,Vn());t==="prev"&&n.reverse();const r=n.indexOf(X2(q0(e)));return n.slice(r+1)[0]}function Vf(){return jf(document.body,"next")}function Hf(){return jf(document.body,"prev")}function wr(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!O0(n,r)}function ux(e){Jr(e,Vn()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function $A(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}function Ax(e,t,n){const r=e.indexOf(t);function o(i){const l=at("focus-guard");let c=r+(i?1:0),u=e[c];for(;u&&(!u.isConnected||u.hasAttribute(l)||O0(n,u));)i?c++:c--,u=e[c];return u}const a=o(!0);return a||o(!1)}const vu={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 dx;function zA(e){e.key==="Tab"&&(e.target,clearTimeout(dx))}const Wa=s.forwardRef(function(t,n){const[r,o]=s.useState();B0(()=>(hu()&&o("button"),document.addEventListener("keydown",zA),()=>{document.removeEventListener("keydown",zA)}),[]);const a={ref:n,tabIndex:0,role:r,"aria-hidden":r?void 0:!0,[at("focus-guard")]:"",style:vu};return s.createElement("span",Ua({},t,a))}),Uf=s.createContext(null),jA=at("portal");function px(e){e===void 0&&(e={});const{id:t,root:n}=e,r=gi(),o=Wf(),[a,i]=s.useState(null),l=s.useRef(null);return B0(()=>()=>{a==null||a.remove(),queueMicrotask(()=>{l.current=null})},[a]),B0(()=>{if(!r||l.current)return;const c=t?document.getElementById(t):null;if(!c)return;const u=document.createElement("div");u.id=r,u.setAttribute(jA,""),c.appendChild(u),l.current=u,i(u)},[t,r]),B0(()=>{if(!r||l.current)return;let c=n||(o==null?void 0:o.portalNode);c&&!b0(c)&&(c=c.current),c=c||document.body;let u=null;t&&(u=document.createElement("div"),u.id=t,c.appendChild(u));const d=document.createElement("div");d.id=r,d.setAttribute(jA,""),c=u||c,c.appendChild(d),l.current=d,i(d)},[t,n,r,o]),a}function Dx(e){const{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e,a=px({id:n,root:r}),[i,l]=s.useState(null),c=s.useRef(null),u=s.useRef(null),d=s.useRef(null),A=s.useRef(null),D=i==null?void 0:i.modal,B=i==null?void 0:i.open,C=!!i&&!i.modal&&i.open&&o&&!!(r||a);return s.useEffect(()=>{if(!a||!o||D)return;function p(b){a&&wr(b)&&(b.type==="focusin"?$A:ux)(a)}return a.addEventListener("focusin",p,!0),a.addEventListener("focusout",p,!0),()=>{a.removeEventListener("focusin",p,!0),a.removeEventListener("focusout",p,!0)}},[a,o,D]),s.useEffect(()=>{a&&(B||$A(a))},[B,a]),s.createElement(Uf.Provider,{value:s.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:c,afterOutsideRef:u,beforeInsideRef:d,afterInsideRef:A,portalNode:a,setFocusManagerState:l}),[o,a])},C&&a&&s.createElement(Wa,{"data-type":"outside",ref:c,onFocus:p=>{if(wr(p,a)){var b;(b=d.current)==null||b.focus()}else{const m=Hf()||(i==null?void 0:i.refs.domReference.current);m==null||m.focus()}}}),C&&a&&s.createElement("span",{"aria-owns":a.id,style:vu}),a&&Ae.createPortal(t,a),C&&a&&s.createElement(Wa,{"data-type":"outside",ref:u,onFocus:p=>{if(wr(p,a)){var b;(b=A.current)==null||b.focus()}else{const m=Vf()||(i==null?void 0:i.refs.domReference.current);m==null||m.focus(),i!=null&&i.closeOnFocusOut&&(i==null||i.onOpenChange(!1,p.nativeEvent,"focus-out"))}}}))}const Wf=()=>s.useContext(Uf),Ys="data-floating-ui-focusable";function Gf(e){return e?e.hasAttribute(Ys)?e:e.querySelector("["+Ys+"]")||e:null}const VA=20;let gt=[];function gl(e){gt=gt.filter(n=>n.isConnected);let t=e;if(!(!t||pe(t)==="body")){if(!sv(t,Vn())){const n=Jr(t,Vn())[0];n&&(t=n)}gt.push(t),gt.length>VA&&(gt=gt.slice(-VA))}}function HA(){return gt.slice().reverse().find(e=>e.isConnected)}const Cx=s.forwardRef(function(t,n){return s.createElement("button",Ua({},t,{type:"button",ref:n,tabIndex:-1,style:vu}))});function fx(e){const{context:t,children:n,disabled:r=!1,order:o=["content"],guards:a=!0,initialFocus:i=0,returnFocus:l=!0,restoreFocus:c=!1,modal:u=!0,visuallyHiddenDismiss:d=!1,closeOnFocusOut:A=!0}=e,{open:D,refs:B,nodeId:C,onOpenChange:p,events:b,dataRef:m,floatingId:f,elements:{domReference:E,floating:x}}=t,R=typeof i=="number"&&i<0,L=ZC(E)&&R,k=lx()?a:!0,S=Z2(o),P=Z2(i),N=Z2(l),V=jt(),w=Wf(),I=s.useRef(null),T=s.useRef(null),_=s.useRef(!1),j=s.useRef(!1),z=s.useRef(-1),O=w!=null,$=Gf(x),H=D2(function(X){return X===void 0&&(X=$),X?Jr(X,Vn()):[]}),Y=D2(X=>{const r0=H(X);return S.current.map(K=>E&&K==="reference"?E:$&&K==="floating"?$:r0).filter(Boolean).flat()});s.useEffect(()=>{_.current=!1},[r]),s.useEffect(()=>{if(r||!u)return;function X(K){if(K.key==="Tab"){O0($,X2(q0($)))&&H().length===0&&!L&&s2(K);const e0=Y(),a0=he(K);S.current[0]==="reference"&&a0===E&&(s2(K),K.shiftKey?ge(e0[e0.length-1]):ge(e0[1])),S.current[1]==="floating"&&a0===$&&K.shiftKey&&(s2(K),ge(e0[0]))}}const r0=q0($);return r0.addEventListener("keydown",X),()=>{r0.removeEventListener("keydown",X)}},[r,E,$,u,S,L,H,Y]),s.useEffect(()=>{if(r||!x)return;function X(r0){const K=he(r0),a0=H().indexOf(K);a0!==-1&&(z.current=a0)}return x.addEventListener("focusin",X),()=>{x.removeEventListener("focusin",X)}},[r,x,H]),s.useEffect(()=>{if(r||!A)return;function X(){j.current=!0,setTimeout(()=>{j.current=!1})}function r0(K){const e0=K.relatedTarget;queueMicrotask(()=>{const a0=!(O0(E,e0)||O0(x,e0)||O0(e0,x)||O0(w==null?void 0:w.portalNode,e0)||e0!=null&&e0.hasAttribute(at("focus-guard"))||V&&(_t(V.nodesRef.current,C).find(s0=>{var E0,p0;return O0((E0=s0.context)==null?void 0:E0.elements.floating,e0)||O0((p0=s0.context)==null?void 0:p0.elements.domReference,e0)})||ax(V.nodesRef.current,C).find(s0=>{var E0,p0;return((E0=s0.context)==null?void 0:E0.elements.floating)===e0||((p0=s0.context)==null?void 0:p0.elements.domReference)===e0})));if(c&&a0&&X2(q0($))===q0($).body){M0($)&&$.focus();const s0=z.current,E0=H(),p0=E0[s0]||E0[E0.length-1]||$;M0(p0)&&p0.focus()}(L||!u)&&e0&&a0&&!j.current&&e0!==HA()&&(_.current=!0,p(!1,K,"focus-out"))})}if(x&&M0(E))return E.addEventListener("focusout",r0),E.addEventListener("pointerdown",X),x.addEventListener("focusout",r0),()=>{E.removeEventListener("focusout",r0),E.removeEventListener("pointerdown",X),x.removeEventListener("focusout",r0)}},[r,E,x,$,u,C,V,w,p,A,c,H,L]),s.useEffect(()=>{var X;if(r)return;const r0=Array.from((w==null||(X=w.portalNode)==null?void 0:X.querySelectorAll("["+at("portal")+"]"))||[]);if(x){const K=[x,...r0,I.current,T.current,S.current.includes("reference")||L?E:null].filter(a0=>a0!=null),e0=u||L?MA(K,k,!k):MA(K);return()=>{e0()}}},[r,E,x,u,S,w,L,k]),B0(()=>{if(r||!M0($))return;const X=q0($),r0=X2(X);queueMicrotask(()=>{const K=Y($),e0=P.current,a0=(typeof e0=="number"?K[e0]:e0.current)||$,s0=O0($,r0);!R&&!s0&&D&&ge(a0,{preventScroll:a0===$})})},[r,D,$,R,Y,P]),B0(()=>{if(r||!$)return;let X=!1;const r0=q0($),K=X2(r0);let a0=m.current.openEvent;const s0=B.domReference.current;gl(K);function E0(p0){let{open:j0,reason:R2,event:Z,nested:a2}=p0;j0&&(a0=Z),R2==="escape-key"&&B.domReference.current&&gl(B.domReference.current),R2==="hover"&&Z.type==="mouseleave"&&(_.current=!0),R2==="outside-press"&&(a2?(_.current=!1,X=!0):_.current=!(JC(Z)||gu(Z)))}return b.on("openchange",E0),()=>{b.off("openchange",E0);const p0=X2(r0),j0=O0(x,p0)||V&&_t(V.nodesRef.current,C).some(i2=>{var W2;return O0((W2=i2.context)==null?void 0:W2.elements.floating,p0)});(j0||a0&&["click","mousedown"].includes(a0.type))&&B.domReference.current&&gl(B.domReference.current);const Z=s0||K,a2=Jr(q0(Z).body,Vn());queueMicrotask(()=>{let i2=HA();!i2&&M0(Z)&&x&&(i2=Ax(a2,Z,x)),N.current&&!_.current&&M0(i2)&&(!(i2!==p0&&p0!==r0.body)||j0)&&i2.focus({preventScroll:X})})}},[r,x,$,N,m,B,b,V,C]),B0(()=>{if(!r&&w)return w.setFocusManagerState({modal:u,closeOnFocusOut:A,open:D,onOpenChange:p,refs:B}),()=>{w.setFocusManagerState(null)}},[r,w,u,D,p,B,A]),B0(()=>{if(r||!$||typeof MutationObserver!="function"||R)return;const X=()=>{const K=$.getAttribute("tabindex"),e0=H(),a0=X2(q0(x)),s0=e0.indexOf(a0);s0!==-1&&(z.current=s0),S.current.includes("floating")||a0!==B.domReference.current&&e0.length===0?K!=="0"&&$.setAttribute("tabindex","0"):K!=="-1"&&$.setAttribute("tabindex","-1")};X();const r0=new MutationObserver(X);return r0.observe($,{childList:!0,subtree:!0,attributes:!0}),()=>{r0.disconnect()}},[r,x,$,B,S,H,R]);function Q(X){return r||!d||!u?null:s.createElement(Cx,{ref:X==="start"?I:T,onClick:r0=>p(!1,r0.nativeEvent)},typeof d=="string"?d:"Dismiss")}const J=!r&&k&&(u?!L:!0)&&(O||u);return s.createElement(s.Fragment,null,J&&s.createElement(Wa,{"data-type":"inside",ref:w==null?void 0:w.beforeInsideRef,onFocus:X=>{if(u){const K=Y();ge(o[0]==="reference"?K[0]:K[K.length-1])}else if(w!=null&&w.preserveTabOrder&&w.portalNode)if(_.current=!1,wr(X,w.portalNode)){const K=Vf()||E;K==null||K.focus()}else{var r0;(r0=w.beforeOutsideRef.current)==null||r0.focus()}}}),!L&&Q("start"),n,Q("end"),J&&s.createElement(Wa,{"data-type":"inside",ref:w==null?void 0:w.afterInsideRef,onFocus:X=>{if(u)ge(Y()[0]);else if(w!=null&&w.preserveTabOrder&&w.portalNode)if(A&&(_.current=!0),wr(X,w.portalNode)){const K=Hf()||E;K==null||K.focus()}else{var r0;(r0=w.afterOutsideRef.current)==null||r0.focus()}}}))}function UA(e){return M0(e.target)&&e.target.tagName==="BUTTON"}function WA(e){return yu(e)}function mx(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,elements:{domReference:a}}=e,{enabled:i=!0,event:l="click",toggle:c=!0,ignoreMouse:u=!1,keyboardHandlers:d=!0}=t,A=s.useRef(),D=s.useRef(!1),B=s.useMemo(()=>({onPointerDown(C){A.current=C.pointerType},onMouseDown(C){const p=A.current;C.button===0&&l!=="click"&&(Kr(p,!0)&&u||(n&&c&&(!o.current.openEvent||o.current.openEvent.type==="mousedown")?r(!1,C.nativeEvent,"click"):(C.preventDefault(),r(!0,C.nativeEvent,"click"))))},onClick(C){const p=A.current;if(l==="mousedown"&&A.current){A.current=void 0;return}Kr(p,!0)&&u||(n&&c&&(!o.current.openEvent||o.current.openEvent.type==="click")?r(!1,C.nativeEvent,"click"):r(!0,C.nativeEvent,"click"))},onKeyDown(C){A.current=void 0,!(C.defaultPrevented||!d||UA(C))&&(C.key===" "&&!WA(a)&&(C.preventDefault(),D.current=!0),C.key==="Enter"&&r(!(n&&c),C.nativeEvent,"click"))},onKeyUp(C){C.defaultPrevented||!d||UA(C)||WA(a)||C.key===" "&&D.current&&(D.current=!1,r(!(n&&c),C.nativeEvent,"click"))}}),[o,a,l,u,d,r,n,c]);return s.useMemo(()=>i?{reference:B}:{},[i,B])}const Bx={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},Ex={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},GA=e=>{var t,n;return{escapeKey:typeof e=="boolean"?e:(t=e==null?void 0:e.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(n=e==null?void 0:e.outsidePress)!=null?n:!0}};function qf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:a}=e,{enabled:i=!0,escapeKey:l=!0,outsidePress:c=!0,outsidePressEvent:u="pointerdown",referencePress:d=!1,referencePressEvent:A="pointerdown",ancestorScroll:D=!1,bubbles:B,capture:C}=t,p=jt(),b=D2(typeof c=="function"?c:()=>!1),m=typeof c=="function"?b:c,f=s.useRef(!1),E=s.useRef(!1),{escapeKey:x,outsidePress:R}=GA(B),{escapeKey:L,outsidePress:k}=GA(C),S=D2(T=>{var _;if(!n||!i||!l||T.key!=="Escape")return;const j=(_=a.current.floatingContext)==null?void 0:_.nodeId,z=p?_t(p.nodesRef.current,j):[];if(!x&&(T.stopPropagation(),z.length>0)){let O=!0;if(z.forEach($=>{var H;if((H=$.context)!=null&&H.open&&!$.context.dataRef.current.__escapeKeyBubbles){O=!1;return}}),!O)return}r(!1,Ob(T)?T.nativeEvent:T,"escape-key")}),P=D2(T=>{var _;const j=()=>{var z;S(T),(z=he(T))==null||z.removeEventListener("keydown",j)};(_=he(T))==null||_.addEventListener("keydown",j)}),N=D2(T=>{var _;const j=f.current;f.current=!1;const z=E.current;if(E.current=!1,u==="click"&&z||j||typeof m=="function"&&!m(T))return;const O=he(T),$="["+at("inert")+"]",H=q0(o.floating).querySelectorAll($);let Y=b0(O)?O:null;for(;Y&&!Nn(Y);){const r0=Nt(Y);if(Nn(r0)||!b0(r0))break;Y=r0}if(H.length&&b0(O)&&!Pb(O)&&!O0(O,o.floating)&&Array.from(H).every(r0=>!O0(Y,r0)))return;if(M0(O)&&I){const r0=O.clientWidth>0&&O.scrollWidth>O.clientWidth,K=O.clientHeight>0&&O.scrollHeight>O.clientHeight;let e0=K&&T.offsetX>O.clientWidth;if(K&&T2(O).direction==="rtl"&&(e0=T.offsetX<=O.offsetWidth-O.clientWidth),e0||r0&&T.offsetY>O.clientHeight)return}const Q=(_=a.current.floatingContext)==null?void 0:_.nodeId,J=p&&_t(p.nodesRef.current,Q).some(r0=>{var K;return ml(T,(K=r0.context)==null?void 0:K.elements.floating)});if(ml(T,o.floating)||ml(T,o.domReference)||J)return;const X=p?_t(p.nodesRef.current,Q):[];if(X.length>0){let r0=!0;if(X.forEach(K=>{var e0;if((e0=K.context)!=null&&e0.open&&!K.context.dataRef.current.__outsidePressBubbles){r0=!1;return}}),!r0)return}r(!1,T,"outside-press")}),V=D2(T=>{var _;const j=()=>{var z;N(T),(z=he(T))==null||z.removeEventListener(u,j)};(_=he(T))==null||_.addEventListener(u,j)});s.useEffect(()=>{if(!n||!i)return;a.current.__escapeKeyBubbles=x,a.current.__outsidePressBubbles=R;function T(z){r(!1,z,"ancestor-scroll")}const _=q0(o.floating);l&&_.addEventListener("keydown",L?P:S,L),m&&_.addEventListener(u,k?V:N,k);let j=[];return D&&(b0(o.domReference)&&(j=et(o.domReference)),b0(o.floating)&&(j=j.concat(et(o.floating))),!b0(o.reference)&&o.reference&&o.reference.contextElement&&(j=j.concat(et(o.reference.contextElement)))),j=j.filter(z=>{var O;return z!==((O=_.defaultView)==null?void 0:O.visualViewport)}),j.forEach(z=>{z.addEventListener("scroll",T,{passive:!0})}),()=>{l&&_.removeEventListener("keydown",L?P:S,L),m&&_.removeEventListener(u,k?V:N,k),j.forEach(z=>{z.removeEventListener("scroll",T)})}},[a,o,l,m,u,n,r,D,i,x,R,S,L,P,N,k,V]),s.useEffect(()=>{f.current=!1},[m,u]);const w=s.useMemo(()=>({onKeyDown:S,[Bx[A]]:T=>{d&&r(!1,T.nativeEvent,"reference-press")}}),[S,r,d,A]),I=s.useMemo(()=>({onKeyDown:S,onMouseDown(){E.current=!0},onMouseUp(){E.current=!0},[Ex[u]]:()=>{f.current=!0}}),[S,u]);return s.useMemo(()=>i?{reference:w,floating:I}:{},[i,w,I])}function gx(e){const{open:t=!1,onOpenChange:n,elements:r}=e,o=gi(),a=s.useRef({}),[i]=s.useState(()=>Of()),l=Xn()!=null,[c,u]=s.useState(r.reference),d=D2((B,C,p)=>{a.current.openEvent=B?C:void 0,i.emit("openchange",{open:B,event:C,reason:p,nested:l}),n==null||n(B,C,p)}),A=s.useMemo(()=>({setPositionReference:u}),[]),D=s.useMemo(()=>({reference:c||r.reference||null,floating:r.floating||null,domReference:r.reference}),[c,r.reference,r.floating]);return s.useMemo(()=>({dataRef:a,open:t,onOpenChange:d,elements:D,events:i,floatingId:o,refs:A}),[t,d,D,i,o,A])}function Yf(e){e===void 0&&(e={});const{nodeId:t}=e,n=gx({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,o=r.elements,[a,i]=s.useState(null),[l,c]=s.useState(null),d=(o==null?void 0:o.reference)||a,A=s.useRef(null),D=jt();B0(()=>{d&&(A.current=d)},[d]);const B=Hv({...e,elements:{...o,...l&&{reference:l}}}),C=s.useCallback(E=>{const x=b0(E)?{getBoundingClientRect:()=>E.getBoundingClientRect(),contextElement:E}:E;c(x),B.refs.setReference(x)},[B.refs]),p=s.useCallback(E=>{(b0(E)||E===null)&&(A.current=E,i(E)),(b0(B.refs.reference.current)||B.refs.reference.current===null||E!==null&&!b0(E))&&B.refs.setReference(E)},[B.refs]),b=s.useMemo(()=>({...B.refs,setReference:p,setPositionReference:C,domReference:A}),[B.refs,p,C]),m=s.useMemo(()=>({...B.elements,domReference:d}),[B.elements,d]),f=s.useMemo(()=>({...B,...r,refs:b,elements:m,nodeId:t}),[B,b,m,t,r]);return B0(()=>{r.dataRef.current.floatingContext=f;const E=D==null?void 0:D.nodesRef.current.find(x=>x.id===t);E&&(E.context=f)}),s.useMemo(()=>({...B,context:f,refs:b,elements:m}),[B,b,m,f])}function Kf(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,events:o,dataRef:a,elements:i}=e,{enabled:l=!0,visibleOnly:c=!0}=t,u=s.useRef(!1),d=s.useRef(),A=s.useRef(!0);s.useEffect(()=>{if(!l)return;const B=E2(i.domReference);function C(){!n&&M0(i.domReference)&&i.domReference===X2(q0(i.domReference))&&(u.current=!0)}function p(){A.current=!0}return B.addEventListener("blur",C),B.addEventListener("keydown",p,!0),()=>{B.removeEventListener("blur",C),B.removeEventListener("keydown",p,!0)}},[i.domReference,n,l]),s.useEffect(()=>{if(!l)return;function B(C){let{reason:p}=C;(p==="reference-press"||p==="escape-key")&&(u.current=!0)}return o.on("openchange",B),()=>{o.off("openchange",B)}},[o,l]),s.useEffect(()=>()=>{clearTimeout(d.current)},[]);const D=s.useMemo(()=>({onPointerDown(B){gu(B.nativeEvent)||(A.current=!1)},onMouseLeave(){u.current=!1},onFocus(B){if(u.current)return;const C=he(B.nativeEvent);if(c&&b0(C))try{if(hu()&&XC())throw Error();if(!C.matches(":focus-visible"))return}catch{if(!A.current&&!yu(C))return}r(!0,B.nativeEvent,"focus")},onBlur(B){u.current=!1;const C=B.relatedTarget,p=B.nativeEvent,b=b0(C)&&C.hasAttribute(at("focus-guard"))&&C.getAttribute("data-type")==="outside";d.current=window.setTimeout(()=>{var m;const f=X2(i.domReference?i.domReference.ownerDocument:document);!C&&f===i.domReference||O0((m=a.current.floatingContext)==null?void 0:m.refs.floating.current,f)||O0(i.domReference,f)||b||r(!1,p,"focus")})}}),[a,i.domReference,r,c]);return s.useMemo(()=>l?{reference:D}:{},[l,D])}const qA="active",YA="selected";function hl(e,t,n){const r=new Map,o=n==="item";let a=e;if(o&&e){const{[qA]:i,[YA]:l,...c}=e;a=c}return{...n==="floating"&&{tabIndex:-1,[Ys]:""},...a,...t.map(i=>{const l=i?i[n]:null;return typeof l=="function"?e?l(e):null:l}).concat(e).reduce((i,l)=>(l&&Object.entries(l).forEach(c=>{let[u,d]=c;if(!(o&&[qA,YA].includes(u)))if(u.indexOf("on")===0){if(r.has(u)||r.set(u,[]),typeof d=="function"){var A;(A=r.get(u))==null||A.push(d),i[u]=function(){for(var D,B=arguments.length,C=new Array(B),p=0;p<B;p++)C[p]=arguments[p];return(D=r.get(u))==null?void 0:D.map(b=>b(...C)).find(b=>b!==void 0)}}}else i[u]=d}),i),{})}}function Jf(e){e===void 0&&(e=[]);const t=e.map(l=>l==null?void 0:l.reference),n=e.map(l=>l==null?void 0:l.floating),r=e.map(l=>l==null?void 0:l.item),o=s.useCallback(l=>hl(l,e,"reference"),t),a=s.useCallback(l=>hl(l,e,"floating"),n),i=s.useCallback(l=>hl(l,e,"item"),r);return s.useMemo(()=>({getReferenceProps:o,getFloatingProps:a,getItemProps:i}),[o,a,i])}let KA=!1;function hi(e,t,n){switch(e){case"vertical":return t;case"horizontal":return n;default:return t||n}}function JA(e,t){return hi(t,e===jn||e===Se,e===ke||e===ce)}function yl(e,t,n){return hi(t,e===Se,n?e===ke:e===ce)||e==="Enter"||e===" "||e===""}function hx(e,t,n){return hi(t,n?e===ke:e===ce,e===Se)}function XA(e,t,n){return hi(t,n?e===ce:e===ke,e===jn)}function uL(e,t){const{open:n,onOpenChange:r,elements:o}=e,{listRef:a,activeIndex:i,onNavigate:l=()=>{},enabled:c=!0,selectedIndex:u=null,allowEscape:d=!1,loop:A=!1,nested:D=!1,rtl:B=!1,virtual:C=!1,focusItemOnOpen:p="auto",focusItemOnHover:b=!0,openOnArrowKeyDown:m=!0,disabledIndices:f=void 0,orientation:E="vertical",cols:x=1,scrollItemIntoView:R=!0,virtualItemRef:L,itemSizes:k,dense:S=!1}=t,P=Gf(o.floating),N=Z2(P),V=Xn(),w=jt(),I=D2(l),T=s.useRef(p),_=s.useRef(u??-1),j=s.useRef(null),z=s.useRef(!0),O=s.useRef(I),$=s.useRef(!!o.floating),H=s.useRef(n),Y=s.useRef(!1),Q=s.useRef(!1),J=Z2(f),X=Z2(n),r0=Z2(R),K=Z2(u),[e0,a0]=s.useState(),[s0,E0]=s.useState(),p0=D2(function(c0,x0,i0){i0===void 0&&(i0=!1);function g0(D0){C?(a0(D0.id),w==null||w.events.emit("virtualfocus",D0),L&&(L.current=D0)):ge(D0,{preventScroll:!0,sync:XC()&&hu()?KA||Y.current:!1})}const V0=c0.current[x0.current];V0&&g0(V0),requestAnimationFrame(()=>{const D0=c0.current[x0.current]||V0;if(!D0)return;V0||g0(D0);const g2=r0.current;g2&&R2&&(i0||!z.current)&&(D0.scrollIntoView==null||D0.scrollIntoView(typeof g2=="boolean"?{block:"nearest",inline:"nearest"}:g2))})});B0(()=>{document.createElement("div").focus({get preventScroll(){return KA=!0,!1}})},[]),B0(()=>{c&&(n&&o.floating?T.current&&u!=null&&(Q.current=!0,_.current=u,I(u)):$.current&&(_.current=-1,O.current(null)))},[c,n,o.floating,u,I]),B0(()=>{if(c&&n&&o.floating)if(i==null){if(Y.current=!1,K.current!=null)return;if($.current&&(_.current=-1,p0(a,_)),(!H.current||!$.current)&&T.current&&(j.current!=null||T.current===!0&&j.current==null)){let c0=0;const x0=()=>{a.current[0]==null?(c0<2&&(c0?requestAnimationFrame:queueMicrotask)(x0),c0++):(_.current=j.current==null||yl(j.current,E,B)||D?ta(a,J.current):Gs(a,J.current),j.current=null,I(_.current))};x0()}}else wn(a,i)||(_.current=i,p0(a,_,Q.current),Q.current=!1)},[c,n,o.floating,i,K,D,a,E,B,I,p0,J]),B0(()=>{var c0;if(!c||o.floating||!w||C||!$.current)return;const x0=w.nodesRef.current,i0=(c0=x0.find(D0=>D0.id===V))==null||(c0=c0.context)==null?void 0:c0.elements.floating,g0=X2(q0(o.floating)),V0=x0.some(D0=>D0.context&&O0(D0.context.elements.floating,g0));i0&&!V0&&z.current&&i0.focus({preventScroll:!0})},[c,o.floating,w,V,C]),B0(()=>{if(!c||!w||!C||V)return;function c0(x0){E0(x0.id),L&&(L.current=x0)}return w.events.on("virtualfocus",c0),()=>{w.events.off("virtualfocus",c0)}},[c,w,C,V,L]),B0(()=>{O.current=I,$.current=!!o.floating}),B0(()=>{n||(j.current=null)},[n]),B0(()=>{H.current=n},[n]);const j0=i!=null,R2=s.useMemo(()=>{function c0(i0){if(!n)return;const g0=a.current.indexOf(i0);g0!==-1&&I(g0)}return{onFocus(i0){let{currentTarget:g0}=i0;c0(g0)},onClick:i0=>{let{currentTarget:g0}=i0;return g0.focus({preventScroll:!0})},...b&&{onMouseMove(i0){let{currentTarget:g0}=i0;c0(g0)},onPointerLeave(i0){let{pointerType:g0}=i0;!z.current||g0==="touch"||(_.current=-1,p0(a,_),I(null),C||ge(N.current,{preventScroll:!0}))}}}},[n,N,p0,b,a,I,C]),Z=D2(c0=>{if(z.current=!1,Y.current=!0,!X.current&&c0.currentTarget===N.current)return;if(D&&XA(c0.key,E,B)){s2(c0),r(!1,c0.nativeEvent,"list-navigation"),M0(o.domReference)&&!C&&o.domReference.focus();return}const x0=_.current,i0=ta(a,f),g0=Gs(a,f);if(c0.key==="Home"&&(s2(c0),_.current=i0,I(_.current)),c0.key==="End"&&(s2(c0),_.current=g0,I(_.current)),x>1){const V0=k||Array.from({length:a.current.length},()=>({width:1,height:1})),D0=Ff(V0,x,S),g2=D0.findIndex(h2=>h2!=null&&!Tt(a.current,h2,f)),ut=D0.reduce((h2,y2,dt)=>y2!=null&&!Tt(a.current,y2,f)?dt:h2,-1),At=D0[Sf({current:D0.map(h2=>h2!=null?a.current[h2]:null)},{event:c0,orientation:E,loop:A,cols:x,disabledIndices:Tf([...f||a.current.map((h2,y2)=>Tt(a.current,y2)?y2:void 0),void 0],D0),minIndex:g2,maxIndex:ut,prevIndex:wf(_.current>g0?i0:_.current,V0,D0,x,c0.key===Se?"bl":c0.key===ce?"tr":"tl"),stopEvent:!0})];if(At!=null&&(_.current=At,I(_.current)),E==="both")return}if(JA(c0.key,E)){if(s2(c0),n&&!C&&X2(c0.currentTarget.ownerDocument)===c0.currentTarget){_.current=yl(c0.key,E,B)?i0:g0,I(_.current);return}yl(c0.key,E,B)?A?_.current=x0>=g0?d&&x0!==a.current.length?-1:i0:J0(a,{startingIndex:x0,disabledIndices:f}):_.current=Math.min(g0,J0(a,{startingIndex:x0,disabledIndices:f})):A?_.current=x0<=i0?d&&x0!==-1?a.current.length:g0:J0(a,{startingIndex:x0,decrement:!0,disabledIndices:f}):_.current=Math.max(i0,J0(a,{startingIndex:x0,decrement:!0,disabledIndices:f})),wn(a,_.current)?I(null):I(_.current)}}),a2=s.useMemo(()=>C&&n&&j0&&{"aria-activedescendant":s0||e0},[C,n,j0,s0,e0]),i2=s.useMemo(()=>({"aria-orientation":E==="both"?void 0:E,...!ZC(o.domReference)&&a2,onKeyDown:Z,onPointerMove(){z.current=!0}}),[a2,Z,o.domReference,E]),W2=s.useMemo(()=>{function c0(i0){p==="auto"&&JC(i0.nativeEvent)&&(T.current=!0)}function x0(i0){T.current=p,p==="auto"&&gu(i0.nativeEvent)&&(T.current=!0)}return{...a2,onKeyDown(i0){z.current=!1;const g0=i0.key.indexOf("Arrow")===0,V0=hx(i0.key,E,B),D0=XA(i0.key,E,B),g2=JA(i0.key,E),ut=(D?V0:g2)||i0.key==="Enter"||i0.key.trim()==="";if(C&&n){const dt=w==null?void 0:w.nodesRef.current.find(pt=>pt.parentId==null),G2=w&&dt?ix(w.nodesRef.current,dt.id):null;if(g0&&G2&&L){const pt=new KeyboardEvent("keydown",{key:i0.key,bubbles:!0});if(V0||D0){var At,h2;const lo=((At=G2.context)==null?void 0:At.elements.domReference)===i0.currentTarget,Zn=D0&&!lo?(h2=G2.context)==null?void 0:h2.elements.domReference:V0?a.current.find(so=>(so==null?void 0:so.id)===e0):null;Zn&&(s2(i0),Zn.dispatchEvent(pt),E0(void 0))}if(g2&&G2.context&&G2.context.open&&G2.parentId&&i0.currentTarget!==G2.context.elements.domReference){var y2;s2(i0),(y2=G2.context.elements.domReference)==null||y2.dispatchEvent(pt);return}}return Z(i0)}if(!(!n&&!m&&g0)){if(ut&&(j.current=D&&g2?null:i0.key),D){V0&&(s2(i0),n?(_.current=ta(a,J.current),I(_.current)):r(!0,i0.nativeEvent,"list-navigation"));return}g2&&(u!=null&&(_.current=u),s2(i0),!n&&m?r(!0,i0.nativeEvent,"list-navigation"):Z(i0),n&&I(_.current))}},onFocus(){n&&!C&&I(null)},onPointerDown:x0,onMouseDown:c0,onClick:c0}},[e0,a2,Z,J,p,a,D,I,r,n,m,E,B,u,w,C,L]);return s.useMemo(()=>c?{reference:W2,floating:i2,item:R2}:{},[c,W2,i2,R2])}const yx=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function bx(e,t){var n;t===void 0&&(t={});const{open:r,floatingId:o}=e,{enabled:a=!0,role:i="dialog"}=t,l=(n=yx.get(i))!=null?n:i,c=gi(),d=Xn()!=null,A=s.useMemo(()=>l==="tooltip"||i==="label"?{["aria-"+(i==="label"?"labelledby":"describedby")]:r?o:void 0}:{"aria-expanded":r?"true":"false","aria-haspopup":l==="alertdialog"?"dialog":l,"aria-controls":r?o:void 0,...l==="listbox"&&{role:"combobox"},...l==="menu"&&{id:c},...l==="menu"&&d&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},[l,o,d,r,c,i]),D=s.useMemo(()=>{const C={id:o,...l&&{role:l}};return l==="tooltip"||i==="label"?C:{...C,...l==="menu"&&{"aria-labelledby":c}}},[l,o,c,i]),B=s.useCallback(C=>{let{active:p,selected:b}=C;const m={role:"option",...p&&{id:o+"-option"}};switch(i){case"select":return{...m,"aria-selected":p&&b};case"combobox":return{...m,...p&&{"aria-selected":!0}}}return{}},[o,i]);return s.useMemo(()=>a?{reference:A,floating:D,item:B}:{},[a,A,D,B])}function ZA(e,t){const[n,r]=e;let o=!1;const a=t.length;for(let i=0,l=a-1;i<a;l=i++){const[c,u]=t[i]||[0,0],[d,A]=t[l]||[0,0];u>=r!=A>=r&&n<=(d-c)*(r-u)/(A-u)+c&&(o=!o)}return o}function vx(e,t){return e[0]>=t.x&&e[0]<=t.x+t.width&&e[1]>=t.y&&e[1]<=t.y+t.height}function Xf(e){e===void 0&&(e={});const{buffer:t=.5,blockPointerEvents:n=!1,requireIntent:r=!0}=e;let o,a=!1,i=null,l=null,c=performance.now();function u(A,D){const B=performance.now(),C=B-c;if(i===null||l===null||C===0)return i=A,l=D,c=B,null;const p=A-i,b=D-l,f=Math.sqrt(p*p+b*b)/C;return i=A,l=D,c=B,f}const d=A=>{let{x:D,y:B,placement:C,elements:p,onClose:b,nodeId:m,tree:f}=A;return function(x){function R(){clearTimeout(o),b()}if(clearTimeout(o),!p.domReference||!p.floating||C==null||D==null||B==null)return;const{clientX:L,clientY:k}=x,S=[L,k],P=he(x),N=x.type==="mouseleave",V=O0(p.floating,P),w=O0(p.domReference,P),I=p.domReference.getBoundingClientRect(),T=p.floating.getBoundingClientRect(),_=C.split("-")[0],j=D>T.right-T.width/2,z=B>T.bottom-T.height/2,O=vx(S,I),$=T.width>I.width,H=T.height>I.height,Y=($?I:T).left,Q=($?I:T).right,J=(H?I:T).top,X=(H?I:T).bottom;if(V&&(a=!0,!N))return;if(w&&(a=!1),w&&!N){a=!0;return}if(N&&b0(x.relatedTarget)&&O0(p.floating,x.relatedTarget)||f&&_t(f.nodesRef.current,m).some(e0=>{let{context:a0}=e0;return a0==null?void 0:a0.open}))return;if(_==="top"&&B>=I.bottom-1||_==="bottom"&&B<=I.top+1||_==="left"&&D>=I.right-1||_==="right"&&D<=I.left+1)return R();let r0=[];switch(_){case"top":r0=[[Y,I.top+1],[Y,T.bottom-1],[Q,T.bottom-1],[Q,I.top+1]];break;case"bottom":r0=[[Y,T.top+1],[Y,I.bottom-1],[Q,I.bottom-1],[Q,T.top+1]];break;case"left":r0=[[T.right-1,X],[T.right-1,J],[I.left+1,J],[I.left+1,X]];break;case"right":r0=[[I.right-1,X],[I.right-1,J],[T.left+1,J],[T.left+1,X]];break}function K(e0){let[a0,s0]=e0;switch(_){case"top":{const E0=[$?a0+t/2:j?a0+t*4:a0-t*4,s0+t+1],p0=[$?a0-t/2:j?a0+t*4:a0-t*4,s0+t+1],j0=[[T.left,j||$?T.bottom-t:T.top],[T.right,j?$?T.bottom-t:T.top:T.bottom-t]];return[E0,p0,...j0]}case"bottom":{const E0=[$?a0+t/2:j?a0+t*4:a0-t*4,s0-t],p0=[$?a0-t/2:j?a0+t*4:a0-t*4,s0-t],j0=[[T.left,j||$?T.top+t:T.bottom],[T.right,j?$?T.top+t:T.bottom:T.top+t]];return[E0,p0,...j0]}case"left":{const E0=[a0+t+1,H?s0+t/2:z?s0+t*4:s0-t*4],p0=[a0+t+1,H?s0-t/2:z?s0+t*4:s0-t*4];return[...[[z||H?T.right-t:T.left,T.top],[z?H?T.right-t:T.left:T.right-t,T.bottom]],E0,p0]}case"right":{const E0=[a0-t,H?s0+t/2:z?s0+t*4:s0-t*4],p0=[a0-t,H?s0-t/2:z?s0+t*4:s0-t*4],j0=[[z||H?T.left+t:T.right,T.top],[z?H?T.left+t:T.right:T.left+t,T.bottom]];return[E0,p0,...j0]}}}if(!ZA([L,k],r0)){if(a&&!O)return R();if(!N&&r){const e0=u(x.clientX,x.clientY);if(e0!==null&&e0<.1)return R()}ZA([L,k],K([D,B]))?!a&&r&&(o=window.setTimeout(R,40)):R()}}};return d.__options={blockPointerEvents:n},d}let xx=(e={})=>{let t=Pa(),{placement:n="top",visible:r,onVisibleChange:o,middleware:a={flip:!0,shift:!0},autoUpdateOptions:i={},reference:l,ariaStrategy:c="description",id:u=t,...d}=e,[A,D]=VC(!1,r,o),B=s.useCallback(x=>{queueMicrotask(()=>{var R;try{(R=x==null?void 0:x.togglePopover)==null||R.call(x,A)}catch{}})},[A]),C=Yf({placement:n,open:A,onOpenChange:D,strategy:"fixed",whileElementsMounted:s.useMemo(()=>A?(...x)=>mf(...x,i):void 0,[i,A]),middleware:s.useMemo(()=>[a.offset!==void 0?Ws(a.offset):Ws(4),a.flip&&gf({padding:4}),a.shift&&Ef({padding:4}),a.size&&hf({padding:4}),a.autoPlacement&&yf({padding:4}),a.inline&&vf(),a.hide&&bf({padding:4})].filter(Boolean),[a]),...l&&{elements:{reference:l}}}),p=s.useMemo(()=>c==="description"?{"aria-describedby":u}:c==="label"?{"aria-labelledby":u}:{},[c,u]),{delay:b}=ox(C.context,{id:Pa()}),m=Jf([Mf(C.context,{delay:b??{open:50,close:250},handleClose:Xf({buffer:-1/0}),move:!1}),Kf(C.context),qf(C.context,{referencePress:!0,referencePressEvent:"click"})]);s.useEffect(()=>{if(!l)return;let x=L=>L.toLowerCase().substring(2),R={};return Object.entries({...p,...m.getReferenceProps()}).forEach(([L,k])=>{if(typeof k=="function"){let S=P=>{k({...P,nativeEvent:P})};l.addEventListener(x(L),S),R[L]=S}else k&&(R[L]=l.getAttribute(L),l.setAttribute(L,k))}),()=>{Object.entries(R).forEach(([L,k])=>{typeof k=="function"?l.removeEventListener(x(L),k):k?l.setAttribute(L,k):l.removeAttribute(L)})}},[p,l,m]);let f=s.useCallback(x=>m.getReferenceProps({...x,...p}),[m,p]),E=s.useMemo(()=>({...m.getFloatingProps({hidden:!A,"aria-hidden":"true",...d,id:u}),popover:"manual"}),[m,d,u,A]);return s.useMemo(()=>({getReferenceProps:f,floatingProps:E,...C,refs:{...C.refs,setFloating:x=>{C.refs.setFloating(x),B(x)}},floatingStyles:C.context.open?C.floatingStyles:{}}),[f,E,C,B])};const Sx=s.forwardRef((e,t)=>{let{content:n,children:r,portal:o=!0,className:a,style:i,...l}=e,c=xx(l),u=Kn(c.refs.setFloating,t);return s.createElement(s.Fragment,null,WC(r,d=>({...c.getReferenceProps(d.props),ref:c.refs.setReference})),e.ariaStrategy!=="none"||c.context.open?s.createElement(Wx,{portal:o},s.createElement(j2,{className:r2("iui-tooltip",a),ref:u,style:{...c.floatingStyles,...i},...c.floatingProps},n)):null)}),Fx=s.forwardRef((e,t)=>{let{as:n="span",className:r,unhideOnFocus:o=!0,children:a,...i}=e,l=Su()==="hydrated",c=["div","span","p"].includes(n)?s.createElement(s.Fragment,null,s.createElement(sm,{css:wx},s.createElement("slot",null)),l&&a):a;return s.createElement(j2,{as:n,className:r2("iui-visually-hidden",r),"data-iui-unhide-on-focus":!!o||void 0,ref:t,...i},c)});let wx=`
+  :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 Zf=s.createContext(void 0),AL=s.forwardRef((e,t)=>{let{children:n,overflowButton:r,overflowPlacement:o="end",orientation:a="horizontal",...i}=e,l=s.useMemo(()=>e.role!=="toolbar"?n:s.Children.map(n,(u,d)=>s.isValidElement(u)?s.createElement(Zv,{key:d,render:u}):u),[n,e.role]),c=r?s.createElement(Tx,{orientation:a,overflowButton:r,overflowPlacement:o,ref:t,...i},l):s.createElement(Qf,{orientation:a,ref:t,...i},l);return s.createElement(rx,{delay:{open:50,close:250}},s.createElement(Zf.Provider,{value:a},e.role==="toolbar"?s.createElement(Xv,{orientation:a,render:c,disabledIndices:[]}):c))});let Qf=s.forwardRef((e,t)=>{let{orientation:n,className:r,...o}=e;return s.createElement(j2,{className:r2("iui-button-group",r),"data-iui-orientation":n==="vertical"?n:void 0,ref:t,...o})}),Tx=s.forwardRef((e,t)=>{let{children:n,orientation:r,overflowButton:o,overflowPlacement:a,...i}=e,l=s.useMemo(()=>s.Children.toArray(n).filter(Boolean),[n]),[c,u]=Cb(l,!o,r);return s.createElement(Qf,{orientation:r,...i,className:r2({"iui-button-group-overflow-x":!!o&&r==="horizontal"},e.className),ref:Kn(t,c)},(()=>{if(!(u<l.length))return l;let d=a==="start"?l.length-u:u-1;return s.createElement(s.Fragment,null,o&&a==="start"&&o(d),a==="start"?l.slice(d+1):l.slice(0,Math.max(0,d)),o&&a==="end"&&o(d))})())});var W0={VITE_LADLE_APP_ID:"718ffe",VITE_PUBLIC_LADLE_THEME:"light",BASE_URL:"./",MODE:"production",DEV:!1,PROD:!0,SSR:!1};let _x=0;function em(e,t){const n=`atom${++_x}`,r={toString:()=>n};return typeof e=="function"?r.read=e:(r.init=e,r.read=Ix,r.write=kx),t&&(r.write=t),r}function Ix(e){return e(this)}function kx(e,t,n){return t(this,typeof n=="function"?n(e(this)):n)}const bl=(e,t)=>e.unstable_is?e.unstable_is(t):t===e,vl=e=>"init"in e,xl=e=>!!e.write,Ga=new WeakMap,Rx=(e,t)=>{Ga.set(e,t),e.catch(()=>{}).finally(()=>Ga.delete(e))},QA=(e,t)=>{const n=Ga.get(e);n&&(Ga.delete(e),n(t))},ed=(e,t)=>{e.status="fulfilled",e.value=t},td=(e,t)=>{e.status="rejected",e.reason=t},Lx=e=>typeof(e==null?void 0:e.then)=="function",Ar=(e,t)=>!!e&&"v"in e&&"v"in t&&Object.is(e.v,t.v),nd=(e,t)=>!!e&&"e"in e&&"e"in t&&Object.is(e.e,t.e),Kt=e=>!!e&&"v"in e&&e.v instanceof Promise,Ox=(e,t)=>"v"in e&&"v"in t&&e.v.orig&&e.v.orig===t.v.orig,Mo=e=>{if("e"in e)throw e.e;return e.v},tm=()=>{const e=new WeakMap,t=new WeakMap,n=[],r=new WeakMap;let o,a;(W0?"production":void 0)!=="production"&&(o=new Set,a=new Set);const i=S=>e.get(S),l=(S,P)=>{P.d.forEach((N,V)=>{var w;if(!r.has(V)){const I=i(V);(w=n[n.length-1])==null||w.add(V),r.set(V,[I,new Set]),I&&l(V,I)}r.get(V)[1].add(S)})},c=(S,P)=>{var N;(W0?"production":void 0)!=="production"&&Object.freeze(P);const V=i(S);if(e.set(S,P),r.has(S)||((N=n[n.length-1])==null||N.add(S),r.set(S,[V,new Set]),l(S,P)),Kt(V)){const w="v"in P?P.v instanceof Promise?P.v:Promise.resolve(P.v):Promise.reject(P.e);V.v!==w&&QA(V.v,w)}},u=(S,P,N,V)=>{const w=new Map(V?P.d:null);let I=!1;N.forEach((T,_)=>{!T&&bl(S,_)&&(T=P),T?(w.set(_,T),P.d.get(_)!==T&&(I=!0)):(W0?"production":void 0)!=="production"&&console.warn("[Bug] atom state not found")}),(I||P.d.size!==w.size)&&(P.d=w)},d=(S,P,N,V)=>{const w=i(S),I={d:(w==null?void 0:w.d)||new Map,v:P};if(N&&u(S,I,N,V),Ar(w,I)&&w.d===I.d)return w;if(Kt(w)&&Kt(I)&&Ox(w,I)){if(w.d===I.d)return w;I.v=w.v}return c(S,I),I},A=(S,P,N,V)=>{if(Lx(P)){let w;const I=()=>{const _=i(S);if(!Kt(_)||_.v!==T)return;const j=d(S,T,N);t.has(S)&&_.d!==j.d&&R(S,j,_.d)},T=new Promise((_,j)=>{let z=!1;P.then(O=>{z||(z=!0,ed(T,O),_(O),I())},O=>{z||(z=!0,td(T,O),j(O),I())}),w=O=>{z||(z=!0,O.then($=>ed(T,$),$=>td(T,$)),_(O))}});return T.orig=P,T.status="pending",Rx(T,_=>{_&&w(_),V==null||V()}),d(S,T,N,!0)}return d(S,P,N)},D=(S,P,N)=>{const V=i(S),w={d:(V==null?void 0:V.d)||new Map,e:P};return N&&u(S,w,N),nd(V,w)&&V.d===w.d?V:(c(S,w),w)},B=(S,P)=>{const N=i(S);if(!P&&N&&(t.has(S)||Array.from(N.d).every(([z,O])=>{if(z===S)return!0;const $=B(z);return $===O||Ar($,O)})))return N;const V=new Map;let w=!0;const I=z=>{if(bl(S,z)){const $=i(z);if($)return V.set(z,$),Mo($);if(vl(z))return V.set(z,void 0),z.init;throw new Error("no atom init")}const O=B(z);return V.set(z,O),Mo(O)};let T,_;const j={get signal(){return T||(T=new AbortController),T.signal},get setSelf(){return(W0?"production":void 0)!=="production"&&!xl(S)&&console.warn("setSelf function cannot be used with read-only atom"),!_&&xl(S)&&(_=(...z)=>{if((W0?"production":void 0)!=="production"&&w&&console.warn("setSelf function cannot be called in sync"),!w)return m(S,...z)}),_}};try{const z=S.read(I,j);return A(S,z,V,()=>T==null?void 0:T.abort())}catch(z){return D(S,z,V)}finally{w=!1}},C=S=>Mo(B(S)),p=S=>{const P=T=>{var _,j;const z=new Set((_=t.get(T))==null?void 0:_.t);return(j=r.get(T))==null||j[1].forEach(O=>{z.add(O)}),z},N=new Array,V=new Set,w=T=>{if(!V.has(T)){V.add(T);for(const _ of P(T))T!==_&&w(_);N.push(T)}};w(S);const I=new Set([S]);for(let T=N.length-1;T>=0;--T){const _=N[T],j=i(_);if(!j)continue;let z=!1;for(const O of j.d.keys())if(O!==_&&I.has(O)){z=!0;break}if(z){const O=B(_,!0);Ar(j,O)||I.add(_)}}},b=(S,...P)=>{const N=I=>Mo(B(I)),V=(I,...T)=>{const _=n.length>0;_||n.push(new Set([I]));let j;if(bl(S,I)){if(!vl(I))throw new Error("atom not writable");const z=i(I),O=A(I,T[0]);Ar(z,O)||p(I)}else j=b(I,...T);if(!_){const z=L(n.pop());(W0?"production":void 0)!=="production"&&o.forEach(O=>O({type:"async-write",flushed:z}))}return j};return S.write(N,V,...P)},m=(S,...P)=>{n.push(new Set([S]));const N=b(S,...P),V=L(n.pop());return(W0?"production":void 0)!=="production"&&o.forEach(w=>w({type:"write",flushed:V})),N},f=(S,P,N)=>{var V;const w=t.get(S);if(w)return P&&w.t.add(P),w;const I=N||[];(V=i(S))==null||V.d.forEach((_,j)=>{j!==S&&f(j,S,I)}),B(S);const T={t:new Set(P&&[P]),l:new Set};if(t.set(S,T),(W0?"production":void 0)!=="production"&&a.add(S),xl(S)&&S.onMount){const{onMount:_}=S;I.push(()=>{const j=_((...z)=>m(S,...z));j&&(T.u=j)})}return N||I.forEach(_=>_()),T},E=(S,P)=>!P.l.size&&(!P.t.size||P.t.size===1&&P.t.has(S)),x=(S,P)=>{if(!E(S,P))return;const N=P.u;N&&N(),t.delete(S),(W0?"production":void 0)!=="production"&&a.delete(S);const V=i(S);V?(Kt(V)&&QA(V.v),V.d.forEach((w,I)=>{if(I!==S){const T=t.get(I);T&&(T.t.delete(S),x(I,T))}})):(W0?"production":void 0)!=="production"&&console.warn("[Bug] could not find atom state to unmount",S)},R=(S,P,N)=>{const V=new Set(P.d.keys()),w=new Set;N==null||N.forEach((I,T)=>{if(V.has(T)){V.delete(T);return}w.add(T);const _=t.get(T);_&&_.t.delete(S)}),V.forEach(I=>{f(I,S)}),w.forEach(I=>{const T=t.get(I);T&&x(I,T)})},L=S=>{let P;(W0?"production":void 0)!=="production"&&(P=new Set);const N=[],V=w=>{var I;if(!r.has(w))return;const[T,_]=r.get(w);r.delete(w),N.push([w,T]),_.forEach(V),(I=i(w))==null||I.d.forEach((j,z)=>V(z))};if(S.forEach(V),N.forEach(([w,I])=>{const T=i(w);if(!T){(W0?"production":void 0)!=="production"&&console.warn("[Bug] no atom state to flush");return}if(T!==I){const _=t.get(w);_&&T.d!==(I==null?void 0:I.d)&&R(w,T,I==null?void 0:I.d),_&&!(!Kt(I)&&(Ar(I,T)||nd(I,T)))&&(_.l.forEach(j=>j()),(W0?"production":void 0)!=="production"&&P.add(w))}}),(W0?"production":void 0)!=="production")return P},k=(S,P)=>{const N=f(S),V=L([S]),w=N.l;return w.add(P),(W0?"production":void 0)!=="production"&&o.forEach(I=>I({type:"sub",flushed:V})),()=>{w.delete(P),x(S,N),(W0?"production":void 0)!=="production"&&o.forEach(I=>I({type:"unsub"}))}};return(W0?"production":void 0)!=="production"?{get:C,set:m,sub:k,dev_subscribe_store:S=>(o.add(S),()=>{o.delete(S)}),dev_get_mounted_atoms:()=>a.values(),dev_get_atom_state:S=>e.get(S),dev_get_mounted:S=>t.get(S),dev_restore_atoms:S=>{n.push(new Set);for(const[N,V]of S)vl(N)&&(A(N,V),p(N));const P=L(n.pop());o.forEach(N=>N({type:"restore",flushed:P}))}}:{get:C,set:m,sub:k}};let dr;const Px=()=>(dr||(dr=tm(),(W0?"production":void 0)!=="production"&&(globalThis.__JOTAI_DEFAULT_STORE__||(globalThis.__JOTAI_DEFAULT_STORE__=dr),globalThis.__JOTAI_DEFAULT_STORE__!==dr&&console.warn("Detected multiple Jotai instances. It may cause unexpected behavior with the default store. https://github.com/pmndrs/jotai/discussions/2044"))),dr),nm=tm,Nx=Px;var Mx={VITE_LADLE_APP_ID:"718ffe",VITE_PUBLIC_LADLE_THEME:"light",BASE_URL:"./",MODE:"production",DEV:!1,PROD:!0,SSR:!1};const $x=s.createContext(void 0),rm=e=>{const t=s.useContext($x);return(e==null?void 0:e.store)||t||Nx()},zx=e=>typeof(e==null?void 0:e.then)=="function",jx=W.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(t=>{e.status="fulfilled",e.value=t},t=>{e.status="rejected",e.reason=t}),e)});function rd(e,t){const n=rm(t),[[r,o,a],i]=s.useReducer(u=>{const d=n.get(e);return Object.is(u[0],d)&&u[1]===n&&u[2]===e?u:[d,n,e]},void 0,()=>[n.get(e),n,e]);let l=r;(o!==n||a!==e)&&(i(),l=n.get(e));const c=t==null?void 0:t.delay;return s.useEffect(()=>{const u=n.sub(e,()=>{if(typeof c=="number"){setTimeout(i,c);return}i()});return i(),u},[n,e,c]),s.useDebugValue(l),zx(l)?jx(l):l}function Vx(e,t){const n=rm(t);return s.useCallback((...o)=>{if((Mx?"production":void 0)!=="production"&&!("write"in e))throw new Error("not writable atom");return n.set(e,...o)},[n,e])}let qa=s.createContext({store:nm(),parentStore:null});const Hx=({children:e})=>{let t=s.useMemo(()=>nm(),[]),n=s.useContext(qa).store;return s.createElement(qa.Provider,{value:s.useMemo(()=>({store:t,parentStore:n}),[t,n])},e)},Xr=e=>{let{store:t,parentStore:n}=s.useContext(qa),r=Ux(e),o=rd(e,{store:t}),a=rd(e,{store:n||t});return s.useEffect(()=>{o==null&&a!=null&&r(a)}),[o,r]},Ux=e=>{let{store:t}=s.useContext(qa);return Vx(e,{store:t})},xu=em(void 0),Wx=e=>{let{portal:t=!0,children:n}=e,r=mu(),o=om(t);return r?o?Ae.createPortal(n,o):n:null},om=e=>{let[t]=Xr(xu);return typeof e=="boolean"?e?t:null:(typeof e.to=="function"?e.to():e.to)??t},am=s.createContext(void 0),Gx=e=>{var S;let{placement:t="bottom-start",visible:n,onVisibleChange:r,closeOnOutsideClick:o,autoUpdateOptions:a,matchWidth:i,interactions:l,role:c,...u}=e,d=s.useMemo(()=>({click:!0,dismiss:!0,hover:!1,focus:!1,...l}),[l]),A=jt(),D=s.useMemo(()=>({flip:!0,shift:!0,size:!0,...e.middleware}),[e.middleware]),B=typeof D.size=="boolean"?"400px":(S=D.size)==null?void 0:S.maxHeight,[C,p]=VC(!1,n,r),b=Yf({placement:t,open:C,onOpenChange:p,strategy:"fixed",whileElementsMounted:s.useMemo(()=>C?(...P)=>mf(...P,a):void 0,[a,C]),...u,middleware:s.useMemo(()=>[D.offset!==void 0&&Ws(D.offset),D.flip&&gf({padding:4}),D.shift&&Ef({padding:4}),(i||D.size)&&hf({padding:4,apply:({rects:P,availableHeight:N})=>{D.size&&R(Math.round(N)),i&&E(P.reference.width)}}),D.autoPlacement&&yf({padding:4}),D.inline&&vf(),D.hide&&bf({padding:4})].filter(Boolean),[i,D])}),m=Jf([mx(b.context,{enabled:!!d.click,...d.click}),qf(b.context,{enabled:!!d.dismiss,outsidePress:o,bubbles:A!=null,...d.dismiss}),Mf(b.context,{enabled:!!d.hover,delay:100,handleClose:Xf({buffer:1,blockPointerEvents:!0}),move:!1,...d.hover}),Kf(b.context,{enabled:!!d.focus,...d.focus}),bx(b.context,{role:"dialog",enabled:!!c})]),[f,E]=s.useState(),[x,R]=s.useState(),L=s.useCallback(P=>m.getFloatingProps({...P,style:{...b.floatingStyles,...D.size&&x&&{maxBlockSize:`min(${x}px, ${B})`},zIndex:9999,...i&&f?{minInlineSize:`${f}px`,maxInlineSize:`min(${2*f}px, 90vw)`}:{},...P==null?void 0:P.style}}),[b.floatingStyles,m,i,f,D.size,x,B]),k=s.useCallback(P=>m.getReferenceProps({...P,onClick:Ab(P==null?void 0:P.onClick,()=>{d.click&&n&&p(!1)})}),[m,d.click,n,p]);return s.useMemo(()=>({open:C,onOpenChange:p,getReferenceProps:k,getFloatingProps:L,...b}),[C,p,L,b,k])},dL=s.forwardRef((e,t)=>{var f;let{portal:n=!0,visible:r,placement:o="bottom-start",onVisibleChange:a,closeOnOutsideClick:i=!0,middleware:l,positionReference:c,className:u,children:d,content:A,applyBackground:D=!1,...B}=e,C=Gx({visible:r,placement:o,onVisibleChange:a,closeOnOutsideClick:i,role:"dialog",middleware:l}),p=Kn(C.refs.setFloating,t),b=`${Pa()}-trigger`,m=!!e["aria-labelledby"]||!!e["aria-label"];return Qe(()=>{if(c)return C.refs.setPositionReference(c),()=>void C.refs.setPositionReference(null)},[C.refs,c]),s.createElement(s.Fragment,null,s.createElement(am.Provider,{value:C.open},WC(d,E=>({id:E.props.id||b,...C.getReferenceProps(E.props),ref:C.refs.setReference}))),C.open?s.createElement(qx,{portal:n},s.createElement(fx,{context:C.context,modal:!1},s.createElement(j2,{className:r2({"iui-popover-surface":D},u),"aria-labelledby":m||(f=C.refs.domReference.current)==null?void 0:f.id,...C.getFloatingProps(B),ref:p},A))):null)});let qx=({children:e,portal:t=!0})=>{let n=om(t);return s.createElement(Dx,{key:n==null?void 0:n.id,root:n},s.createElement(Yx,null),e)},Yx=s.memo(()=>s.createElement(sm,{css:`
+        :host {
+          display: contents;
+        }
+      `},s.createElement("slot",null)));const Kx=s.forwardRef((e,t)=>{let{isActive:n,children:r,styleType:o="default",size:a,className:i,title:l,label:c=l,iconProps:u,labelProps:d,...A}=e,D=s.useContext(Zf),B=s.useContext(am),C=s.createElement(lm,{ref:t,className:r2("iui-button","iui-field",i),"data-iui-variant":o!=="default"?o:void 0,"data-iui-size":a,"data-iui-active":n,"data-iui-has-popover":B?"open":void 0,"aria-pressed":n,...A},s.createElement(j2,{as:"span","aria-hidden":!0,...u,className:r2("iui-button-icon",u==null?void 0:u.className)},r),c?s.createElement(Fx,null,c):null);return c?s.createElement(Sx,{placement:D==="vertical"?"right":"top",...d,content:c,ariaStrategy:"none"},C):C});function Ya(){return Ya=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ya.apply(this,arguments)}function Jx(e,t){if(e==null)return{};var n={},r=Object.keys(e),o,a;for(a=0;a<r.length;a++)o=r[a],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}function Ks(e,t){return Ks=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},Ks(e,t)}function Xx(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Ks(e,t)}const od={disabled:!1},im=W.createContext(null);var Zx=function(t){return t.scrollTop},mr="unmounted",ht="exited",yt="entering",Zt="entered",Js="exiting",Oe=function(e){Xx(t,e);function t(r,o){var a;a=e.call(this,r,o)||this;var i=o,l=i&&!i.isMounting?r.enter:r.appear,c;return a.appearStatus=null,r.in?l?(c=ht,a.appearStatus=yt):c=Zt:r.unmountOnExit||r.mountOnEnter?c=mr:c=ht,a.state={status:c},a.nextCallback=null,a}t.getDerivedStateFromProps=function(o,a){var i=o.in;return i&&a.status===mr?{status:ht}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(o){var a=null;if(o!==this.props){var i=this.state.status;this.props.in?i!==yt&&i!==Zt&&(a=yt):(i===yt||i===Zt)&&(a=Js)}this.updateStatus(!1,a)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var o=this.props.timeout,a,i,l;return a=i=l=o,o!=null&&typeof o!="number"&&(a=o.exit,i=o.enter,l=o.appear!==void 0?o.appear:i),{exit:a,enter:i,appear:l}},n.updateStatus=function(o,a){if(o===void 0&&(o=!1),a!==null)if(this.cancelNextCallback(),a===yt){if(this.props.unmountOnExit||this.props.mountOnEnter){var i=this.props.nodeRef?this.props.nodeRef.current:pn.findDOMNode(this);i&&Zx(i)}this.performEnter(o)}else this.performExit();else this.props.unmountOnExit&&this.state.status===ht&&this.setState({status:mr})},n.performEnter=function(o){var a=this,i=this.props.enter,l=this.context?this.context.isMounting:o,c=this.props.nodeRef?[l]:[pn.findDOMNode(this),l],u=c[0],d=c[1],A=this.getTimeouts(),D=l?A.appear:A.enter;if(!o&&!i||od.disabled){this.safeSetState({status:Zt},function(){a.props.onEntered(u)});return}this.props.onEnter(u,d),this.safeSetState({status:yt},function(){a.props.onEntering(u,d),a.onTransitionEnd(D,function(){a.safeSetState({status:Zt},function(){a.props.onEntered(u,d)})})})},n.performExit=function(){var o=this,a=this.props.exit,i=this.getTimeouts(),l=this.props.nodeRef?void 0:pn.findDOMNode(this);if(!a||od.disabled){this.safeSetState({status:ht},function(){o.props.onExited(l)});return}this.props.onExit(l),this.safeSetState({status:Js},function(){o.props.onExiting(l),o.onTransitionEnd(i.exit,function(){o.safeSetState({status:ht},function(){o.props.onExited(l)})})})},n.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(o,a){a=this.setNextCallback(a),this.setState(o,a)},n.setNextCallback=function(o){var a=this,i=!0;return this.nextCallback=function(l){i&&(i=!1,a.nextCallback=null,o(l))},this.nextCallback.cancel=function(){i=!1},this.nextCallback},n.onTransitionEnd=function(o,a){this.setNextCallback(a);var i=this.props.nodeRef?this.props.nodeRef.current:pn.findDOMNode(this),l=o==null&&!this.props.addEndListener;if(!i||l){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var c=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],u=c[0],d=c[1];this.props.addEndListener(u,d)}o!=null&&setTimeout(this.nextCallback,o)},n.render=function(){var o=this.state.status;if(o===mr)return null;var a=this.props,i=a.children;a.in,a.mountOnEnter,a.unmountOnExit,a.appear,a.enter,a.exit,a.timeout,a.addEndListener,a.onEnter,a.onEntering,a.onEntered,a.onExit,a.onExiting,a.onExited,a.nodeRef;var l=Jx(a,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return W.createElement(im.Provider,{value:null},typeof i=="function"?i(o,l):W.cloneElement(W.Children.only(i),l))},t}(W.Component);Oe.contextType=im;Oe.propTypes={};function Jt(){}Oe.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Jt,onEntering:Jt,onEntered:Jt,onExit:Jt,onExiting:Jt,onExited:Jt};Oe.UNMOUNTED=mr;Oe.EXITED=ht;Oe.ENTERING=yt;Oe.ENTERED=Zt;Oe.EXITING=Js;const Qx=Oe,lm=s.forwardRef((e,t)=>{let{as:n="button",disabled:r,htmlDisabled:o,...a}=e,i=mu(),l=r&&!o&&i&&n==="button",c=u=>d=>{r||u==null||u(d)};return s.createElement(j2,{as:n,type:n==="button"?"button":void 0,ref:t,"aria-disabled":l?"true":void 0,"data-iui-disabled":r?"true":void 0,disabled:!!(o??(!i&&r))||void 0,...a,className:r2("iui-button-base",e.className),onClick:c(e.onClick),onPointerDown:c(e.onPointerDown),onPointerUp:c(e.onPointerUp)})});let Xs=s.createContext(!1),eS=()=>()=>{},tS=typeof window>"u";const Su=()=>{let e=jC(eS,()=>!1,()=>!tS),t=s.useContext(Xs),n=mu();if(t||n)return"hydrated";if(e)return"hydrating"},nS=({children:e})=>{let[t,n]=s.useState(s.useContext(Xs)),r=s.useCallback(()=>n(!0),[]);return s.createElement(Xs.Provider,{value:t},t?null:s.createElement(rS,{onHydrate:r}),e)};let rS=({onHydrate:e})=>(s.useEffect(()=>void e(),[e]),null),Fu=typeof document<"u",oS=Fu&&"shadowRootMode"in HTMLTemplateElement.prototype,Zs=Fu&&"adoptedStyleSheets"in Document.prototype;const sm=({children:e,css:t})=>{let n=Su()==="hydrating";return Fu?oS&&n?null:s.createElement(aS,{css:t},e):s.createElement("template",{shadowrootmode:"open"},t&&s.createElement("style",null,t),e)};let aS=({children:e,css:t})=>{let n=s.useRef(null),r=iS(n,{css:t}),o=!Zs&&t?s.createElement("style",null,t):null;return r?Ae.createPortal(s.createElement(s.Fragment,null,o,e),r):s.createElement("template",{ref:n})};function iS(e,{css:t=""}){let[n,r]=s.useState(null),o=s.useRef(),a=js(t),i=js(n);return Qe(()=>{var u;let l=(u=e.current)==null?void 0:u.parentElement;if(!l)return;let c=()=>{l.shadowRoot&&i.current===null&&l.shadowRoot.replaceChildren();let d=l.shadowRoot||l.attachShadow({mode:"open"});if(Zs){let A=d.ownerDocument.defaultView||globalThis;o.current=new A.CSSStyleSheet,d.adoptedStyleSheets=[o.current],a.current&&o.current.replaceSync(a.current)}Ae.flushSync(()=>r(d))};return queueMicrotask(()=>{c()}),()=>void r(null)},[e,a,i]),Qe(()=>{var l;t&&Zs&&((l=o.current)==null||l.replaceSync(t))},[t]),n}const io=UC.svg("",{viewBox:"0 0 16 16",width:16,height:16}),lS=e=>s.createElement(io,e,s.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"})),sS=e=>s.createElement(io,e,s.createElement("path",{d:"M9 12H7v-2h2v2Zm0-3H7V4h2v5Zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0Z"})),cS=e=>s.createElement(io,e,s.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"})),uS=e=>s.createElement(io,e,s.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"})),AS={negative:e=>s.createElement(sS,{"aria-hidden":!0,...e}),positive:e=>s.createElement(cS,{"aria-hidden":!0,...e}),warning:e=>s.createElement(uS,{"aria-hidden":!0,...e}),informational:e=>s.createElement(lS,{"aria-hidden":!0,...e})},dS=e=>s.createElement(io,e,s.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"})),pS=e=>{let{content:t,category:n,type:r="temporary",isVisible:o,link:a,duration:i=7e3,hasCloseButton:l,onRemove:c,animateOutTo:u,domProps:d}=e,A=s.useRef(0),{placement:D}=fu(Ka).settings,B=D.startsWith("top")?"top":"bottom",[C,p]=s.useState(o??!0),b=o??C,[m,f]=s.useState(0),E=s.useRef(null),[x,R]=s.useState(0),L=zs("(prefers-reduced-motion: no-preference)"),k=()=>B==="top"?{marginBlockEnd:x}:{marginBlockStart:x};s.useEffect(()=>(r==="temporary"&&P(i),()=>{N()}),[i,r]),s.useEffect(()=>{!b&&!u&&R(-m)},[b,u,R,m]);let S=()=>{N(),R(-m),p(!1)},P=I=>{let T=$s();T&&(A.current=T.setTimeout(()=>{S()},I))},N=()=>{var I;(I=$s())==null||I.clearTimeout(A.current)},V=I=>{if(I){let{height:T}=I.getBoundingClientRect();f(T)}},w=I=>{let T=0,_=0;if(u&&I){let{x:j,y:z}=I.getBoundingClientRect(),{x:O,y:$}=u.getBoundingClientRect();T=O-j,_=$-z}return{translateX:T,translateY:_}};return s.createElement(Qx,{timeout:{enter:240,exit:u?400:120},in:b,appear:!0,unmountOnExit:!0,onEnter:I=>{L&&(I.style.transform="translateY(15%)",I.style.transitionTimingFunction="ease")},onEntered:I=>{L&&(I.style.transform="translateY(0)")},onExiting:I=>{if(L){let{translateX:T,translateY:_}=w(I);I.style.transform=u?`scale(0.9) translate(${T}px,${_}px)`:"scale(0.9)",I.style.opacity="0",I.style.transitionDuration=u?"400ms":"120ms",I.style.transitionTimingFunction="cubic-bezier(0.4, 0, 1, 1)"}},onExited:c},s.createElement(j2,{ref:E,className:"iui-toast-all",style:{height:m,...k()}},s.createElement("div",{ref:V},s.createElement(DS,{as:"div",category:n,content:t,link:a,type:r,hasCloseButton:l,onClose:S,...d==null?void 0:d.toastProps,contentProps:d==null?void 0:d.contentProps}))))},DS=s.forwardRef((e,t)=>{let{content:n,category:r,type:o="temporary",link:a,hasCloseButton:i,onClose:l,className:c,contentProps:u,...d}=e,A=AS[r];return s.createElement(j2,{className:r2(`iui-toast iui-${r}`,c),ref:t,...d},s.createElement(j2,{className:"iui-status-area"},s.createElement(A,{className:"iui-icon"})),s.createElement(j2,{as:"div",...u,className:r2("iui-message",u==null?void 0:u.className)},n),a&&s.createElement(lm,{...a,className:r2("iui-anchor","iui-toast-anchor",a.className),title:void 0,"data-iui-status":r,"data-iui-underline":!0},a.title),(o==="persisting"||i)&&s.createElement(Kx,{size:"small",styleType:"borderless",onClick:l,"aria-label":"Close"},s.createElement(dS,null)))}),pL=()=>{let e=fu(cm);return s.useMemo(()=>{let t=n=>(r,o)=>{let a=mS();return e({type:"add",toast:{...o,id:a,content:r,category:n}}),{close:()=>e({type:"remove",id:a})}};return{positive:t("positive"),informational:t("informational"),negative:t("negative"),warning:t("warning"),closeAll:()=>{e({type:"close-all"})},setSettings:n=>{e({type:"settings",settings:n})}}},[e])},ad=()=>{let{toasts:e,settings:t}=fu(Ka);return s.createElement(j2,{className:r2("iui-toast-wrapper",`iui-placement-${t.placement}`)},e.map(n=>s.createElement(pS,{key:n.id,...n})))},CS=({children:e,inherit:t=!1})=>{let[n,r]=s.useReducer(fS,{toasts:[],settings:{order:"auto",placement:"top"}});return s.useContext(Ka)&&t?e:s.createElement(cm.Provider,{value:r},s.createElement(Ka.Provider,{value:n},e))};let fS=(e,t)=>{if(t.type==="add"){let n=e.settings.order;return n==="auto"&&(n=e.settings.placement.startsWith("top")?"descending":"ascending"),{...e,toasts:[...n==="ascending"?e.toasts:[],t.toast,...n==="descending"?e.toasts:[]]}}return t.type==="remove"?{...e,toasts:e.toasts.filter(n=>n.id!==t.id)}:t.type==="close-all"?{...e,toasts:e.toasts.map(n=>({...n,isVisible:!1}))}:t.type==="settings"?{...e,settings:{...e.settings,...t.settings}}:e};const Ka=s.createContext(void 0);let cm=s.createContext(void 0),mS=(()=>{let e=0;return()=>++e})(),BS="ESM";const wu={version:HC,module:BS};let ES=wu.version.replace(/\./g,""),um=em(void 0);const gS=s.forwardRef((e,t)=>{var n,r;let{theme:o="inherit",children:a,themeOptions:i={},portalContainer:l,includeCss:c=o==="inherit",...u}=e,[d,A]=s.useState(null),D=yS(d),B=o==="inherit"?D.theme||"light":o;(n=i).applyBackground??(n.applyBackground=!D.theme),(r=i).highContrast??(r.highContrast=o==="inherit"?D.highContrast:void 0);let[C]=Xr(xu),p=s.useMemo(()=>({theme:B,themeOptions:i}),[B,JSON.stringify(i)]);return s.createElement(Hx,null,s.createElement(nS,null,s.createElement(Cu.Provider,{value:p},s.createElement(CS,{inherit:o==="inherit"&&!l},c&&d?s.createElement(vS,{root:d}):null,s.createElement(hS,{theme:B,themeOptions:i,ref:Kn(t,A,xS),...u},a,s.createElement(bS,{theme:B,themeOptions:i,portalContainerProp:l,portalContainerFromParent:C,isInheritingTheme:o==="inherit"}))))))});let hS=s.forwardRef((e,t)=>{let[n,r]=Xr(um),o=s.useCallback(a=>{a&&a.ownerDocument!==n&&r(a.ownerDocument)},[n,r]);return s.createElement(Am,{...e,ref:Kn(o,t)})}),Am=s.forwardRef((e,t)=>{let{theme:n,children:r,themeOptions:o,className:a,...i}=e,l=zs("(prefers-color-scheme: dark)"),c=zs("(prefers-contrast: more)"),u=n==="dark"||n==="os"&&l,d=(o==null?void 0:o.highContrast)??c,A=o==null?void 0:o.applyBackground;return s.createElement(j2,{className:r2("iui-root",{"iui-root-background":A},a),"data-iui-theme":u?"dark":"light","data-iui-contrast":d?"high":"default",ref:t,...i},r)}),yS=e=>{var l,c;let t=s.useContext(Cu),[n,r]=s.useState(t==null?void 0:t.theme),[o,a]=s.useState((l=t==null?void 0:t.themeOptions)==null?void 0:l.highContrast),i=js(t==null?void 0:t.theme);return Qe(()=>{var D;if(i.current)return;let u=(D=e==null?void 0:e.parentElement)==null?void 0:D.closest("[data-iui-theme]");if(!u)return;let d=()=>{r(u==null?void 0:u.getAttribute("data-iui-theme")),a((u==null?void 0:u.getAttribute("data-iui-contrast"))==="high")};d();let A=new MutationObserver(()=>d());return A.observe(u,{attributes:!0,attributeFilter:["data-iui-theme","data-iui-contrast"]}),()=>{A.disconnect()}},[e,i]),{theme:(t==null?void 0:t.theme)??n,highContrast:((c=t==null?void 0:t.themeOptions)==null?void 0:c.highContrast)??o,context:t}},bS=s.memo(({portalContainerProp:e,portalContainerFromParent:t,isInheritingTheme:n,theme:r,themeOptions:o})=>{let[a]=Xr(um),[i,l]=Xr(xu),c=!e&&(!n||!t||!!a&&t.ownerDocument!==a),u=Pa();return s.useEffect(()=>{if(c)return;let A=e||t;A&&A!==i&&l(A)}),Su()==="hydrated"?c&&a?Ae.createPortal(s.createElement(Am,{theme:r,themeOptions:{...o,applyBackground:!1},"data-iui-portal":!0,style:{display:"contents"},ref:l,id:u},s.createElement(ad,null)),a.body):e?Ae.createPortal(s.createElement(ad,null),e):null:null}),vS=({root:e})=>(Qe(()=>{getComputedStyle(e).getPropertyValue(`--_iui-v${ES}`)!=="yes"&&(Eb||(async()=>{try{await g(()=>Promise.resolve().then(()=>TS),void 0,import.meta.url)}catch(t){console.log("Error loading styles.css locally",t);let n=await Tb(`https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@${wu.version}/styles.css`);document.adoptedStyleSheets=[...document.adoptedStyleSheets,n.default]}})())},[e]),s.createElement(s.Fragment,null)),xS=()=>{var e;let t=globalThis;(e=t).__iui||(e.__iui={versions:new Set}),t.__iui.versions.add(JSON.stringify(wu))};const SS=()=>s.useContext(Cc);var dm=(e=>(e.Light="light",e.Dark="dark",e.Auto="auto",e))(dm||{}),pm=(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))(pm||{});const Qs={},Dm=W.createContext(Qs);function FS(e){const t=W.useContext(Dm);return W.useMemo(function(){return typeof e=="function"?e(t):{...t,...e}},[t,e])}function wS(e){let t;return e.disableParentContext?t=typeof e.components=="function"?e.components(Qs):e.components||Qs:t=FS(e.components),W.createElement(Dm.Provider,{value:t},e.children)}const TS=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),_S=matchMedia("(prefers-color-scheme: dark)").matches,IS=({children:e})=>{var a,i;const{globalState:t,dispatch:n}=SS(),r=t.theme==="dark"?"dark":"light",o=(i=(a=t.control)==null?void 0:a["high-contrast"])==null?void 0:i.value;return s.useLayoutEffect(()=>{n({type:pm.UpdateTheme,value:dm[_S?"Dark":"Light"]})},[]),s.useLayoutEffect(()=>{document.documentElement.dataset.iuiTheme=r,document.documentElement.dataset.iuiContrast=o?"high":"default"},[r,o]),s.useEffect(()=>{const l=new URLSearchParams(window.location.search),c=l.get("path");if(c&&!l.get("story")){const u=c.substring((c.indexOf("-")??0)+1);u&&(window.location.href=`${window.location.href}&story=${u}`)}},[]),v.jsx(s.StrictMode,{children:v.jsx(gS,{theme:r,themeOptions:{applyBackground:!1,highContrast:o},children:e})})},kS={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}},RS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"CustomIcon")}))),LS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Empty")}))),OS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Informational")}))),PS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Negative")}))),NS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Positive")}))),MS=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Sticky")}))),$S=s.lazy(()=>g(()=>import("./Alert.stories-CJcRfzB1.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url).then(e=>({default:y(e,"Warning")}))),zS=s.lazy(()=>g(()=>import("./Anchor.stories-B3nWCZTB.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"AsButton")}))),jS=s.lazy(()=>g(()=>import("./Anchor.stories-B3nWCZTB.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),VS=s.lazy(()=>g(()=>import("./Anchor.stories-B3nWCZTB.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"External")}))),HS=s.lazy(()=>g(()=>import("./Anchor.stories-B3nWCZTB.js"),__vite__mapDeps([6,4,5]),import.meta.url).then(e=>({default:y(e,"Underline")}))),US=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),WS=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"CustomStatusTranslation")}))),GS=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Sizes")}))),qS=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),YS=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),KS=s.lazy(()=>g(()=>import("./Avatar.stories-B5zfjBt6.js"),__vite__mapDeps([7,8,9]),import.meta.url).then(e=>({default:y(e,"WithImage")}))),JS=s.lazy(()=>g(()=>import("./AvatarGroup.stories-dV7au9b7.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"Animated")}))),XS=s.lazy(()=>g(()=>import("./AvatarGroup.stories-dV7au9b7.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),ZS=s.lazy(()=>g(()=>import("./AvatarGroup.stories-dV7au9b7.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"ManyAvatars")}))),QS=s.lazy(()=>g(()=>import("./AvatarGroup.stories-dV7au9b7.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"NonStacked")}))),eF=s.lazy(()=>g(()=>import("./AvatarGroup.stories-dV7au9b7.js"),__vite__mapDeps([10,8,9]),import.meta.url).then(e=>({default:y(e,"WithTooltip")}))),tF=s.lazy(()=>g(()=>import("./Badge.stories-gjod7sfI.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"Basic")}))),nF=s.lazy(()=>g(()=>import("./Badge.stories-gjod7sfI.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"LongLabel")}))),rF=s.lazy(()=>g(()=>import("./Badge.stories-gjod7sfI.js"),__vite__mapDeps([11,12,9]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),oF=s.lazy(()=>g(()=>import("./Blockquote.stories-DKhe7QT1.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"Basic")}))),aF=s.lazy(()=>g(()=>import("./Blockquote.stories-DKhe7QT1.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"WithFooter")}))),iF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"Basic")}))),lF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"CustomOverflowBackButton")}))),sF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"CustomOverflowDropdown")}))),cF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"CustomSeparator")}))),uF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"FolderNavigation")}))),AF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"Links")}))),dF=s.lazy(()=>g(()=>import("./Breadcrumbs.stories-IBpVzmcm.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:y(e,"Overflow")}))),pF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"AsLink")}))),DF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"CallToAction")}))),CF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Default")}))),fF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"HighVisibility")}))),mF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Loading")}))),BF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"Stretch")}))),EF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),gF=s.lazy(()=>g(()=>import("./Button.stories-B-UKygYG.js"),__vite__mapDeps([29,30,1,17,18,31]),import.meta.url).then(e=>({default:y(e,"WithNotification")}))),hF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-vb7eIB9_.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"InputButtonCombo")}))),yF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-vb7eIB9_.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"Overflow")}))),bF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-vb7eIB9_.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),vF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-vb7eIB9_.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"VerticalOverflow")}))),xF=s.lazy(()=>g(()=>import("./ButtonGroup.stories-vb7eIB9_.js"),__vite__mapDeps([32,30,33,16,1,20,21,22,23,24,5,28,17,18]),import.meta.url).then(e=>({default:y(e,"WithIcons")}))),SF=s.lazy(()=>g(()=>import("./Carousel.stories-AKmHxbNu.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),FF=s.lazy(()=>g(()=>import("./Carousel.stories-AKmHxbNu.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),wF=s.lazy(()=>g(()=>import("./Carousel.stories-AKmHxbNu.js"),__vite__mapDeps([34,35,36,19,5,37]),import.meta.url).then(e=>({default:y(e,"OnlyDots")}))),TF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),_F=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),IF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),kF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Loading")}))),RF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),LF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),OF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Visibility")}))),PF=s.lazy(()=>g(()=>import("./Checkbox.stories-BGFxzVmE.js"),__vite__mapDeps([38,39,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),NF=s.lazy(()=>g(()=>import("./Code.stories-8F9-UXpF.js"),__vite__mapDeps([40,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),MF=s.lazy(()=>g(()=>import("./ColorPicker.stories-Y8ugFnDY.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"Advanced")}))),$F=s.lazy(()=>g(()=>import("./ColorPicker.stories-Y8ugFnDY.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),zF=s.lazy(()=>g(()=>import("./ColorPicker.stories-Y8ugFnDY.js"),__vite__mapDeps([41,42,43,28,17,18]),import.meta.url).then(e=>({default:y(e,"WithAlpha")}))),jF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Basic")}))),VF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),HF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"CustomRenderer")}))),UF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"DisabledItems")}))),WF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Loading")}))),GF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"MultipleSelect")}))),qF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),YF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithCustomMessageIcon")}))),KF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithLabel")}))),JF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithMessage")}))),XF=s.lazy(()=>g(()=>import("./ComboBox.stories-0QGCQ-pC.js"),__vite__mapDeps([44,45,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithStatus")}))),ZF=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"Basic")}))),QF=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"Localized")}))),ew=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"Range")}))),tw=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"SomeDatesDisabled")}))),nw=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"WithCombinedTime")}))),rw=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"WithTime")}))),ow=s.lazy(()=>g(()=>import("./DatePicker.stories-BRXOBo_W.js"),__vite__mapDeps([57,58,59,60,36,19]),import.meta.url).then(e=>({default:y(e,"WithYear")}))),aw=s.lazy(()=>g(()=>import("./Dialog.stories-BVd8yiNF.js"),__vite__mapDeps([61,17,18,62,43,22,37]),import.meta.url).then(e=>({default:y(e,"Basic")}))),iw=s.lazy(()=>g(()=>import("./Dialog.stories-BVd8yiNF.js"),__vite__mapDeps([61,17,18,62,43,22,37]),import.meta.url).then(e=>({default:y(e,"DraggableAndResizable")}))),lw=s.lazy(()=>g(()=>import("./Dialog.stories-BVd8yiNF.js"),__vite__mapDeps([61,17,18,62,43,22,37]),import.meta.url).then(e=>({default:y(e,"DraggableRelativeToContainer")}))),sw=s.lazy(()=>g(()=>import("./Dialog.stories-BVd8yiNF.js"),__vite__mapDeps([61,17,18,62,43,22,37]),import.meta.url).then(e=>({default:y(e,"Modal")}))),cw=s.lazy(()=>g(()=>import("./Dialog.stories-BVd8yiNF.js"),__vite__mapDeps([61,17,18,62,43,22,37]),import.meta.url).then(e=>({default:y(e,"Placement")}))),uw=s.lazy(()=>g(()=>import("./DropdownButton.stories-UZqy7SxD.js"),__vite__mapDeps([63,25,17,18,20,21,22,23,24,26,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Aw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),dw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Submenu")}))),pw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithContent")}))),Dw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithEndIcons")}))),Cw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithSeparator")}))),fw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithStartIcons")}))),mw=s.lazy(()=>g(()=>import("./DropdownMenu.stories-BEnZTZ5w.js"),__vite__mapDeps([64,16,1,20,21,22,23,24,65,51,5,52,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithSublabels")}))),Bw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"Accordion")}))),Ew=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"Basic")}))),gw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),hw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),yw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"Small")}))),bw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"StatusIcon")}))),vw=s.lazy(()=>g(()=>import("./ExpandableBlock.stories-BypjKKmc.js"),__vite__mapDeps([66,3,24,19]),import.meta.url).then(e=>({default:y(e,"WithCaption")}))),xw=s.lazy(()=>g(()=>import("./Fieldset.stories-DUkR1XqI.js"),__vite__mapDeps([67,68,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56,70,71,72]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Sw=s.lazy(()=>g(()=>import("./Fieldset.stories-DUkR1XqI.js"),__vite__mapDeps([67,68,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56,70,71,72]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),Fw=s.lazy(()=>g(()=>import("./FileUpload.stories-DrJXmWoL.js"),__vite__mapDeps([73,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,4]),import.meta.url).then(e=>({default:y(e,"CustomFileUploadCard")}))),ww=s.lazy(()=>g(()=>import("./FileUpload.stories-DrJXmWoL.js"),__vite__mapDeps([73,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,4]),import.meta.url).then(e=>({default:y(e,"DefaultFileUploadCard")}))),Tw=s.lazy(()=>g(()=>import("./FileUpload.stories-DrJXmWoL.js"),__vite__mapDeps([73,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,4]),import.meta.url).then(e=>({default:y(e,"WrappingInput")}))),_w=s.lazy(()=>g(()=>import("./Flex.stories-BnJjtqoL.js"),__vite__mapDeps([75,76]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Iw=s.lazy(()=>g(()=>import("./Flex.stories-BnJjtqoL.js"),__vite__mapDeps([75,76]),import.meta.url).then(e=>({default:y(e,"IndividualGaps")}))),kw=s.lazy(()=>g(()=>import("./Flex.stories-BnJjtqoL.js"),__vite__mapDeps([75,76]),import.meta.url).then(e=>({default:y(e,"WithFlexItem")}))),Rw=s.lazy(()=>g(()=>import("./Flex.stories-BnJjtqoL.js"),__vite__mapDeps([75,76]),import.meta.url).then(e=>({default:y(e,"WithSpacer")}))),Lw=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"AppendedCustomElements")}))),Ow=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Pw=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"BottomFixed")}))),Nw=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"CustomContent")}))),Mw=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"CustomizedDefaultAndCustomElements")}))),$w=s.lazy(()=>g(()=>import("./Footer.stories-Dp_Y_qRa.js"),__vite__mapDeps([77,4,5]),import.meta.url).then(e=>({default:y(e,"OnlyCustomElements")}))),zw=s.lazy(()=>g(()=>import("./Header.stories-BucUxAFi.js"),__vite__mapDeps([78,79,80,20,21,22,23,24,19,26,27,8,9,51,5,52,3,53,54,65,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),jw=s.lazy(()=>g(()=>import("./Header.stories-BucUxAFi.js"),__vite__mapDeps([78,79,80,20,21,22,23,24,19,26,27,8,9,51,5,52,3,53,54,65,28]),import.meta.url).then(e=>({default:y(e,"CenterContent")}))),Vw=s.lazy(()=>g(()=>import("./Header.stories-BucUxAFi.js"),__vite__mapDeps([78,79,80,20,21,22,23,24,19,26,27,8,9,51,5,52,3,53,54,65,28]),import.meta.url).then(e=>({default:y(e,"Full")}))),Hw=s.lazy(()=>g(()=>import("./Header.stories-BucUxAFi.js"),__vite__mapDeps([78,79,80,20,21,22,23,24,19,26,27,8,9,51,5,52,3,53,54,65,28]),import.meta.url).then(e=>({default:y(e,"Slim")}))),Uw=s.lazy(()=>g(()=>import("./Icon.stories-B4by3sNz.js"),__vite__mapDeps([81,1,82,3,76,42,43]),import.meta.url).then(e=>({default:y(e,"Autoscale")}))),Ww=s.lazy(()=>g(()=>import("./Icon.stories-B4by3sNz.js"),__vite__mapDeps([81,1,82,3,76,42,43]),import.meta.url).then(e=>({default:y(e,"Default")}))),Gw=s.lazy(()=>g(()=>import("./Icon.stories-B4by3sNz.js"),__vite__mapDeps([81,1,82,3,76,42,43]),import.meta.url).then(e=>({default:y(e,"Padded")}))),qw=s.lazy(()=>g(()=>import("./Icon.stories-B4by3sNz.js"),__vite__mapDeps([81,1,82,3,76,42,43]),import.meta.url).then(e=>({default:y(e,"Sizes")}))),Yw=s.lazy(()=>g(()=>import("./Icon.stories-B4by3sNz.js"),__vite__mapDeps([81,1,82,3,76,42,43]),import.meta.url).then(e=>({default:y(e,"Statuses")}))),Kw=s.lazy(()=>g(()=>import("./IconButton.stories-DCzT-0Jm.js"),__vite__mapDeps([83,30]),import.meta.url).then(e=>({default:y(e,"Add")}))),Jw=s.lazy(()=>g(()=>import("./IconButton.stories-DCzT-0Jm.js"),__vite__mapDeps([83,30]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),Xw=s.lazy(()=>g(()=>import("./IconButton.stories-DCzT-0Jm.js"),__vite__mapDeps([83,30]),import.meta.url).then(e=>({default:y(e,"HighVisibilityAdd")}))),Zw=s.lazy(()=>g(()=>import("./IconButton.stories-DCzT-0Jm.js"),__vite__mapDeps([83,30]),import.meta.url).then(e=>({default:y(e,"SmallActiveAdd")}))),Qw=s.lazy(()=>g(()=>import("./IdeasButton.stories-BYhkk6cY.js"),__vite__mapDeps([84,17,18]),import.meta.url).then(e=>({default:y(e,"Ideas")}))),e1=s.lazy(()=>g(()=>import("./IdeasButton.stories-BYhkk6cY.js"),__vite__mapDeps([84,17,18]),import.meta.url).then(e=>({default:y(e,"LocalizedIdeas")}))),t1=s.lazy(()=>g(()=>import("./InformationPanel.stories-Cjfmvil9.js"),__vite__mapDeps([85,33,17,18,86,19,39,35,56,87,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"Basic")}))),n1=s.lazy(()=>g(()=>import("./InformationPanel.stories-Cjfmvil9.js"),__vite__mapDeps([85,33,17,18,86,19,39,35,56,87,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"CustomActions")}))),r1=s.lazy(()=>g(()=>import("./InformationPanel.stories-Cjfmvil9.js"),__vite__mapDeps([85,33,17,18,86,19,39,35,56,87,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"CustomWidth")}))),o1=s.lazy(()=>g(()=>import("./InformationPanel.stories-Cjfmvil9.js"),__vite__mapDeps([85,33,17,18,86,19,39,35,56,87,5,47,28,48]),import.meta.url).then(e=>({default:y(e,"Horizontal")}))),a1=s.lazy(()=>g(()=>import("./Input.stories-DqNj_pNB.js"),__vite__mapDeps([88,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),i1=s.lazy(()=>g(()=>import("./Input.stories-DqNj_pNB.js"),__vite__mapDeps([88,28]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),l1=s.lazy(()=>g(()=>import("./Input.stories-DqNj_pNB.js"),__vite__mapDeps([88,28]),import.meta.url).then(e=>({default:y(e,"Small")}))),s1=s.lazy(()=>g(()=>import("./Input.stories-DqNj_pNB.js"),__vite__mapDeps([88,28]),import.meta.url).then(e=>({default:y(e,"Status")}))),c1=s.lazy(()=>g(()=>import("./InputGrid.stories-B6PkYiVy.js"),__vite__mapDeps([89,30,90,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,91]),import.meta.url).then(e=>({default:y(e,"WithInput")}))),u1=s.lazy(()=>g(()=>import("./InputGrid.stories-B6PkYiVy.js"),__vite__mapDeps([89,30,90,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,91]),import.meta.url).then(e=>({default:y(e,"WithInputWithDecorations")}))),A1=s.lazy(()=>g(()=>import("./InputGrid.stories-B6PkYiVy.js"),__vite__mapDeps([89,30,90,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,91]),import.meta.url).then(e=>({default:y(e,"WithSearch")}))),d1=s.lazy(()=>g(()=>import("./InputGrid.stories-B6PkYiVy.js"),__vite__mapDeps([89,30,90,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,91]),import.meta.url).then(e=>({default:y(e,"WithSelect")}))),p1=s.lazy(()=>g(()=>import("./InputGroup.stories-Cp2z4fNC.js"),__vite__mapDeps([92,70,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,71,39,18,72]),import.meta.url).then(e=>({default:y(e,"CheckboxGroup")}))),D1=s.lazy(()=>g(()=>import("./InputGroup.stories-Cp2z4fNC.js"),__vite__mapDeps([92,70,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,71,39,18,72]),import.meta.url).then(e=>({default:y(e,"RadioGroup")}))),C1=s.lazy(()=>g(()=>import("./InputGroup.stories-Cp2z4fNC.js"),__vite__mapDeps([92,70,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56,71,39,18,72]),import.meta.url).then(e=>({default:y(e,"ToggleGroup")}))),f1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Bi4YDX__.js"),__vite__mapDeps([93,30,90,49,50,3]),import.meta.url).then(e=>({default:y(e,"Basic")}))),m1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Bi4YDX__.js"),__vite__mapDeps([93,30,90,49,50,3]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),B1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Bi4YDX__.js"),__vite__mapDeps([93,30,90,49,50,3]),import.meta.url).then(e=>({default:y(e,"Small")}))),E1=s.lazy(()=>g(()=>import("./InputWithDecoration.stories-Bi4YDX__.js"),__vite__mapDeps([93,30,90,49,50,3]),import.meta.url).then(e=>({default:y(e,"Status")}))),g1=s.lazy(()=>g(()=>import("./Kbd.stories-gn1U3WGb.js"),__vite__mapDeps([94,95]),import.meta.url).then(e=>({default:y(e,"Basic")}))),h1=s.lazy(()=>g(()=>import("./Kbd.stories-gn1U3WGb.js"),__vite__mapDeps([94,95]),import.meta.url).then(e=>({default:y(e,"PredefinedKey")}))),y1=s.lazy(()=>g(()=>import("./Label.stories-Bv2h4lYm.js"),__vite__mapDeps([96,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Basic")}))),b1=s.lazy(()=>g(()=>import("./Label.stories-Bv2h4lYm.js"),__vite__mapDeps([96,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Inline")}))),v1=s.lazy(()=>g(()=>import("./Label.stories-Bv2h4lYm.js"),__vite__mapDeps([96,47,28,46,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Polymorphic")}))),x1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Basic")}))),S1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),F1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"HybridLayout")}))),w1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Inline")}))),T1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Negative")}))),_1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Positive")}))),I1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Warning")}))),k1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),R1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithMessage")}))),L1=s.lazy(()=>g(()=>import("./LabeledInput.stories-D5lojFIq.js"),__vite__mapDeps([97,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithSvgIcon")}))),O1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"Basic")}))),P1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"Native")}))),N1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"Negative")}))),M1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"Positive")}))),$1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"Warning")}))),z1=s.lazy(()=>g(()=>import("./LabeledSelect.stories-67wcbqoy.js"),__vite__mapDeps([98,45,69,52,21,22,23,24,3,53,54,27,46,47,28,48,49,50,51,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),j1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Basic")}))),V1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),H1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Inline")}))),U1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Negative")}))),W1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Positive")}))),G1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Warning")}))),q1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),Y1=s.lazy(()=>g(()=>import("./LabeledTextarea.stories-DmFeOtEe.js"),__vite__mapDeps([99,45,1,74,28,46,47,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"WithSvgIcon")}))),K1=s.lazy(()=>g(()=>import("./List.stories-BEv5OM_m.js"),__vite__mapDeps([100,1,53,23,24]),import.meta.url).then(e=>({default:y(e,"Actionable")}))),J1=s.lazy(()=>g(()=>import("./List.stories-BEv5OM_m.js"),__vite__mapDeps([100,1,53,23,24]),import.meta.url).then(e=>({default:y(e,"Basic")}))),X1=s.lazy(()=>g(()=>import("./List.stories-BEv5OM_m.js"),__vite__mapDeps([100,1,53,23,24]),import.meta.url).then(e=>({default:y(e,"WithIcon")}))),Z1=s.lazy(()=>g(()=>import("./Modal.stories-CzDumRSH.js"),__vite__mapDeps([101,17,18,62,43,22]),import.meta.url).then(e=>({default:y(e,"Basic")}))),Q1=s.lazy(()=>g(()=>import("./Modal.stories-CzDumRSH.js"),__vite__mapDeps([101,17,18,62,43,22]),import.meta.url).then(e=>({default:y(e,"FullPageModal")}))),eT=s.lazy(()=>g(()=>import("./Modal.stories-CzDumRSH.js"),__vite__mapDeps([101,17,18,62,43,22]),import.meta.url).then(e=>({default:y(e,"NonDismissibleModal")}))),tT=s.lazy(()=>g(()=>import("./Modal.stories-CzDumRSH.js"),__vite__mapDeps([101,17,18,62,43,22]),import.meta.url).then(e=>({default:y(e,"OutsideClickAndEscDoesNotClose")}))),nT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"BadGateway")}))),rT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"CustomHtmlMessage")}))),oT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Forbidden")}))),aT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Generic")}))),iT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"InternalServerError")}))),lT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"PageNotFound")}))),sT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Redirect")}))),cT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"ServiceUnavailable")}))),uT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"TimeOut")}))),AT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"Unauthorized")}))),dT=s.lazy(()=>g(()=>import("./NonIdealState.stories-svfRWX8t.js"),__vite__mapDeps([102,17,18,4,5]),import.meta.url).then(e=>({default:y(e,"WithoutMessageOrButtons")}))),pT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-Du_Z2Jf5.js"),__vite__mapDeps([103,80,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),DT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-Du_Z2Jf5.js"),__vite__mapDeps([103,80,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Pulsing")}))),CT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-Du_Z2Jf5.js"),__vite__mapDeps([103,80,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"Status")}))),fT=s.lazy(()=>g(()=>import("./NotificationMarker.stories-Du_Z2Jf5.js"),__vite__mapDeps([103,80,31,17,18,5]),import.meta.url).then(e=>({default:y(e,"WithButtons")}))),mT=s.lazy(()=>g(()=>import("./Overlay.stories-Dx2hr14l.js"),__vite__mapDeps([104,105,18]),import.meta.url).then(e=>({default:y(e,"Linear")}))),BT=s.lazy(()=>g(()=>import("./Overlay.stories-Dx2hr14l.js"),__vite__mapDeps([104,105,18]),import.meta.url).then(e=>({default:y(e,"Radial")}))),ET=s.lazy(()=>g(()=>import("./Overview.stories-Zeu7njHK.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"MDXContent")}))),gT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"Determinate")}))),hT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"DeterminateAnimated")}))),yT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),bT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"LabeledCenter")}))),vT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"LabeledLeftRight")}))),xT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"Negative")}))),ST=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"Positive")}))),FT=s.lazy(()=>g(()=>import("./ProgressLinear.stories-B8kItYsy.js"),__vite__mapDeps([106,82,105,3]),import.meta.url).then(e=>({default:y(e,"Warning")}))),wT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"Determinate")}))),TT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"DeterminateWithContent")}))),_T=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"Indeterminate")}))),IT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),kT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),RT=s.lazy(()=>g(()=>import("./ProgressRadial.stories-Cq5imwWc.js"),__vite__mapDeps([107,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),LT=s.lazy(()=>g(()=>import("./Radio.stories-D1V_edgc.js"),__vite__mapDeps([108,71]),import.meta.url).then(e=>({default:y(e,"Basic")}))),OT=s.lazy(()=>g(()=>import("./Radio.stories-D1V_edgc.js"),__vite__mapDeps([108,71]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),PT=s.lazy(()=>g(()=>import("./Radio.stories-D1V_edgc.js"),__vite__mapDeps([108,71]),import.meta.url).then(e=>({default:y(e,"Negative")}))),NT=s.lazy(()=>g(()=>import("./Radio.stories-D1V_edgc.js"),__vite__mapDeps([108,71]),import.meta.url).then(e=>({default:y(e,"Positive")}))),MT=s.lazy(()=>g(()=>import("./Radio.stories-D1V_edgc.js"),__vite__mapDeps([108,71]),import.meta.url).then(e=>({default:y(e,"Warning")}))),$T=s.lazy(()=>g(()=>import("./RadioTileGroup.stories-dt-wZiYP.js"),__vite__mapDeps([109,79,70,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Colored")}))),zT=s.lazy(()=>g(()=>import("./RadioTileGroup.stories-dt-wZiYP.js"),__vite__mapDeps([109,79,70,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,5,55,56]),import.meta.url).then(e=>({default:y(e,"Monochrome")}))),jT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"Basic")}))),VT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"BasicWithCustomItems")}))),HT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"BasicWithStatus")}))),UT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"Expandable")}))),WT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"ExpandableWithCustomItems")}))),GT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"Small")}))),qT=s.lazy(()=>g(()=>import("./SearchBox.stories-C7P0TNtM.js"),__vite__mapDeps([110,91,50,3,5,111]),import.meta.url).then(e=>({default:y(e,"WithCustomAction")}))),YT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),KT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Borderless")}))),JT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Custom")}))),XT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),ZT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"DisabledWithSelectedValue")}))),QT=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"ManyItems")}))),e_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Multi")}))),t_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"MultiCustomRenderer")}))),n_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Native")}))),r_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"Sublabels")}))),o_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"TruncateMiddleText")}))),a_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithIcons")}))),i_=s.lazy(()=>g(()=>import("./Select.stories-CI0iKHsZ.js"),__vite__mapDeps([112,2,113,52,21,22,23,24,3,53,54,27]),import.meta.url).then(e=>({default:y(e,"WithSelectedValue")}))),l_=s.lazy(()=>g(()=>import("./SideNavigation.stories-5vVdR4AF.js"),__vite__mapDeps([114,1,115,87,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"ActiveItem")}))),s_=s.lazy(()=>g(()=>import("./SideNavigation.stories-5vVdR4AF.js"),__vite__mapDeps([114,1,115,87,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),c_=s.lazy(()=>g(()=>import("./SideNavigation.stories-5vVdR4AF.js"),__vite__mapDeps([114,1,115,87,19,17,18,5,4]),import.meta.url).then(e=>({default:y(e,"Submenu")}))),u_=s.lazy(()=>g(()=>import("./SkipToContentLink.stories-Crngc2IK.js"),__vite__mapDeps([116,5,95,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),A_=s.lazy(()=>g(()=>import("./SkipToContentLink.stories-Crngc2IK.js"),__vite__mapDeps([116,5,95,4]),import.meta.url).then(e=>({default:y(e,"CustomText")}))),d_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),p_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"CustomTickNoTooltip")}))),D_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"CustomTooltip")}))),C_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"DecimalIncrement")}))),f_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),m_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"MultiThumbsAllowCrossing")}))),B_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"Range")}))),E_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),g_=s.lazy(()=>g(()=>import("./Slider.stories-CZJdgSs8.js"),__vite__mapDeps([117,2,113,42,43,5]),import.meta.url).then(e=>({default:y(e,"WithCustomThumb")}))),h_=s.lazy(()=>g(()=>import("./SplitButton.stories-BlZqrJhQ.js"),__vite__mapDeps([118,17,18,21,22,23,24,26,27]),import.meta.url).then(e=>({default:y(e,"Basic")}))),y_=s.lazy(()=>g(()=>import("./Stepper.stories-Xgt5FunY.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"Basic")}))),b_=s.lazy(()=>g(()=>import("./Stepper.stories-Xgt5FunY.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"LocalizedLong")}))),v_=s.lazy(()=>g(()=>import("./Stepper.stories-Xgt5FunY.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"Long")}))),x_=s.lazy(()=>g(()=>import("./Stepper.stories-Xgt5FunY.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"WithTooltips")}))),S_=s.lazy(()=>g(()=>import("./Surface.stories-DL1H5huw.js"),__vite__mapDeps([119,115,120,5,37,76,111,17,18,4]),import.meta.url).then(e=>({default:y(e,"Basic")}))),F_=s.lazy(()=>g(()=>import("./Surface.stories-DL1H5huw.js"),__vite__mapDeps([119,115,120,5,37,76,111,17,18,4]),import.meta.url).then(e=>({default:y(e,"Custom")}))),w_=s.lazy(()=>g(()=>import("./Surface.stories-DL1H5huw.js"),__vite__mapDeps([119,115,120,5,37,76,111,17,18,4]),import.meta.url).then(e=>({default:y(e,"EmptyState")}))),T_=s.lazy(()=>g(()=>import("./Surface.stories-DL1H5huw.js"),__vite__mapDeps([119,115,120,5,37,76,111,17,18,4]),import.meta.url).then(e=>({default:y(e,"NoPadding")}))),__=s.lazy(()=>g(()=>import("./Surface.stories-DL1H5huw.js"),__vite__mapDeps([119,115,120,5,37,76,111,17,18,4]),import.meta.url).then(e=>({default:y(e,"OverflowWithButtonFooter")}))),I_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Basic")}))),k_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ColumnManager")}))),R_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Condensed")}))),L_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ControlledState")}))),O_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"CustomFilter")}))),P_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"CustomizedColumns")}))),N_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"DisabledRows")}))),M_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"DraggableColumns")}))),$_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Editable")}))),z_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Expandable")}))),j_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ExpandableSubrows")}))),V_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Filters")}))),H_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Full")}))),U_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Full2")}))),W_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"GlobalFilter")}))),G_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"HorizontalScroll")}))),q_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"InitialState")}))),Y_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"LazyLoading")}))),K_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Loading")}))),J_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Localized")}))),X_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"NoData")}))),Z_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ResizableColumns")}))),Q_=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"RowInViewport")}))),eI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ScrollToRow")}))),tI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"SelectableMulti")}))),nI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"SelectableSingle")}))),rI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Sortable")}))),oI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"StatusAndCellIcons")}))),aI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"StickyColumns")}))),iI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),lI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"VirtualizedSubRows")}))),sI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"WithManualPaginatorAndFilter")}))),cI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"WithPaginator")}))),uI=s.lazy(()=>g(()=>import("./Table.stories-DcEhFR4w.js"),__vite__mapDeps([121,16,82,4,5,86,18,19,39,35,56,87,17,59,60,36,46,47,28,48,3,49,50,51,52,21,22,23,24,53,54,27,55,74,37,70,76,68,20,25,26,71]),import.meta.url).then(e=>({default:y(e,"ZebraStripedRows")}))),AI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"BorderlessTabs")}))),dI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"DefaultTabs")}))),pI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"HorizontalOverflow")}))),DI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"LegacyTabs")}))),CI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"PillTabs")}))),fI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"SublabelsAndIcons")}))),mI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"Vertical")}))),BI=s.lazy(()=>g(()=>import("./Tabs.stories-DeQ10YCr.js"),__vite__mapDeps([122,123,3,55,17,18]),import.meta.url).then(e=>({default:y(e,"VerticalOverflow")}))),EI=s.lazy(()=>g(()=>import("./Tag.stories-x6EvUpeK.js"),__vite__mapDeps([124,125,24]),import.meta.url).then(e=>({default:y(e,"Clickable")}))),gI=s.lazy(()=>g(()=>import("./Tag.stories-x6EvUpeK.js"),__vite__mapDeps([124,125,24]),import.meta.url).then(e=>({default:y(e,"Default")}))),hI=s.lazy(()=>g(()=>import("./Tag.stories-x6EvUpeK.js"),__vite__mapDeps([124,125,24]),import.meta.url).then(e=>({default:y(e,"NoClose")}))),yI=s.lazy(()=>g(()=>import("./TagContainer.stories-vS81aTDd.js"),__vite__mapDeps([126,127,125,24]),import.meta.url).then(e=>({default:y(e,"BasicTagsContainer")}))),bI=s.lazy(()=>g(()=>import("./TagContainer.stories-vS81aTDd.js"),__vite__mapDeps([126,127,125,24]),import.meta.url).then(e=>({default:y(e,"DefaultTagsContainer")}))),vI=s.lazy(()=>g(()=>import("./TagContainer.stories-vS81aTDd.js"),__vite__mapDeps([126,127,125,24]),import.meta.url).then(e=>({default:y(e,"ScrollableDefaultTagsContainer")}))),xI=s.lazy(()=>g(()=>import("./TagContainer.stories-vS81aTDd.js"),__vite__mapDeps([126,127,125,24]),import.meta.url).then(e=>({default:y(e,"TruncatedBasicTagsContainer")}))),SI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Basic")}))),FI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Body")}))),wI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Headline")}))),TI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Leading")}))),_I=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Polymorphic")}))),II=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Skeleton")}))),kI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Small")}))),RI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Subheading")}))),LI=s.lazy(()=>g(()=>import("./Text.stories-ct3IleL6.js"),__vite__mapDeps([128,5]),import.meta.url).then(e=>({default:y(e,"Title")}))),OI=s.lazy(()=>g(()=>import("./Textarea.stories-B0Ha6e01.js"),__vite__mapDeps([129,48,28]),import.meta.url).then(e=>({default:y(e,"Basic")}))),PI=s.lazy(()=>g(()=>import("./Textarea.stories-B0Ha6e01.js"),__vite__mapDeps([129,48,28]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),NI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Actionable")}))),MI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"AllProps")}))),$I=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"AnchorLink")}))),zI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Basic")}))),jI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Condensed")}))),VI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Disabled")}))),HI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Folder")}))),UI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Loading")}))),WI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"Status")}))),GI=s.lazy(()=>g(()=>import("./Tile.stories-HFInNgn6.js"),__vite__mapDeps([130,15,123,20,21,22,23,24,18,120,54,12,9,127,125,17,8]),import.meta.url).then(e=>({default:y(e,"WithAvatar")}))),qI=s.lazy(()=>g(()=>import("./TimePicker.stories-DGliuJiP.js"),__vite__mapDeps([131,58,49,50,3,60]),import.meta.url).then(e=>({default:y(e,"Basic")}))),YI=s.lazy(()=>g(()=>import("./TimePicker.stories-DGliuJiP.js"),__vite__mapDeps([131,58,49,50,3,60]),import.meta.url).then(e=>({default:y(e,"Combined")}))),KI=s.lazy(()=>g(()=>import("./TimePicker.stories-DGliuJiP.js"),__vite__mapDeps([131,58,49,50,3,60]),import.meta.url).then(e=>({default:y(e,"CustomRenderers")}))),JI=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"AnchorToButton")}))),XI=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"CloseIndividual")}))),ZI=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"Informational")}))),QI=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"Negative")}))),e5=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"PositionChanged")}))),t5=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"Positive")}))),n5=s.lazy(()=>g(()=>import("./Toasts.stories-D6OPqy95.js"),__vite__mapDeps([132,17,18]),import.meta.url).then(e=>({default:y(e,"Warning")}))),r5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"Basic")}))),o5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"DisabledChecked")}))),a5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"DisabledUnchecked")}))),i5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"LabelLeft")}))),l5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"LabelRight")}))),s5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"Small")}))),c5=s.lazy(()=>g(()=>import("./ToggleSwitch.stories-bgJ-Zp7l.js"),__vite__mapDeps([133,72,54]),import.meta.url).then(e=>({default:y(e,"WithCustomIcon")}))),u5=s.lazy(()=>g(()=>import("./Tooltip.stories-tiDT1b0a.js"),__vite__mapDeps([134,17,18]),import.meta.url).then(e=>({default:y(e,"Bottom")}))),A5=s.lazy(()=>g(()=>import("./Tooltip.stories-tiDT1b0a.js"),__vite__mapDeps([134,17,18]),import.meta.url).then(e=>({default:y(e,"Controlled")}))),d5=s.lazy(()=>g(()=>import("./Tooltip.stories-tiDT1b0a.js"),__vite__mapDeps([134,17,18]),import.meta.url).then(e=>({default:y(e,"Left")}))),p5=s.lazy(()=>g(()=>import("./Tooltip.stories-tiDT1b0a.js"),__vite__mapDeps([134,17,18]),import.meta.url).then(e=>({default:y(e,"Right")}))),D5=s.lazy(()=>g(()=>import("./Tooltip.stories-tiDT1b0a.js"),__vite__mapDeps([134,17,18]),import.meta.url).then(e=>({default:y(e,"Top")}))),C5=s.lazy(()=>g(()=>import("./TransferList.stories-B8NOD0Pp.js"),__vite__mapDeps([135,14,53,23,24,47,22]),import.meta.url).then(e=>({default:y(e,"Basic")}))),f5=s.lazy(()=>g(()=>import("./TransferList.stories-B8NOD0Pp.js"),__vite__mapDeps([135,14,53,23,24,47,22]),import.meta.url).then(e=>({default:y(e,"WithLabel")}))),m5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"AsyncLoading")}))),B5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"Basic")}))),E5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"CustomizedExpander")}))),g5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"Full")}))),h5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"Small")}))),y5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"Virtualized")}))),b5=s.lazy(()=>g(()=>import("./Tree.stories-CWQZ6ig1.js"),__vite__mapDeps([136,1,22,56,19,39,18]),import.meta.url).then(e=>({default:y(e,"VirtualizedWithHorizontalScroll")}))),v5=s.lazy(()=>g(()=>import("./WorkflowDiagram.stories-5waI7FP8.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"Basic")}))),x5=s.lazy(()=>g(()=>import("./WorkflowDiagram.stories-5waI7FP8.js"),__vite__mapDeps([]),import.meta.url).then(e=>({default:y(e,"WithTooltips")})));let Hn={"alert--custom-icon":{component:RS,locStart:145,locEnd:157,entry:"src/Alert.stories.tsx"},"alert--empty":{component:LS,locStart:136,locEnd:143,entry:"src/Alert.stories.tsx"},"alert--informational":{component:OS,locStart:12,locEnd:25,entry:"src/Alert.stories.tsx"},"alert--negative":{component:PS,locStart:57,locEnd:70,entry:"src/Alert.stories.tsx"},"alert--positive":{component:NS,locStart:27,locEnd:40,entry:"src/Alert.stories.tsx"},"alert--sticky":{component:MS,locStart:72,locEnd:134,entry:"src/Alert.stories.tsx"},"alert--warning":{component:$S,locStart:42,locEnd:55,entry:"src/Alert.stories.tsx"},"anchor--as-button":{component:zS,locStart:15,locEnd:21,entry:"src/Anchor.stories.tsx"},"anchor--basic":{component:jS,locStart:11,locEnd:13,entry:"src/Anchor.stories.tsx"},"anchor--external":{component:VS,locStart:23,locEnd:29,entry:"src/Anchor.stories.tsx"},"anchor--underline":{component:HS,locStart:31,locEnd:37,entry:"src/Anchor.stories.tsx"},"avatar--basic":{component:US,locStart:12,locEnd:20,entry:"src/Avatar.stories.tsx"},"avatar--custom-status-translation":{component:WS,locStart:114,locEnd:130,entry:"src/Avatar.stories.tsx"},"avatar--sizes":{component:GS,locStart:48,locEnd:77,entry:"src/Avatar.stories.tsx"},"avatar--statuses":{component:qS,locStart:79,locEnd:112,entry:"src/Avatar.stories.tsx"},"avatar--with-icon":{component:YS,locStart:36,locEnd:46,entry:"src/Avatar.stories.tsx"},"avatar--with-image":{component:KS,locStart:22,locEnd:34,entry:"src/Avatar.stories.tsx"},"avatargroup--animated":{component:JS,locStart:45,locEnd:69,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--basic":{component:XS,locStart:17,locEnd:43,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--many-avatars":{component:ZS,locStart:71,locEnd:110,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--non-stacked":{component:QS,locStart:112,locEnd:139,entry:"src/AvatarGroup.stories.tsx"},"avatargroup--with-tooltip":{component:eF,locStart:141,locEnd:184,entry:"src/AvatarGroup.stories.tsx"},"badge--basic":{component:tF,locStart:11,locEnd:13,entry:"src/Badge.stories.tsx"},"badge--long-label":{component:nF,locStart:15,locEnd:21,entry:"src/Badge.stories.tsx"},"badge--statuses":{component:rF,locStart:23,locEnd:32,entry:"src/Badge.stories.tsx"},"blockquote--basic":{component:oF,locStart:11,locEnd:13,entry:"src/Blockquote.stories.tsx"},"blockquote--with-footer":{component:aF,locStart:15,locEnd:33,entry:"src/Blockquote.stories.tsx"},"breadcrumbs--basic":{component:iF,locStart:25,locEnd:39,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-back-button":{component:lF,locStart:106,locEnd:143,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-overflow-dropdown":{component:sF,locStart:165,locEnd:211,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--custom-separator":{component:cF,locStart:55,locEnd:69,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--folder-navigation":{component:uF,locStart:233,locEnd:298,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--links":{component:AF,locStart:41,locEnd:53,entry:"src/Breadcrumbs.stories.tsx"},"breadcrumbs--overflow":{component:dF,locStart:71,locEnd:84,entry:"src/Breadcrumbs.stories.tsx"},"button--as-link":{component:pF,locStart:100,locEnd:115,entry:"src/Button.stories.tsx"},"button--call-to-action":{component:DF,locStart:13,locEnd:19,entry:"src/Button.stories.tsx"},"button--default":{component:CF,locStart:29,locEnd:35,entry:"src/Button.stories.tsx"},"button--high-visibility":{component:fF,locStart:21,locEnd:27,entry:"src/Button.stories.tsx"},"button--loading":{component:mF,locStart:128,locEnd:134,entry:"src/Button.stories.tsx"},"button--stretch":{component:BF,locStart:117,locEnd:119,entry:"src/Button.stories.tsx"},"button--with-icon":{component:EF,locStart:37,locEnd:47,entry:"src/Button.stories.tsx"},"button--with-notification":{component:gF,locStart:49,locEnd:98,entry:"src/Button.stories.tsx"},"buttongroup--input-button-combo":{component:hF,locStart:117,locEnd:138,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--overflow":{component:yF,locStart:54,locEnd:95,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical":{component:bF,locStart:140,locEnd:165,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--vertical-overflow":{component:vF,locStart:167,locEnd:215,entry:"src/ButtonGroup.stories.tsx"},"buttongroup--with-icons":{component:xF,locStart:27,locEnd:52,entry:"src/ButtonGroup.stories.tsx"},"carousel--basic":{component:SF,locStart:13,locEnd:51,entry:"src/Carousel.stories.tsx"},"carousel--controlled":{component:FF,locStart:53,locEnd:97,entry:"src/Carousel.stories.tsx"},"carousel--only-dots":{component:wF,locStart:100,locEnd:179,entry:"src/Carousel.stories.tsx"},"checkbox--basic":{component:TF,locStart:11,locEnd:13,entry:"src/Checkbox.stories.tsx"},"checkbox--disabled":{component:_F,locStart:15,locEnd:17,entry:"src/Checkbox.stories.tsx"},"checkbox--indeterminate":{component:IF,locStart:18,locEnd:20,entry:"src/Checkbox.stories.tsx"},"checkbox--loading":{component:kF,locStart:32,locEnd:34,entry:"src/Checkbox.stories.tsx"},"checkbox--negative":{component:RF,locStart:28,locEnd:30,entry:"src/Checkbox.stories.tsx"},"checkbox--positive":{component:LF,locStart:22,locEnd:24,entry:"src/Checkbox.stories.tsx"},"checkbox--visibility":{component:OF,locStart:36,locEnd:38,entry:"src/Checkbox.stories.tsx"},"checkbox--warning":{component:PF,locStart:25,locEnd:27,entry:"src/Checkbox.stories.tsx"},"code--basic":{component:NF,locStart:11,locEnd:18,entry:"src/Code.stories.tsx"},"colorpicker--advanced":{component:MF,locStart:99,locEnd:176,entry:"src/ColorPicker.stories.tsx"},"colorpicker--basic":{component:$F,locStart:57,locEnd:97,entry:"src/ColorPicker.stories.tsx"},"colorpicker--with-alpha":{component:zF,locStart:178,locEnd:253,entry:"src/ColorPicker.stories.tsx"},"combobox--basic":{component:jF,locStart:298,locEnd:308,entry:"src/ComboBox.stories.tsx"},"combobox--controlled":{component:VF,locStart:310,locEnd:325,entry:"src/ComboBox.stories.tsx"},"combobox--custom-renderer":{component:HF,locStart:386,locEnd:420,entry:"src/ComboBox.stories.tsx"},"combobox--disabled-items":{component:UF,locStart:327,locEnd:356,entry:"src/ComboBox.stories.tsx"},"combobox--loading":{component:WF,locStart:452,locEnd:500,entry:"src/ComboBox.stories.tsx"},"combobox--multiple-select":{component:GF,locStart:515,locEnd:534,entry:"src/ComboBox.stories.tsx"},"combobox--virtualized":{component:qF,locStart:502,locEnd:513,entry:"src/ComboBox.stories.tsx"},"combobox--with-custom-message-icon":{component:YF,locStart:435,locEnd:450,entry:"src/ComboBox.stories.tsx"},"combobox--with-label":{component:KF,locStart:358,locEnd:371,entry:"src/ComboBox.stories.tsx"},"combobox--with-message":{component:JF,locStart:422,locEnd:433,entry:"src/ComboBox.stories.tsx"},"combobox--with-status":{component:XF,locStart:373,locEnd:384,entry:"src/ComboBox.stories.tsx"},"datepicker--basic":{component:ZF,locStart:18,locEnd:46,entry:"src/DatePicker.stories.tsx"},"datepicker--localized":{component:QF,locStart:113,locEnd:142,entry:"src/DatePicker.stories.tsx"},"datepicker--range":{component:ew,locStart:172,locEnd:216,entry:"src/DatePicker.stories.tsx"},"datepicker--some-dates-disabled":{component:tw,locStart:218,locEnd:269,entry:"src/DatePicker.stories.tsx"},"datepicker--with-combined-time":{component:nw,locStart:79,locEnd:111,entry:"src/DatePicker.stories.tsx"},"datepicker--with-time":{component:rw,locStart:48,locEnd:77,entry:"src/DatePicker.stories.tsx"},"datepicker--with-year":{component:ow,locStart:143,locEnd:170,entry:"src/DatePicker.stories.tsx"},"dialog--basic":{component:aw,locStart:12,locEnd:61,entry:"src/Dialog.stories.tsx"},"dialog--draggable-and-resizable":{component:iw,locStart:124,locEnd:180,entry:"src/Dialog.stories.tsx"},"dialog--draggable-relative-to-container":{component:lw,locStart:182,locEnd:252,entry:"src/Dialog.stories.tsx"},"dialog--modal":{component:sw,locStart:63,locEnd:122,entry:"src/Dialog.stories.tsx"},"dialog--placement":{component:cw,locStart:254,locEnd:309,entry:"src/Dialog.stories.tsx"},"dropdownbutton--basic":{component:uw,locStart:11,locEnd:30,entry:"src/DropdownButton.stories.tsx"},"dropdownmenu--basic":{component:Aw,locStart:28,locEnd:51,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--submenu":{component:dw,locStart:186,locEnd:242,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-content":{component:pw,locStart:289,locEnd:330,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-end-icons":{component:Dw,locStart:99,locEnd:126,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-separator":{component:Cw,locStart:252,locEnd:279,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-start-icons":{component:fw,locStart:62,locEnd:89,entry:"src/DropdownMenu.stories.tsx"},"dropdownmenu--with-sublabels":{component:mw,locStart:136,locEnd:176,entry:"src/DropdownMenu.stories.tsx"},"expandableblock--accordion":{component:Bw,locStart:32,locEnd:43,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--basic":{component:Ew,locStart:11,locEnd:15,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--borderless":{component:gw,locStart:69,locEnd:76,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--disabled":{component:hw,locStart:78,locEnd:85,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--small":{component:yw,locStart:60,locEnd:67,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--status-icon":{component:bw,locStart:45,locEnd:58,entry:"src/ExpandableBlock.stories.tsx"},"expandableblock--with-caption":{component:vw,locStart:17,locEnd:30,entry:"src/ExpandableBlock.stories.tsx"},"fieldset--basic":{component:xw,locStart:18,locEnd:52,entry:"src/Fieldset.stories.tsx"},"fieldset--disabled":{component:Sw,locStart:54,locEnd:89,entry:"src/Fieldset.stories.tsx"},"fileupload--custom-file-upload-card":{component:Fw,locStart:65,locEnd:115,entry:"src/FileUpload.stories.tsx"},"fileupload--default-file-upload-card":{component:ww,locStart:48,locEnd:63,entry:"src/FileUpload.stories.tsx"},"fileupload--wrapping-input":{component:Tw,locStart:24,locEnd:46,entry:"src/FileUpload.stories.tsx"},"flex--basic":{component:_w,locStart:34,locEnd:42,entry:"src/Flex.stories.tsx"},"flex--individual-gaps":{component:Iw,locStart:77,locEnd:110,entry:"src/Flex.stories.tsx"},"flex--with-flex-item":{component:kw,locStart:59,locEnd:75,entry:"src/Flex.stories.tsx"},"flex--with-spacer":{component:Rw,locStart:44,locEnd:57,entry:"src/Flex.stories.tsx"},"footer--appended-custom-elements":{component:Lw,locStart:21,locEnd:32,entry:"src/Footer.stories.tsx"},"footer--basic":{component:Ow,locStart:17,locEnd:19,entry:"src/Footer.stories.tsx"},"footer--bottom-fixed":{component:Pw,locStart:80,locEnd:86,entry:"src/Footer.stories.tsx"},"footer--custom-content":{component:Nw,locStart:88,locEnd:123,entry:"src/Footer.stories.tsx"},"footer--customized-default-and-custom-elements":{component:Mw,locStart:47,locEnd:78,entry:"src/Footer.stories.tsx"},"footer--only-custom-elements":{component:$w,locStart:34,locEnd:45,entry:"src/Footer.stories.tsx"},"header--basic":{component:zw,locStart:174,locEnd:233,entry:"src/Header.stories.tsx"},"header--center-content":{component:jw,locStart:297,locEnd:359,entry:"src/Header.stories.tsx"},"header--full":{component:Vw,locStart:52,locEnd:172,entry:"src/Header.stories.tsx"},"header--slim":{component:Hw,locStart:235,locEnd:295,entry:"src/Header.stories.tsx"},"icon--autoscale":{component:Uw,locStart:86,locEnd:92,entry:"src/Icon.stories.tsx"},"icon--default":{component:Ww,locStart:20,locEnd:26,entry:"src/Icon.stories.tsx"},"icon--padded":{component:Gw,locStart:28,locEnd:41,entry:"src/Icon.stories.tsx"},"icon--sizes":{component:qw,locStart:69,locEnd:83,entry:"src/Icon.stories.tsx"},"icon--statuses":{component:Yw,locStart:43,locEnd:60,entry:"src/Icon.stories.tsx"},"iconbutton--add":{component:Kw,locStart:12,locEnd:18,entry:"src/IconButton.stories.tsx"},"iconbutton--borderless":{component:Jw,locStart:45,locEnd:55,entry:"src/IconButton.stories.tsx"},"iconbutton--high-visibility-add":{component:Xw,locStart:33,locEnd:43,entry:"src/IconButton.stories.tsx"},"iconbutton--small-active-add":{component:Zw,locStart:20,locEnd:31,entry:"src/IconButton.stories.tsx"},"ideasbutton--ideas":{component:Qw,locStart:11,locEnd:13,entry:"src/IdeasButton.stories.tsx"},"ideasbutton--localized-ideas":{component:e1,locStart:15,locEnd:22,entry:"src/IdeasButton.stories.tsx"},"informationpanel--basic":{component:t1,locStart:28,locEnd:96,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-actions":{component:n1,locStart:180,locEnd:269,entry:"src/InformationPanel.stories.tsx"},"informationpanel--custom-width":{component:r1,locStart:272,locEnd:308,entry:"src/InformationPanel.stories.tsx"},"informationpanel--horizontal":{component:o1,locStart:108,locEnd:177,entry:"src/InformationPanel.stories.tsx"},"input--basic":{component:a1,locStart:11,locEnd:13,entry:"src/Input.stories.tsx"},"input--disabled":{component:i1,locStart:15,locEnd:17,entry:"src/Input.stories.tsx"},"input--small":{component:l1,locStart:19,locEnd:21,entry:"src/Input.stories.tsx"},"input--status":{component:s1,locStart:23,locEnd:25,entry:"src/Input.stories.tsx"},"inputgrid--with-input":{component:c1,locStart:21,locEnd:29,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-input-with-decorations":{component:u1,locStart:31,locEnd:50,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-search":{component:A1,locStart:74,locEnd:82,entry:"src/InputGrid.stories.tsx"},"inputgrid--with-select":{component:d1,locStart:52,locEnd:72,entry:"src/InputGrid.stories.tsx"},"inputgroup--checkbox-group":{component:p1,locStart:42,locEnd:91,entry:"src/InputGroup.stories.tsx"},"inputgroup--radio-group":{component:D1,locStart:19,locEnd:40,entry:"src/InputGroup.stories.tsx"},"inputgroup--toggle-group":{component:C1,locStart:93,locEnd:112,entry:"src/InputGroup.stories.tsx"},"inputwithdecorations--basic":{component:f1,locStart:12,locEnd:24,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--disabled":{component:m1,locStart:26,locEnd:38,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--small":{component:B1,locStart:40,locEnd:52,entry:"src/InputWithDecoration.stories.tsx"},"inputwithdecorations--status":{component:E1,locStart:54,locEnd:66,entry:"src/InputWithDecoration.stories.tsx"},"keyboard-key--basic":{component:g1,locStart:11,locEnd:13,entry:"src/Kbd.stories.tsx"},"keyboard-key--predefined-key":{component:h1,locStart:15,locEnd:17,entry:"src/Kbd.stories.tsx"},"label--basic":{component:y1,locStart:19,locEnd:26,entry:"src/Label.stories.tsx"},"label--inline":{component:b1,locStart:28,locEnd:37,entry:"src/Label.stories.tsx"},"label--polymorphic":{component:v1,locStart:39,locEnd:48,entry:"src/Label.stories.tsx"},"labeledinput--basic":{component:x1,locStart:13,locEnd:17,entry:"src/LabeledInput.stories.tsx"},"labeledinput--disabled":{component:S1,locStart:29,locEnd:38,entry:"src/LabeledInput.stories.tsx"},"labeledinput--hybrid-layout":{component:F1,locStart:109,locEnd:120,entry:"src/LabeledInput.stories.tsx"},"labeledinput--inline":{component:w1,locStart:98,locEnd:107,entry:"src/LabeledInput.stories.tsx"},"labeledinput--negative":{component:T1,locStart:62,locEnd:71,entry:"src/LabeledInput.stories.tsx"},"labeledinput--positive":{component:_1,locStart:40,locEnd:49,entry:"src/LabeledInput.stories.tsx"},"labeledinput--warning":{component:I1,locStart:51,locEnd:60,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-custom-icon":{component:k1,locStart:73,locEnd:85,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-message":{component:R1,locStart:19,locEnd:27,entry:"src/LabeledInput.stories.tsx"},"labeledinput--with-svg-icon":{component:L1,locStart:87,locEnd:96,entry:"src/LabeledInput.stories.tsx"},"labeledselect--basic":{component:O1,locStart:22,locEnd:35,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--native":{component:P1,locStart:116,locEnd:131,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--negative":{component:N1,locStart:75,locEnd:92,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--positive":{component:M1,locStart:37,locEnd:54,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--warning":{component:$1,locStart:56,locEnd:73,entry:"src/LabeledSelect.stories.tsx"},"labeledselect--with-custom-icon":{component:z1,locStart:94,locEnd:114,entry:"src/LabeledSelect.stories.tsx"},"labeledtextarea--basic":{component:j1,locStart:12,locEnd:20,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--disabled":{component:V1,locStart:22,locEnd:31,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--inline":{component:H1,locStart:89,locEnd:98,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--negative":{component:U1,locStart:55,locEnd:64,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--positive":{component:W1,locStart:33,locEnd:42,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--warning":{component:G1,locStart:44,locEnd:53,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-custom-icon":{component:q1,locStart:66,locEnd:76,entry:"src/LabeledTextarea.stories.tsx"},"labeledtextarea--with-svg-icon":{component:Y1,locStart:78,locEnd:87,entry:"src/LabeledTextarea.stories.tsx"},"list--actionable":{component:K1,locStart:67,locEnd:82,entry:"src/List.stories.tsx"},"list--basic":{component:J1,locStart:20,locEnd:37,entry:"src/List.stories.tsx"},"list--with-icon":{component:X1,locStart:39,locEnd:65,entry:"src/List.stories.tsx"},"modal--basic":{component:Z1,locStart:17,locEnd:68,entry:"src/Modal.stories.tsx"},"modal--full-page-modal":{component:Q1,locStart:179,locEnd:231,entry:"src/Modal.stories.tsx"},"modal--non-dismissible-modal":{component:eT,locStart:70,locEnd:122,entry:"src/Modal.stories.tsx"},"modal--outside-click-and-esc-does-not-close":{component:tT,locStart:124,locEnd:177,entry:"src/Modal.stories.tsx"},"nonidealstate--bad-gateway":{component:nT,locStart:166,locEnd:183,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--custom-html-message":{component:rT,locStart:223,locEnd:248,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--forbidden":{component:oT,locStart:71,locEnd:94,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--generic":{component:aT,locStart:204,locEnd:221,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--internal-server-error":{component:iT,locStart:147,locEnd:164,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--page-not-found":{component:lT,locStart:96,locEnd:120,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--redirect":{component:sT,locStart:22,locEnd:45,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--service-unavailable":{component:cT,locStart:185,locEnd:202,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--time-out":{component:uT,locStart:122,locEnd:145,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--unauthorized":{component:AT,locStart:46,locEnd:69,entry:"src/NonIdealState.stories.tsx"},"nonidealstate--without-message-or-buttons":{component:dT,locStart:250,locEnd:252,entry:"src/NonIdealState.stories.tsx"},"notificationmarker--basic":{component:pT,locStart:31,locEnd:39,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--pulsing":{component:DT,locStart:57,locEnd:67,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--status":{component:CT,locStart:69,locEnd:115,entry:"src/NotificationMarker.stories.tsx"},"notificationmarker--with-buttons":{component:fT,locStart:41,locEnd:55,entry:"src/NotificationMarker.stories.tsx"},"overlay--linear":{component:mT,locStart:12,locEnd:37,entry:"src/Overlay.stories.tsx"},"overlay--radial":{component:BT,locStart:39,locEnd:64,entry:"src/Overlay.stories.tsx"},"overview--readme":{component:ET,locStart:18,locEnd:26,entry:"src/Overview.stories.mdx"},"progresslinear--determinate":{component:gT,locStart:16,locEnd:18,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--determinate-animated":{component:hT,locStart:20,locEnd:22,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--indeterminate":{component:yT,locStart:24,locEnd:26,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-center":{component:bT,locStart:28,locEnd:30,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--labeled-left-right":{component:vT,locStart:32,locEnd:34,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--negative":{component:xT,locStart:51,locEnd:64,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--positive":{component:ST,locStart:36,locEnd:49,entry:"src/ProgressLinear.stories.tsx"},"progresslinear--warning":{component:FT,locStart:66,locEnd:79,entry:"src/ProgressLinear.stories.tsx"},"progressradial--determinate":{component:wT,locStart:11,locEnd:13,entry:"src/ProgressRadial.stories.tsx"},"progressradial--determinate-with-content":{component:TT,locStart:31,locEnd:33,entry:"src/ProgressRadial.stories.tsx"},"progressradial--indeterminate":{component:_T,locStart:15,locEnd:17,entry:"src/ProgressRadial.stories.tsx"},"progressradial--negative":{component:IT,locStart:23,locEnd:25,entry:"src/ProgressRadial.stories.tsx"},"progressradial--positive":{component:kT,locStart:19,locEnd:21,entry:"src/ProgressRadial.stories.tsx"},"progressradial--warning":{component:RT,locStart:27,locEnd:29,entry:"src/ProgressRadial.stories.tsx"},"radio--basic":{component:LT,locStart:11,locEnd:13,entry:"src/Radio.stories.tsx"},"radio--disabled":{component:OT,locStart:15,locEnd:17,entry:"src/Radio.stories.tsx"},"radio--negative":{component:PT,locStart:27,locEnd:29,entry:"src/Radio.stories.tsx"},"radio--positive":{component:NT,locStart:19,locEnd:21,entry:"src/Radio.stories.tsx"},"radio--warning":{component:MT,locStart:23,locEnd:25,entry:"src/Radio.stories.tsx"},"radiotilegroup--colored":{component:$T,locStart:57,locEnd:132,entry:"src/RadioTileGroup.stories.tsx"},"radiotilegroup--monochrome":{component:zT,locStart:12,locEnd:55,entry:"src/RadioTileGroup.stories.tsx"},"searchbox--basic":{component:jT,locStart:13,locEnd:15,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-custom-items":{component:VT,locStart:17,locEnd:39,entry:"src/SearchBox.stories.tsx"},"searchbox--basic-with-status":{component:HT,locStart:41,locEnd:48,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable":{component:UT,locStart:50,locEnd:54,entry:"src/SearchBox.stories.tsx"},"searchbox--expandable-with-custom-items":{component:WT,locStart:56,locEnd:73,entry:"src/SearchBox.stories.tsx"},"searchbox--small":{component:GT,locStart:75,locEnd:77,entry:"src/SearchBox.stories.tsx"},"searchbox--with-custom-action":{component:qT,locStart:79,locEnd:115,entry:"src/SearchBox.stories.tsx"},"select--basic":{component:YT,locStart:31,locEnd:38,entry:"src/Select.stories.tsx"},"select--borderless":{component:KT,locStart:279,locEnd:288,entry:"src/Select.stories.tsx"},"select--custom":{component:JT,locStart:147,locEnd:170,entry:"src/Select.stories.tsx"},"select--disabled":{component:XT,locStart:75,locEnd:93,entry:"src/Select.stories.tsx"},"select--disabled-with-selected-value":{component:ZT,locStart:95,locEnd:113,entry:"src/Select.stories.tsx"},"select--many-items":{component:QT,locStart:115,locEnd:128,entry:"src/Select.stories.tsx"},"select--multi":{component:e_,locStart:217,locEnd:239,entry:"src/Select.stories.tsx"},"select--multi-custom-renderer":{component:t_,locStart:241,locEnd:267,entry:"src/Select.stories.tsx"},"select--native":{component:n_,locStart:269,locEnd:277,entry:"src/Select.stories.tsx"},"select--sublabels":{component:r_,locStart:129,locEnd:145,entry:"src/Select.stories.tsx"},"select--truncate-middle-text":{component:o_,locStart:172,locEnd:215,entry:"src/Select.stories.tsx"},"select--with-icons":{component:a_,locStart:40,locEnd:55,entry:"src/Select.stories.tsx"},"select--with-selected-value":{component:i_,locStart:57,locEnd:73,entry:"src/Select.stories.tsx"},"sidenavigation--active-item":{component:l_,locStart:58,locEnd:82,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--basic":{component:s_,locStart:35,locEnd:56,entry:"src/SideNavigation.stories.tsx"},"sidenavigation--submenu":{component:c_,locStart:84,locEnd:169,entry:"src/SideNavigation.stories.tsx"},"skiptocontentlink--basic":{component:u_,locStart:11,locEnd:40,entry:"src/SkipToContentLink.stories.tsx"},"skiptocontentlink--custom-text":{component:A_,locStart:42,locEnd:73,entry:"src/SkipToContentLink.stories.tsx"},"slider--basic":{component:d_,locStart:31,locEnd:33,entry:"src/Slider.stories.tsx"},"slider--custom-tick-no-tooltip":{component:p_,locStart:115,locEnd:162,entry:"src/Slider.stories.tsx"},"slider--custom-tooltip":{component:D_,locStart:101,locEnd:113,entry:"src/Slider.stories.tsx"},"slider--decimal-increment":{component:C_,locStart:172,locEnd:174,entry:"src/Slider.stories.tsx"},"slider--disabled":{component:f_,locStart:97,locEnd:99,entry:"src/Slider.stories.tsx"},"slider--multi-thumbs-allow-crossing":{component:m_,locStart:39,locEnd:60,entry:"src/Slider.stories.tsx"},"slider--range":{component:B_,locStart:35,locEnd:37,entry:"src/Slider.stories.tsx"},"slider--vertical":{component:E_,locStart:176,locEnd:178,entry:"src/Slider.stories.tsx"},"slider--with-custom-thumb":{component:g_,locStart:62,locEnd:95,entry:"src/Slider.stories.tsx"},"splitbutton--basic":{component:h_,locStart:19,locEnd:46,entry:"src/SplitButton.stories.tsx"},"stepper--basic":{component:y_,locStart:11,locEnd:28,entry:"src/Stepper.stories.tsx"},"stepper--localized-long":{component:b_,locStart:49,locEnd:73,entry:"src/Stepper.stories.tsx"},"stepper--long":{component:v_,locStart:30,locEnd:48,entry:"src/Stepper.stories.tsx"},"stepper--with-tooltips":{component:x_,locStart:75,locEnd:92,entry:"src/Stepper.stories.tsx"},"surface--basic":{component:S_,locStart:22,locEnd:39,entry:"src/Surface.stories.tsx"},"surface--custom":{component:F_,locStart:41,locEnd:67,entry:"src/Surface.stories.tsx"},"surface--empty-state":{component:w_,locStart:172,locEnd:199,entry:"src/Surface.stories.tsx"},"surface--no-padding":{component:T_,locStart:117,locEnd:170,entry:"src/Surface.stories.tsx"},"surface--overflow-with-button-footer":{component:__,locStart:69,locEnd:115,entry:"src/Surface.stories.tsx"},"table--basic":{component:I_,locStart:58,locEnd:103,entry:"src/Table.stories.tsx"},"table--column-manager":{component:k_,locStart:3022,locEnd:3189,entry:"src/Table.stories.tsx"},"table--condensed":{component:R_,locStart:1638,locEnd:1743,entry:"src/Table.stories.tsx"},"table--controlled-state":{component:L_,locStart:1060,locEnd:1237,entry:"src/Table.stories.tsx"},"table--custom-filter":{component:O_,locStart:2113,locEnd:2261,entry:"src/Table.stories.tsx"},"table--customized-columns":{component:P_,locStart:2925,locEnd:3020,entry:"src/Table.stories.tsx"},"table--disabled-rows":{component:N_,locStart:864,locEnd:947,entry:"src/Table.stories.tsx"},"table--draggable-columns":{component:M_,locStart:2799,locEnd:2923,entry:"src/Table.stories.tsx"},"table--editable":{component:$_,locStart:1745,locEnd:1823,entry:"src/Table.stories.tsx"},"table--expandable":{component:z_,locStart:548,locEnd:607,entry:"src/Table.stories.tsx"},"table--expandable-subrows":{component:j_,locStart:609,locEnd:703,entry:"src/Table.stories.tsx"},"table--filters":{component:V_,locStart:310,locEnd:467,entry:"src/Table.stories.tsx"},"table--full":{component:H_,locStart:1239,locEnd:1359,entry:"src/Table.stories.tsx"},"table--full2":{component:U_,locStart:1361,locEnd:1550,entry:"src/Table.stories.tsx"},"table--global-filter":{component:W_,locStart:469,locEnd:546,entry:"src/Table.stories.tsx"},"table--horizontal-scroll":{component:G_,locStart:2462,locEnd:2589,entry:"src/Table.stories.tsx"},"table--initial-state":{component:q_,locStart:1015,locEnd:1058,entry:"src/Table.stories.tsx"},"table--lazy-loading":{component:Y_,locStart:705,locEnd:779,entry:"src/Table.stories.tsx"},"table--loading":{component:K_,locStart:949,locEnd:980,entry:"src/Table.stories.tsx"},"table--localized":{component:J_,locStart:1552,locEnd:1628,entry:"src/Table.stories.tsx"},"table--no-data":{component:X_,locStart:982,locEnd:1013,entry:"src/Table.stories.tsx"},"table--resizable-columns":{component:Z_,locStart:2271,locEnd:2394,entry:"src/Table.stories.tsx"},"table--row-in-viewport":{component:Q_,locStart:781,locEnd:862,entry:"src/Table.stories.tsx"},"table--scroll-to-row":{component:eI,locStart:2662,locEnd:2735,entry:"src/Table.stories.tsx"},"table--selectable-multi":{component:tI,locStart:168,locEnd:240,entry:"src/Table.stories.tsx"},"table--selectable-single":{component:nI,locStart:105,locEnd:166,entry:"src/Table.stories.tsx"},"table--sortable":{component:rI,locStart:242,locEnd:308,entry:"src/Table.stories.tsx"},"table--status-and-cell-icons":{component:oI,locStart:3362,locEnd:3476,entry:"src/Table.stories.tsx"},"table--sticky-columns":{component:aI,locStart:3191,locEnd:3346,entry:"src/Table.stories.tsx"},"table--virtualized":{component:iI,locStart:2605,locEnd:2660,entry:"src/Table.stories.tsx"},"table--virtualized-sub-rows":{component:lI,locStart:2737,locEnd:2797,entry:"src/Table.stories.tsx"},"table--with-manual-paginator-and-filter":{component:sI,locStart:1908,locEnd:2103,entry:"src/Table.stories.tsx"},"table--with-paginator":{component:cI,locStart:1825,locEnd:1898,entry:"src/Table.stories.tsx"},"table--zebra-striped-rows":{component:uI,locStart:2396,locEnd:2460,entry:"src/Table.stories.tsx"},"tabs--borderless-tabs":{component:AI,locStart:61,locEnd:103,entry:"src/Tabs.stories.tsx"},"tabs--default-tabs":{component:dI,locStart:13,locEnd:59,entry:"src/Tabs.stories.tsx"},"tabs--horizontal-overflow":{component:pI,locStart:228,locEnd:287,entry:"src/Tabs.stories.tsx"},"tabs--legacy-tabs":{component:DI,locStart:421,locEnd:471,entry:"src/Tabs.stories.tsx"},"tabs--pill-tabs":{component:CI,locStart:105,locEnd:158,entry:"src/Tabs.stories.tsx"},"tabs--sublabels-and-icons":{component:fI,locStart:160,locEnd:226,entry:"src/Tabs.stories.tsx"},"tabs--vertical":{component:mI,locStart:353,locEnd:419,entry:"src/Tabs.stories.tsx"},"tabs--vertical-overflow":{component:BI,locStart:289,locEnd:351,entry:"src/Tabs.stories.tsx"},"tag--clickable":{component:EI,locStart:22,locEnd:24,entry:"src/Tag.stories.tsx"},"tag--default":{component:gI,locStart:11,locEnd:16,entry:"src/Tag.stories.tsx"},"tag--no-close":{component:hI,locStart:18,locEnd:20,entry:"src/Tag.stories.tsx"},"tagcontainer--basic-tags-container":{component:yI,locStart:11,locEnd:19,entry:"src/TagContainer.stories.tsx"},"tagcontainer--default-tags-container":{component:bI,locStart:21,locEnd:29,entry:"src/TagContainer.stories.tsx"},"tagcontainer--scrollable-default-tags-container":{component:vI,locStart:31,locEnd:43,entry:"src/TagContainer.stories.tsx"},"tagcontainer--truncated-basic-tags-container":{component:xI,locStart:45,locEnd:57,entry:"src/TagContainer.stories.tsx"},"text--basic":{component:SI,locStart:11,locEnd:13,entry:"src/Text.stories.tsx"},"text--body":{component:FI,locStart:15,locEnd:17,entry:"src/Text.stories.tsx"},"text--headline":{component:wI,locStart:35,locEnd:37,entry:"src/Text.stories.tsx"},"text--leading":{component:TI,locStart:23,locEnd:25,entry:"src/Text.stories.tsx"},"text--polymorphic":{component:_I,locStart:39,locEnd:45,entry:"src/Text.stories.tsx"},"text--skeleton":{component:II,locStart:47,locEnd:49,entry:"src/Text.stories.tsx"},"text--small":{component:kI,locStart:19,locEnd:21,entry:"src/Text.stories.tsx"},"text--subheading":{component:RI,locStart:27,locEnd:29,entry:"src/Text.stories.tsx"},"text--title":{component:LI,locStart:31,locEnd:33,entry:"src/Text.stories.tsx"},"textarea--basic":{component:OI,locStart:11,locEnd:13,entry:"src/Textarea.stories.tsx"},"textarea--disabled":{component:PI,locStart:15,locEnd:17,entry:"src/Textarea.stories.tsx"},"tile--actionable":{component:NI,locStart:118,locEnd:150,entry:"src/Tile.stories.tsx"},"tile--all-props":{component:MI,locStart:63,locEnd:117,entry:"src/Tile.stories.tsx"},"tile--anchor-link":{component:$I,locStart:152,locEnd:183,entry:"src/Tile.stories.tsx"},"tile--basic":{component:zI,locStart:28,locEnd:61,entry:"src/Tile.stories.tsx"},"tile--condensed":{component:jI,locStart:185,locEnd:209,entry:"src/Tile.stories.tsx"},"tile--disabled":{component:VI,locStart:340,locEnd:378,entry:"src/Tile.stories.tsx"},"tile--folder":{component:HI,locStart:250,locEnd:278,entry:"src/Tile.stories.tsx"},"tile--loading":{component:UI,locStart:310,locEnd:338,entry:"src/Tile.stories.tsx"},"tile--status":{component:WI,locStart:280,locEnd:308,entry:"src/Tile.stories.tsx"},"tile--with-avatar":{component:GI,locStart:211,locEnd:248,entry:"src/Tile.stories.tsx"},"timepicker--basic":{component:qI,locStart:18,locEnd:55,entry:"src/TimePicker.stories.tsx"},"timepicker--combined":{component:YI,locStart:109,locEnd:151,entry:"src/TimePicker.stories.tsx"},"timepicker--custom-renderers":{component:KI,locStart:57,locEnd:107,entry:"src/TimePicker.stories.tsx"},"toasts--anchor-to-button":{component:JI,locStart:206,locEnd:249,entry:"src/Toasts.stories.tsx"},"toasts--close-individual":{component:XI,locStart:251,locEnd:316,entry:"src/Toasts.stories.tsx"},"toasts--informational":{component:ZI,locStart:90,locEnd:127,entry:"src/Toasts.stories.tsx"},"toasts--negative":{component:QI,locStart:51,locEnd:88,entry:"src/Toasts.stories.tsx"},"toasts--position-changed":{component:e5,locStart:168,locEnd:204,entry:"src/Toasts.stories.tsx"},"toasts--positive":{component:t5,locStart:12,locEnd:49,entry:"src/Toasts.stories.tsx"},"toasts--warning":{component:n5,locStart:129,locEnd:166,entry:"src/Toasts.stories.tsx"},"toggleswitch--basic":{component:r5,locStart:20,locEnd:22,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-checked":{component:o5,locStart:28,locEnd:30,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--disabled-unchecked":{component:a5,locStart:32,locEnd:34,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-left":{component:i5,locStart:46,locEnd:48,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--label-right":{component:l5,locStart:36,locEnd:44,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--small":{component:s5,locStart:24,locEnd:26,entry:"src/ToggleSwitch.stories.tsx"},"toggleswitch--with-custom-icon":{component:c5,locStart:50,locEnd:52,entry:"src/ToggleSwitch.stories.tsx"},"tooltip--bottom":{component:u5,locStart:26,locEnd:32,entry:"src/Tooltip.stories.tsx"},"tooltip--controlled":{component:A5,locStart:49,locEnd:55,entry:"src/Tooltip.stories.tsx"},"tooltip--left":{component:d5,locStart:34,locEnd:47,entry:"src/Tooltip.stories.tsx"},"tooltip--right":{component:p5,locStart:18,locEnd:24,entry:"src/Tooltip.stories.tsx"},"tooltip--top":{component:D5,locStart:10,locEnd:16,entry:"src/Tooltip.stories.tsx"},"transferlist--basic":{component:C5,locStart:18,locEnd:150,entry:"src/TransferList.stories.tsx"},"transferlist--with-label":{component:f5,locStart:152,locEnd:286,entry:"src/TransferList.stories.tsx"},"tree--async-loading":{component:m5,locStart:215,locEnd:344,entry:"src/Tree.stories.tsx"},"tree--basic":{component:B5,locStart:20,locEnd:96,entry:"src/Tree.stories.tsx"},"tree--customized-expander":{component:E5,locStart:346,locEnd:480,entry:"src/Tree.stories.tsx"},"tree--full":{component:g5,locStart:98,locEnd:213,entry:"src/Tree.stories.tsx"},"tree--small":{component:h5,locStart:601,locEnd:684,entry:"src/Tree.stories.tsx"},"tree--virtualized":{component:y5,locStart:482,locEnd:599,entry:"src/Tree.stories.tsx"},"tree--virtualized-with-horizontal-scroll":{component:b5,locStart:686,locEnd:796,entry:"src/Tree.stories.tsx"},"workflowdiagram--basic":{component:v5,locStart:11,locEnd:23,entry:"src/WorkflowDiagram.stories.tsx"},"workflowdiagram--with-tooltips":{component:x5,locStart:25,locEnd:40,entry:"src/WorkflowDiagram.stories.tsx"}},N2={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 S5=({path:e})=>s.createElement("div",{style:{paddingTop:"2em"}},s.createElement("code",{className:"ladle-code"},e)),F5={};let h={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","9967a40b":"%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%7B%0A%20%20%20%20%20%20%20%20return%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%7B(close)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20length%20%3D%20items.length%20-%20overflowStart%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20Array.from(%7B%20length%20%7D%2C%20(_%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%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%20icon%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)%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%3E%0A%20%20%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%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)%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%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%20buttons%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%3CIconButton%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%20button%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%20%3CSvgPlaceholder%20%2F%3E%0A%20%20%20%20%20%20%3C%2FIconButton%3E%0A%20%20%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%20height%3A%20'clamp(100px%2C%2040vmax%2C%2080vh)'%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(buttons.length%20-%20overflowStart%20%2B%201)%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%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(%60Clicked%20button%20%24%7Bindex%7D%20(overflow)%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%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%7BonClick%7D%0A%20%20%20%20%20%20%20%20%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%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%20Button%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%20onClick%3D%7B()%20%3D%3E%20console.log('Clicked%20on%20overflow%20icon')%7D%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%7Bbuttons%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",f202b86b:"%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%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%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%20%3F%3F%20'')%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%2F%3E%0A%20%20)%3B%0A%7D%3B%0A","6b0dcb32":"%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'%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'%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'%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'%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'%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'%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'%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","08e6ab2c":"%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%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%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%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%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%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%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%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","035f65c6":"%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%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","3b548355":"%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%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'%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'%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","7b74a05e":"%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%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","5c888f4f":"%2F*%40jsxRuntime%20automatic%20%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","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",c43362c0:"%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%20title%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%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","30af9801":"%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%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%20const%20textRenderer%20%3D%20useCallback(%0A%20%20%20%20(truncatedText%3A%20string%2C%20originalText%3A%20string)%20%3D%3E%20(%0A%20%20%20%20%20%20%3Cspan%20title%3D%7BtruncatedText%20!%3D%3D%20originalText%20%3F%20originalText%20%3A%20undefined%7D%3E%0A%20%20%20%20%20%20%20%20%7BtruncatedText%7D%0A%20%20%20%20%20%20%3C%2Fspan%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%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%0A%20%20%20%20%20%20%20%20%20%20%20%20text%3D%7Boption.label%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20textRenderer%3D%7BtextRenderer%7D%0A%20%20%20%20%20%20%20%20%20%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%20textRenderer%3D%7BtextRenderer%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","3ac0ddb4":"%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'%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",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","11ea3cac":"%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%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%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",e22f910b:"%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'%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","9643aa9c":"%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()%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%20menuItems%3D%7BmenuItems%7D%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%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%20menuItems%3D%7BmenuItems%7D%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%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%20menuItems%3D%7BmenuItems%7D%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%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%20JSX.Element%3B%0A%20%20%20%20endIcon%3F%3A%20JSX.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"},w5={"alert--custom-icon":h.d01c33c2,"alert--empty":h.d01c33c2,"alert--informational":h.d01c33c2,"alert--negative":h.d01c33c2,"alert--positive":h.d01c33c2,"alert--sticky":h.d01c33c2,"alert--warning":h.d01c33c2,"anchor--as-button":h[80259061],"anchor--basic":h[80259061],"anchor--external":h[80259061],"anchor--underline":h[80259061],"avatar--basic":h.bd99a355,"avatar--custom-status-translation":h.bd99a355,"avatar--sizes":h.bd99a355,"avatar--statuses":h.bd99a355,"avatar--with-icon":h.bd99a355,"avatar--with-image":h.bd99a355,"avatargroup--animated":h.e028d020,"avatargroup--basic":h.e028d020,"avatargroup--many-avatars":h.e028d020,"avatargroup--non-stacked":h.e028d020,"avatargroup--with-tooltip":h.e028d020,"badge--basic":h[61450310],"badge--long-label":h[61450310],"badge--statuses":h[61450310],"blockquote--basic":h.f89ae976,"blockquote--with-footer":h.f89ae976,"breadcrumbs--basic":h.c8853e22,"breadcrumbs--custom-overflow-back-button":h.c8853e22,"breadcrumbs--custom-overflow-dropdown":h.c8853e22,"breadcrumbs--custom-separator":h.c8853e22,"breadcrumbs--folder-navigation":h.c8853e22,"breadcrumbs--links":h.c8853e22,"breadcrumbs--overflow":h.c8853e22,"button--as-link":h["57cb345b"],"button--call-to-action":h["57cb345b"],"button--default":h["57cb345b"],"button--high-visibility":h["57cb345b"],"button--loading":h["57cb345b"],"button--stretch":h["57cb345b"],"button--with-icon":h["57cb345b"],"button--with-notification":h["57cb345b"],"buttongroup--input-button-combo":h["9967a40b"],"buttongroup--overflow":h["9967a40b"],"buttongroup--vertical":h["9967a40b"],"buttongroup--vertical-overflow":h["9967a40b"],"buttongroup--with-icons":h["9967a40b"],"carousel--basic":h.fc3e20cc,"carousel--controlled":h.fc3e20cc,"carousel--only-dots":h.fc3e20cc,"checkbox--basic":h.a28638e2,"checkbox--disabled":h.a28638e2,"checkbox--indeterminate":h.a28638e2,"checkbox--loading":h.a28638e2,"checkbox--negative":h.a28638e2,"checkbox--positive":h.a28638e2,"checkbox--visibility":h.a28638e2,"checkbox--warning":h.a28638e2,"code--basic":h["4d3c682a"],"colorpicker--advanced":h["9261e1c5"],"colorpicker--basic":h["9261e1c5"],"colorpicker--with-alpha":h["9261e1c5"],"combobox--basic":h.f202b86b,"combobox--controlled":h.f202b86b,"combobox--custom-renderer":h.f202b86b,"combobox--disabled-items":h.f202b86b,"combobox--loading":h.f202b86b,"combobox--multiple-select":h.f202b86b,"combobox--virtualized":h.f202b86b,"combobox--with-custom-message-icon":h.f202b86b,"combobox--with-label":h.f202b86b,"combobox--with-message":h.f202b86b,"combobox--with-status":h.f202b86b,"datepicker--basic":h["6b0dcb32"],"datepicker--localized":h["6b0dcb32"],"datepicker--range":h["6b0dcb32"],"datepicker--some-dates-disabled":h["6b0dcb32"],"datepicker--with-combined-time":h["6b0dcb32"],"datepicker--with-time":h["6b0dcb32"],"datepicker--with-year":h["6b0dcb32"],"dialog--basic":h.b3356a37,"dialog--draggable-and-resizable":h.b3356a37,"dialog--draggable-relative-to-container":h.b3356a37,"dialog--modal":h.b3356a37,"dialog--placement":h.b3356a37,"dropdownbutton--basic":h.ddd94297,"dropdownmenu--basic":h["08e6ab2c"],"dropdownmenu--submenu":h["08e6ab2c"],"dropdownmenu--with-content":h["08e6ab2c"],"dropdownmenu--with-end-icons":h["08e6ab2c"],"dropdownmenu--with-separator":h["08e6ab2c"],"dropdownmenu--with-start-icons":h["08e6ab2c"],"dropdownmenu--with-sublabels":h["08e6ab2c"],"expandableblock--accordion":h.b94f5a58,"expandableblock--basic":h.b94f5a58,"expandableblock--borderless":h.b94f5a58,"expandableblock--disabled":h.b94f5a58,"expandableblock--small":h.b94f5a58,"expandableblock--status-icon":h.b94f5a58,"expandableblock--with-caption":h.b94f5a58,"fieldset--basic":h.f0207c25,"fieldset--disabled":h.f0207c25,"fileupload--custom-file-upload-card":h["035f65c6"],"fileupload--default-file-upload-card":h["035f65c6"],"fileupload--wrapping-input":h["035f65c6"],"flex--basic":h["8a4f7ed2"],"flex--individual-gaps":h["8a4f7ed2"],"flex--with-flex-item":h["8a4f7ed2"],"flex--with-spacer":h["8a4f7ed2"],"footer--appended-custom-elements":h["84561e2d"],"footer--basic":h["84561e2d"],"footer--bottom-fixed":h["84561e2d"],"footer--custom-content":h["84561e2d"],"footer--customized-default-and-custom-elements":h["84561e2d"],"footer--only-custom-elements":h["84561e2d"],"header--basic":h["3b548355"],"header--center-content":h["3b548355"],"header--full":h["3b548355"],"header--slim":h["3b548355"],"icon--autoscale":h["642f8b99"],"icon--default":h["642f8b99"],"icon--padded":h["642f8b99"],"icon--sizes":h["642f8b99"],"icon--statuses":h["642f8b99"],"iconbutton--add":h["4e97b782"],"iconbutton--borderless":h["4e97b782"],"iconbutton--high-visibility-add":h["4e97b782"],"iconbutton--small-active-add":h["4e97b782"],"ideasbutton--ideas":h["97092a2b"],"ideasbutton--localized-ideas":h["97092a2b"],"informationpanel--basic":h["7b74a05e"],"informationpanel--custom-actions":h["7b74a05e"],"informationpanel--custom-width":h["7b74a05e"],"informationpanel--horizontal":h["7b74a05e"],"input--basic":h.d8e9ca64,"input--disabled":h.d8e9ca64,"input--small":h.d8e9ca64,"input--status":h.d8e9ca64,"inputgrid--with-input":h["0c5c36f3"],"inputgrid--with-input-with-decorations":h["0c5c36f3"],"inputgrid--with-search":h["0c5c36f3"],"inputgrid--with-select":h["0c5c36f3"],"inputgroup--checkbox-group":h["5f0a5a65"],"inputgroup--radio-group":h["5f0a5a65"],"inputgroup--toggle-group":h["5f0a5a65"],"inputwithdecorations--basic":h["0a93cefd"],"inputwithdecorations--disabled":h["0a93cefd"],"inputwithdecorations--small":h["0a93cefd"],"inputwithdecorations--status":h["0a93cefd"],"keyboard-key--basic":h["7c15ac90"],"keyboard-key--predefined-key":h["7c15ac90"],"label--basic":h.dd42ca04,"label--inline":h.dd42ca04,"label--polymorphic":h.dd42ca04,"labeledinput--basic":h.c59476e2,"labeledinput--disabled":h.c59476e2,"labeledinput--hybrid-layout":h.c59476e2,"labeledinput--inline":h.c59476e2,"labeledinput--negative":h.c59476e2,"labeledinput--positive":h.c59476e2,"labeledinput--warning":h.c59476e2,"labeledinput--with-custom-icon":h.c59476e2,"labeledinput--with-message":h.c59476e2,"labeledinput--with-svg-icon":h.c59476e2,"labeledselect--basic":h.fe8b8be6,"labeledselect--native":h.fe8b8be6,"labeledselect--negative":h.fe8b8be6,"labeledselect--positive":h.fe8b8be6,"labeledselect--warning":h.fe8b8be6,"labeledselect--with-custom-icon":h.fe8b8be6,"labeledtextarea--basic":h.b0b001ff,"labeledtextarea--disabled":h.b0b001ff,"labeledtextarea--inline":h.b0b001ff,"labeledtextarea--negative":h.b0b001ff,"labeledtextarea--positive":h.b0b001ff,"labeledtextarea--warning":h.b0b001ff,"labeledtextarea--with-custom-icon":h.b0b001ff,"labeledtextarea--with-svg-icon":h.b0b001ff,"list--actionable":h.b2f51cc1,"list--basic":h.b2f51cc1,"list--with-icon":h.b2f51cc1,"modal--basic":h["42bd2c24"],"modal--full-page-modal":h["42bd2c24"],"modal--non-dismissible-modal":h["42bd2c24"],"modal--outside-click-and-esc-does-not-close":h["42bd2c24"],"nonidealstate--bad-gateway":h["77772dbc"],"nonidealstate--custom-html-message":h["77772dbc"],"nonidealstate--forbidden":h["77772dbc"],"nonidealstate--generic":h["77772dbc"],"nonidealstate--internal-server-error":h["77772dbc"],"nonidealstate--page-not-found":h["77772dbc"],"nonidealstate--redirect":h["77772dbc"],"nonidealstate--service-unavailable":h["77772dbc"],"nonidealstate--time-out":h["77772dbc"],"nonidealstate--unauthorized":h["77772dbc"],"nonidealstate--without-message-or-buttons":h["77772dbc"],"notificationmarker--basic":h.e1b21471,"notificationmarker--pulsing":h.e1b21471,"notificationmarker--status":h.e1b21471,"notificationmarker--with-buttons":h.e1b21471,"overlay--linear":h["3d2a705d"],"overlay--radial":h["3d2a705d"],"overview--readme":h["5c888f4f"],"progresslinear--determinate":h["141ad7b0"],"progresslinear--determinate-animated":h["141ad7b0"],"progresslinear--indeterminate":h["141ad7b0"],"progresslinear--labeled-center":h["141ad7b0"],"progresslinear--labeled-left-right":h["141ad7b0"],"progresslinear--negative":h["141ad7b0"],"progresslinear--positive":h["141ad7b0"],"progresslinear--warning":h["141ad7b0"],"progressradial--determinate":h["026a13e9"],"progressradial--determinate-with-content":h["026a13e9"],"progressradial--indeterminate":h["026a13e9"],"progressradial--negative":h["026a13e9"],"progressradial--positive":h["026a13e9"],"progressradial--warning":h["026a13e9"],"radio--basic":h.b77b1f6a,"radio--disabled":h.b77b1f6a,"radio--negative":h.b77b1f6a,"radio--positive":h.b77b1f6a,"radio--warning":h.b77b1f6a,"radiotilegroup--colored":h.ba28067a,"radiotilegroup--monochrome":h.ba28067a,"searchbox--basic":h.c43362c0,"searchbox--basic-with-custom-items":h.c43362c0,"searchbox--basic-with-status":h.c43362c0,"searchbox--expandable":h.c43362c0,"searchbox--expandable-with-custom-items":h.c43362c0,"searchbox--small":h.c43362c0,"searchbox--with-custom-action":h.c43362c0,"select--basic":h["30af9801"],"select--borderless":h["30af9801"],"select--custom":h["30af9801"],"select--disabled":h["30af9801"],"select--disabled-with-selected-value":h["30af9801"],"select--many-items":h["30af9801"],"select--multi":h["30af9801"],"select--multi-custom-renderer":h["30af9801"],"select--native":h["30af9801"],"select--sublabels":h["30af9801"],"select--truncate-middle-text":h["30af9801"],"select--with-icons":h["30af9801"],"select--with-selected-value":h["30af9801"],"sidenavigation--active-item":h["3ac0ddb4"],"sidenavigation--basic":h["3ac0ddb4"],"sidenavigation--submenu":h["3ac0ddb4"],"skiptocontentlink--basic":h.c3337d49,"skiptocontentlink--custom-text":h.c3337d49,"slider--basic":h.cae8adc5,"slider--custom-tick-no-tooltip":h.cae8adc5,"slider--custom-tooltip":h.cae8adc5,"slider--decimal-increment":h.cae8adc5,"slider--disabled":h.cae8adc5,"slider--multi-thumbs-allow-crossing":h.cae8adc5,"slider--range":h.cae8adc5,"slider--vertical":h.cae8adc5,"slider--with-custom-thumb":h.cae8adc5,"splitbutton--basic":h["6f6d5c51"],"stepper--basic":h["11ea3cac"],"stepper--localized-long":h["11ea3cac"],"stepper--long":h["11ea3cac"],"stepper--with-tooltips":h["11ea3cac"],"surface--basic":h.e22f910b,"surface--custom":h.e22f910b,"surface--empty-state":h.e22f910b,"surface--no-padding":h.e22f910b,"surface--overflow-with-button-footer":h.e22f910b,"table--basic":h["9643aa9c"],"table--column-manager":h["9643aa9c"],"table--condensed":h["9643aa9c"],"table--controlled-state":h["9643aa9c"],"table--custom-filter":h["9643aa9c"],"table--customized-columns":h["9643aa9c"],"table--disabled-rows":h["9643aa9c"],"table--draggable-columns":h["9643aa9c"],"table--editable":h["9643aa9c"],"table--expandable":h["9643aa9c"],"table--expandable-subrows":h["9643aa9c"],"table--filters":h["9643aa9c"],"table--full":h["9643aa9c"],"table--full2":h["9643aa9c"],"table--global-filter":h["9643aa9c"],"table--horizontal-scroll":h["9643aa9c"],"table--initial-state":h["9643aa9c"],"table--lazy-loading":h["9643aa9c"],"table--loading":h["9643aa9c"],"table--localized":h["9643aa9c"],"table--no-data":h["9643aa9c"],"table--resizable-columns":h["9643aa9c"],"table--row-in-viewport":h["9643aa9c"],"table--scroll-to-row":h["9643aa9c"],"table--selectable-multi":h["9643aa9c"],"table--selectable-single":h["9643aa9c"],"table--sortable":h["9643aa9c"],"table--status-and-cell-icons":h["9643aa9c"],"table--sticky-columns":h["9643aa9c"],"table--virtualized":h["9643aa9c"],"table--virtualized-sub-rows":h["9643aa9c"],"table--with-manual-paginator-and-filter":h["9643aa9c"],"table--with-paginator":h["9643aa9c"],"table--zebra-striped-rows":h["9643aa9c"],"tabs--borderless-tabs":h["9addc629"],"tabs--default-tabs":h["9addc629"],"tabs--horizontal-overflow":h["9addc629"],"tabs--legacy-tabs":h["9addc629"],"tabs--pill-tabs":h["9addc629"],"tabs--sublabels-and-icons":h["9addc629"],"tabs--vertical":h["9addc629"],"tabs--vertical-overflow":h["9addc629"],"tag--clickable":h["6d0814ad"],"tag--default":h["6d0814ad"],"tag--no-close":h["6d0814ad"],"tagcontainer--basic-tags-container":h.c6fc08cf,"tagcontainer--default-tags-container":h.c6fc08cf,"tagcontainer--scrollable-default-tags-container":h.c6fc08cf,"tagcontainer--truncated-basic-tags-container":h.c6fc08cf,"text--basic":h.ffcbc164,"text--body":h.ffcbc164,"text--headline":h.ffcbc164,"text--leading":h.ffcbc164,"text--polymorphic":h.ffcbc164,"text--skeleton":h.ffcbc164,"text--small":h.ffcbc164,"text--subheading":h.ffcbc164,"text--title":h.ffcbc164,"textarea--basic":h["8f779b2f"],"textarea--disabled":h["8f779b2f"],"tile--actionable":h["03e3fdfe"],"tile--all-props":h["03e3fdfe"],"tile--anchor-link":h["03e3fdfe"],"tile--basic":h["03e3fdfe"],"tile--condensed":h["03e3fdfe"],"tile--disabled":h["03e3fdfe"],"tile--folder":h["03e3fdfe"],"tile--loading":h["03e3fdfe"],"tile--status":h["03e3fdfe"],"tile--with-avatar":h["03e3fdfe"],"timepicker--basic":h.d00ce56e,"timepicker--combined":h.d00ce56e,"timepicker--custom-renderers":h.d00ce56e,"toasts--anchor-to-button":h["1dbfd5ef"],"toasts--close-individual":h["1dbfd5ef"],"toasts--informational":h["1dbfd5ef"],"toasts--negative":h["1dbfd5ef"],"toasts--position-changed":h["1dbfd5ef"],"toasts--positive":h["1dbfd5ef"],"toasts--warning":h["1dbfd5ef"],"toggleswitch--basic":h["3723a225"],"toggleswitch--disabled-checked":h["3723a225"],"toggleswitch--disabled-unchecked":h["3723a225"],"toggleswitch--label-left":h["3723a225"],"toggleswitch--label-right":h["3723a225"],"toggleswitch--small":h["3723a225"],"toggleswitch--with-custom-icon":h["3723a225"],"tooltip--bottom":h.e30001a8,"tooltip--controlled":h.e30001a8,"tooltip--left":h.e30001a8,"tooltip--right":h.e30001a8,"tooltip--top":h.e30001a8,"transferlist--basic":h.f5e6a9af,"transferlist--with-label":h.f5e6a9af,"tree--async-loading":h.f356850e,"tree--basic":h.f356850e,"tree--customized-expander":h.f356850e,"tree--full":h.f356850e,"tree--small":h.f356850e,"tree--virtualized":h.f356850e,"tree--virtualized-with-horizontal-scroll":h.f356850e,"workflowdiagram--basic":h["3707f4f9"],"workflowdiagram--with-tooltips":h["3707f4f9"]};const Cm={stories:"src/**/*.stories.{js,jsx,ts,tsx,mdx}",defaultStory:"",storyOrder:e=>e,viteConfig:void 0,appendToHead:"",noWatch:!1,port:61e3,previewPort:8080,outDir:"build",base:void 0,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(N2).length===0?ae("No custom config found."):(N2.storyOrder&&typeof N2.storyOrder=="string"&&(N2.storyOrder=new Function("return "+N2.storyOrder)()),ae("Custom config found:"),ae(N2));var Sd,Fd;(Fd=(Sd=N2==null?void 0:N2.addons)==null?void 0:Sd.width)!=null&&Fd.options&&(Cm.addons.width.options={});const o0=yB(Cm,N2);o0.defaultStory===""&&(o0.defaultStory=zd(Object.keys(Hn),o0.storyOrder)[0]);o0.hotkeys={...o0.hotkeys,...N2.hotkeys};ae("Final config",o0);const fm=e=>{switch(De.parse(e).theme){case P0.Light:return P0.Light;case P0.Dark:return P0.Dark;case P0.Auto:return P0.Auto;default:return"light"}},T5=({globalState:e,dispatch:t})=>{const n="Switch to dark theme.",r="Switch to light theme.",o=()=>{const a=e.theme===P0.Light?P0.Dark:P0.Light;document.documentElement.setAttribute("data-theme",a),t({type:u0.UpdateTheme,value:a})};return M2(o0.hotkeys.darkMode,o,{enabled:e.hotkeys&&o0.addons.mode.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":e.theme===P0.Light?n:r,title:e.theme===P0.Light?n:r,onClick:o,type:"button",children:[v.jsx(AE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:e.theme===P0.Light?n:r}),v.jsxs("label",{children:["Switch to"," ",e.theme===P0.Light?P0.Dark:P0.Light," ","theme"]})]})})},mm=$d(Nd(location.search,o0.defaultStory));ae(`Initial document.title: ${mm}`);document.title=`${mm} | Ladle`;const ec=fm(location.search);ae(`Initial theme state: ${ec}`);ec===P0.Auto?window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-theme",P0.Dark):document.documentElement.setAttribute("data-theme",P0.Light):document.documentElement.setAttribute("data-theme",ec);var Bm,id=Ae;Bm=id.createRoot,id.hydrateRoot;let Em,gm;typeof document<"u"&&(Em=document);typeof window<"u"&&(gm=window);const hm=W.createContext({document:Em,window:gm}),_5=()=>s.useContext(hm),{Provider:I5,Consumer:DL}=hm;class k5 extends s.Component{componentDidMount(){this.props.contentDidMount&&this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate&&this.props.contentDidUpdate()}render(){return W.Children.only(this.props.children)}}class ym extends s.Component{constructor(n){super(n);Ut(this,"_isMounted",!1);Ut(this,"nodeRef",W.createRef());Ut(this,"setRef",n=>{this.nodeRef.current=n;const{forwardedRef:r}=this.props;typeof r=="function"?r(n):r&&(r.current=n)});Ut(this,"handleLoad",()=>{this.setState({iframeLoaded:!0})});this.state={iframeLoaded:!1}}componentDidMount(){var r;this._isMounted=!0;const n=this.getDoc();n&&n.readyState==="complete"?this.forceUpdate():(r=this.nodeRef.current)==null||r.addEventListener("load",this.handleLoad)}componentWillUnmount(){var n;this._isMounted=!1,(n=this.nodeRef.current)==null||n.removeEventListener("load",this.handleLoad)}getDoc(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}getMountTarget(){const n=this.getDoc();return this.props.mountTarget?n==null?void 0:n.querySelector(this.props.mountTarget):n==null?void 0:n.body.children[0]}renderFrameContents(){if(!this._isMounted)return null;const n=this.getDoc();if(!n)return null;const r=this.props.contentDidMount,o=this.props.contentDidUpdate,a=n.defaultView||n.parentView,i=v.jsx(k5,{contentDidMount:r,contentDidUpdate:o,children:v.jsx(I5,{value:{document:n,window:a},children:v.jsx("div",{className:"frame-content",children:this.props.children})})}),l=this.getMountTarget();return[pn.createPortal(this.props.head,this.getDoc().head),pn.createPortal(i,l)]}render(){const n={...this.props,srcDoc:this.props.initialContent,children:void 0};return delete n.head,delete n.initialContent,delete n.mountTarget,delete n.contentDidMount,delete n.contentDidUpdate,delete n.forwardedRef,v.jsx("iframe",{...n,ref:this.setRef,onLoad:this.handleLoad,children:this.state.iframeLoaded&&this.renderFrameContents()})}}Ut(ym,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'});const R5=W.forwardRef((e,t)=>v.jsx(ym,{...e,forwardedRef:t})),L5=e=>e.altKey||e.ctrlKey||e.shiftKey||e.metaKey,bm=e=>{const t=e.target||{};return!!(!e.key||t.isContentEditable||["INPUT","TEXTAREA"].includes(t.nodeName)&&!L5(e))},ld=e=>{if(bm(e))return;const t=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(t)},sd=e=>{if(bm(e))return;const t=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(t)},tc="data-debug-css";function cd(e,t,n){const r=t.head.querySelectorAll(`style[${tc}]`),o=t.createElement("style");return o.setAttribute(tc,"true"),o.appendChild(t.createTextNode(e)),n&&r[n]?(r[n].after(o),n+1):(t.head.appendChild(o),r.length)}function ud(e,t){const n=e.head.querySelectorAll(`style[${tc}]`);t!=null&&n[t]&&n[t].remove()}const O5=({active:e,children:t,rtl:n,width:r})=>{const{window:o,document:a}=_5(),i=()=>{o&&(o.document.documentElement.setAttribute("dir",n?"rtl":"ltr"),[...document.head.children].forEach(l=>{if(l.tagName==="STYLE"||l.tagName==="LINK"&&(l.getAttribute("type")==="text/css"||l.getAttribute("rel")==="stylesheet")){if([...o.document.head.children].some(u=>u.tagName==="LINK"?u.getAttribute("href")===l.getAttribute("href"):u.tagName==="STYLE"?u.innerHTML===l.innerHTML:!1))return;o.document.head.appendChild(l.cloneNode(!0))}}))};return s.useEffect(()=>{const l=window.CSSStyleSheet.prototype.insertRule,c=window.CSSStyleSheet.prototype.deleteRule;return window.CSSStyleSheet.prototype.insertRule=function(u,d){const A=cd(u,document,d);return e&&a?cd(u,a,d):A},window.CSSStyleSheet.prototype.deleteRule=function(u){ud(document,u),e&&a&&ud(a,u)},()=>{window.CSSStyleSheet.prototype.insertRule=l,window.CSSStyleSheet.prototype.deleteRule=c}},[]),s.useEffect(()=>{if(e){i(),a==null||a.addEventListener("keydown",ld),a==null||a.addEventListener("keyup",sd);const l=new MutationObserver(()=>i());return document.documentElement.setAttribute("data-iframed",`${r}`),l.observe(document.head,{subtree:!0,characterData:!0,childList:!0}),()=>{l&&l.disconnect(),a==null||a.removeEventListener("keydown",ld),a==null||a.removeEventListener("keyup",sd)}}},[e,n,a]),t};class P5 extends s.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){}render(){return this.state.hasError?null:this.props.children}}const N5=({activeStory:e})=>v.jsxs("div",{className:"ladle-error-content",children:[v.jsx("h1",{children:"Story not found"}),v.jsxs("p",{children:["The story id ",v.jsx(Pt,{children:e})," you are trying to open does not exist. Typo?"]}),v.jsx("p",{children:v.jsx(Sn,{href:"/",children:"Back to home"})}),v.jsx("p",{children:v.jsx(Sn,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(Sn,{href:"https://www.ladle.dev",children:"Docs"})})]});function vm(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=vm(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function xm(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=vm(e))&&(r&&(r+=" "),r+=t);return r}var M5=Object.create,yi=Object.defineProperty,$5=Object.defineProperties,z5=Object.getOwnPropertyDescriptor,j5=Object.getOwnPropertyDescriptors,Sm=Object.getOwnPropertyNames,Ja=Object.getOwnPropertySymbols,V5=Object.getPrototypeOf,Tu=Object.prototype.hasOwnProperty,Fm=Object.prototype.propertyIsEnumerable,Ad=(e,t,n)=>t in e?yi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ue=(e,t)=>{for(var n in t||(t={}))Tu.call(t,n)&&Ad(e,n,t[n]);if(Ja)for(var n of Ja(t))Fm.call(t,n)&&Ad(e,n,t[n]);return e},bi=(e,t)=>$5(e,j5(t)),wm=(e,t)=>{var n={};for(var r in e)Tu.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Ja)for(var r of Ja(e))t.indexOf(r)<0&&Fm.call(e,r)&&(n[r]=e[r]);return n},H5=(e,t)=>function(){return t||(0,e[Sm(e)[0]])((t={exports:{}}).exports,t),t.exports},U5=(e,t)=>{for(var n in t)yi(e,n,{get:t[n],enumerable:!0})},W5=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Sm(t))!Tu.call(e,o)&&o!==n&&yi(e,o,{get:()=>t[o],enumerable:!(r=z5(t,o))||r.enumerable});return e},G5=(e,t,n)=>(n=e!=null?M5(V5(e)):{},W5(t||!e||!e.__esModule?yi(n,"default",{value:e,enumerable:!0}):n,e)),q5=H5({"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var r=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,o=0,a={},i={util:{encode:function C(p){return p instanceof l?new l(p.type,C(p.content),p.alias):Array.isArray(p)?p.map(C):p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(C){return Object.prototype.toString.call(C).slice(8,-1)},objId:function(C){return C.__id||Object.defineProperty(C,"__id",{value:++o}),C.__id},clone:function C(p,b){b=b||{};var m,f;switch(i.util.type(p)){case"Object":if(f=i.util.objId(p),b[f])return b[f];m={},b[f]=m;for(var E in p)p.hasOwnProperty(E)&&(m[E]=C(p[E],b));return m;case"Array":return f=i.util.objId(p),b[f]?b[f]:(m=[],b[f]=m,p.forEach(function(x,R){m[R]=C(x,b)}),m);default:return p}},getLanguage:function(C){for(;C;){var p=r.exec(C.className);if(p)return p[1].toLowerCase();C=C.parentElement}return"none"},setLanguage:function(C,p){C.className=C.className.replace(RegExp(r,"gi"),""),C.classList.add("language-"+p)},isActive:function(C,p,b){for(var m="no-"+p;C;){var f=C.classList;if(f.contains(p))return!0;if(f.contains(m))return!1;C=C.parentElement}return!!b}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(C,p){var b=i.util.clone(i.languages[C]);for(var m in p)b[m]=p[m];return b},insertBefore:function(C,p,b,m){m=m||i.languages;var f=m[C],E={};for(var x in f)if(f.hasOwnProperty(x)){if(x==p)for(var R in b)b.hasOwnProperty(R)&&(E[R]=b[R]);b.hasOwnProperty(x)||(E[x]=f[x])}var L=m[C];return m[C]=E,i.languages.DFS(i.languages,function(k,S){S===L&&k!=C&&(this[k]=E)}),E},DFS:function C(p,b,m,f){f=f||{};var E=i.util.objId;for(var x in p)if(p.hasOwnProperty(x)){b.call(p,x,p[x],m||x);var R=p[x],L=i.util.type(R);L==="Object"&&!f[E(R)]?(f[E(R)]=!0,C(R,b,null,f)):L==="Array"&&!f[E(R)]&&(f[E(R)]=!0,C(R,b,x,f))}}},plugins:{},highlight:function(C,p,b){var m={code:C,grammar:p,language:b};if(i.hooks.run("before-tokenize",m),!m.grammar)throw new Error('The language "'+m.language+'" has no grammar.');return m.tokens=i.tokenize(m.code,m.grammar),i.hooks.run("after-tokenize",m),l.stringify(i.util.encode(m.tokens),m.language)},tokenize:function(C,p){var b=p.rest;if(b){for(var m in b)p[m]=b[m];delete p.rest}var f=new d;return A(f,f.head,C),u(C,f,p,f.head,0),B(f)},hooks:{all:{},add:function(C,p){var b=i.hooks.all;b[C]=b[C]||[],b[C].push(p)},run:function(C,p){var b=i.hooks.all[C];if(!(!b||!b.length))for(var m=0,f;f=b[m++];)f(p)}},Token:l};function l(C,p,b,m){this.type=C,this.content=p,this.alias=b,this.length=(m||"").length|0}l.stringify=function C(p,b){if(typeof p=="string")return p;if(Array.isArray(p)){var m="";return p.forEach(function(L){m+=C(L,b)}),m}var f={type:p.type,content:C(p.content,b),tag:"span",classes:["token",p.type],attributes:{},language:b},E=p.alias;E&&(Array.isArray(E)?Array.prototype.push.apply(f.classes,E):f.classes.push(E)),i.hooks.run("wrap",f);var x="";for(var R in f.attributes)x+=" "+R+'="'+(f.attributes[R]||"").replace(/"/g,"&quot;")+'"';return"<"+f.tag+' class="'+f.classes.join(" ")+'"'+x+">"+f.content+"</"+f.tag+">"};function c(C,p,b,m){C.lastIndex=p;var f=C.exec(b);if(f&&m&&f[1]){var E=f[1].length;f.index+=E,f[0]=f[0].slice(E)}return f}function u(C,p,b,m,f,E){for(var x in b)if(!(!b.hasOwnProperty(x)||!b[x])){var R=b[x];R=Array.isArray(R)?R:[R];for(var L=0;L<R.length;++L){if(E&&E.cause==x+","+L)return;var k=R[L],S=k.inside,P=!!k.lookbehind,N=!!k.greedy,V=k.alias;if(N&&!k.pattern.global){var w=k.pattern.toString().match(/[imsuy]*$/)[0];k.pattern=RegExp(k.pattern.source,w+"g")}for(var I=k.pattern||k,T=m.next,_=f;T!==p.tail&&!(E&&_>=E.reach);_+=T.value.length,T=T.next){var j=T.value;if(p.length>C.length)return;if(!(j instanceof l)){var z=1,O;if(N){if(O=c(I,_,C,P),!O||O.index>=C.length)break;var Q=O.index,$=O.index+O[0].length,H=_;for(H+=T.value.length;Q>=H;)T=T.next,H+=T.value.length;if(H-=T.value.length,_=H,T.value instanceof l)continue;for(var Y=T;Y!==p.tail&&(H<$||typeof Y.value=="string");Y=Y.next)z++,H+=Y.value.length;z--,j=C.slice(_,H),O.index-=_}else if(O=c(I,0,j,P),!O)continue;var Q=O.index,J=O[0],X=j.slice(0,Q),r0=j.slice(Q+J.length),K=_+j.length;E&&K>E.reach&&(E.reach=K);var e0=T.prev;X&&(e0=A(p,e0,X),_+=X.length),D(p,e0,z);var a0=new l(x,S?i.tokenize(J,S):J,V,J);if(T=A(p,e0,a0),r0&&A(p,T,r0),z>1){var s0={cause:x+","+L,reach:K};u(C,p,b,T.prev,_,s0),E&&s0.reach>E.reach&&(E.reach=s0.reach)}}}}}}function d(){var C={value:null,prev:null,next:null},p={value:null,prev:C,next:null};C.next=p,this.head=C,this.tail=p,this.length=0}function A(C,p,b){var m=p.next,f={value:b,prev:p,next:m};return p.next=f,m.prev=f,C.length++,f}function D(C,p,b){for(var m=p.next,f=0;f<b&&m!==C.tail;f++)m=m.next;p.next=m,m.prev=p,C.length-=f}function B(C){for(var p=[],b=C.head.next;b!==C.tail;)p.push(b.value),b=b.next;return p}return i}();t.exports=n,n.default=n}}),G=G5(q5());G.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\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:/<!\[CDATA\[[\s\S]*?\]\]>/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]},G.languages.markup.tag.inside["attr-value"].inside.entity=G.languages.markup.entity,G.languages.markup.doctype.inside["internal-subset"].inside=G.languages.markup,G.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(G.languages.markup.tag,"addInlined",{value:function(e,r){var n={},n=(n["language-"+r]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:G.languages[r]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}),r=(n["language-"+r]={pattern:/[\s\S]+/,inside:G.languages[r]},{});r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},G.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(G.languages.markup.tag,"addAttribute",{value:function(e,t){G.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:[t,"language-"+t],inside:G.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),G.languages.html=G.languages.markup,G.languages.mathml=G.languages.markup,G.languages.svg=G.languages.markup,G.languages.xml=G.languages.extend("markup",{}),G.languages.ssml=G.languages.xml,G.languages.atom=G.languages.xml,G.languages.rss=G.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?: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]|.)/,r="(?:[^\\\\-]|"+n.source+")",r=RegExp(r+"-"+r),o={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:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"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":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(G),G.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},G.languages.javascript=G.languages.extend("clike",{"class-name":[G.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}|\?\?=?|\?\.?|[~:]/}),G.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,G.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:G.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:G.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:G.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:G.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:G.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),G.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:G.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"}}),G.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),G.languages.markup&&(G.languages.markup.tag.addInlined("script","javascript"),G.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")),G.languages.js=G.languages.javascript,G.languages.actionscript=G.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:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),G.languages.actionscript["class-name"].alias="function",delete G.languages.actionscript.parameter,delete G.languages.actionscript["literal-property"],G.languages.markup&&G.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:G.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],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:t,interpolation:n}}}),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:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(G),function(e){var t=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(t,"addSupport",{value:function(n,r){(n=typeof n=="string"?[n]:n).forEach(function(o){var a=function(A){A.inside||(A.inside={}),A.inside.rest=r},i="doc-comment";if(l=e.languages[o]){var l,c=l[i];if((c=c||(l=e.languages.insertBefore(o,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[i])instanceof RegExp&&(c=l[i]={pattern:c}),Array.isArray(c))for(var u=0,d=c.length;u<d;u++)c[u]instanceof RegExp&&(c[u]={pattern:c[u]}),a(c[u]);else a(c)}})}}),t.addSupport(["java","javascript","php"],t)}(G),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/,t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup);t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(G),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp(`\\[(?:[^[\\]"']|`+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,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}),n={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:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(G),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ 	]+"+t.source+")?|"+t.source+"(?:[ 	]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source}),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(l,c){c=(c||"").replace(/m/g,"")+"m";var u=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,function(){return r}).replace(/<<value>>/g,function(){return l});return RegExp(u,c)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,function(){return r}).replace(/<<key>>/g,function(){return"(?:"+o+"|"+a+")"})),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\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:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(G),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(u){return u=u.replace(/<inner>/g,function(){return t}),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+u+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,function(){return r}),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(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("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),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:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\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:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.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(u){["url","bold","italic","strike","code-snippet"].forEach(function(d){u!==d&&(e.languages.markdown[u].inside.content.inside[d]=e.languages.markdown[d])})}),e.hooks.add("after-tokenize",function(u){u.language!=="markdown"&&u.language!=="md"||function d(A){if(A&&typeof A!="string")for(var D=0,B=A.length;D<B;D++){var C,p=A[D];p.type!=="code"?d(p.content):(C=p.content[1],p=p.content[3],C&&p&&C.type==="code-language"&&p.type==="code-block"&&typeof C.content=="string"&&(C=C.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),C="language-"+(C=(/[a-z][\w-]*/i.exec(C)||[""])[0].toLowerCase()),p.alias?typeof p.alias=="string"?p.alias=[p.alias,C]:p.alias.push(C):p.alias=[C]))}}(u.tokens)}),e.hooks.add("wrap",function(u){if(u.type==="code-block"){for(var d="",A=0,D=u.classes.length;A<D;A++){var B=u.classes[A],B=/language-(.+)/.exec(B);if(B){d=B[1];break}}var C,p=e.languages[d];p?u.content=e.highlight(function(b){return b=b.replace(i,""),b=b.replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,function(m,f){var E;return(f=f.toLowerCase())[0]==="#"?(E=f[1]==="x"?parseInt(f.slice(2),16):Number(f.slice(1)),c(E)):l[f]||m})}(u.content),p,d):d&&d!=="none"&&e.plugins.autoloader&&(C="md-"+new Date().valueOf()+"-"+Math.floor(1e16*Math.random()),u.attributes.id=C,e.plugins.autoloader.loadLanguages(d,function(){var b=document.getElementById(C);b&&(b.innerHTML=e.highlight(b.textContent,e.languages[d],d))}))}}),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},c=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(G),G.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:G.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+/},G.hooks.add("after-tokenize",function(e){if(e.language==="graphql")for(var t=e.tokens.filter(function(C){return typeof C!="string"&&C.type!=="comment"&&C.type!=="scalar"}),n=0;n<t.length;){var r=t[n++];if(r.type==="keyword"&&r.content==="mutation"){var o=[];if(A(["definition-mutation","punctuation"])&&d(1).content==="("){n+=2;var a=D(/^\($/,/^\)$/);if(a===-1)continue;for(;n<a;n++){var i=d(0);i.type==="variable"&&(B(i,"variable-input"),o.push(i.content))}n=a+1}if(A(["punctuation","property-query"])&&d(0).content==="{"&&(n++,B(d(0),"property-mutation"),0<o.length)){var l=D(/^\{$/,/^\}$/);if(l!==-1)for(var c=n;c<l;c++){var u=t[c];u.type==="variable"&&0<=o.indexOf(u.content)&&B(u,"variable-input")}}}}function d(C){return t[n+C]}function A(C,p){p=p||0;for(var b=0;b<C.length;b++){var m=d(b+p);if(!m||m.type!==C[b])return}return 1}function D(C,p){for(var b=1,m=n;m<t.length;m++){var f=t[m],E=f.content;if(f.type==="punctuation"&&typeof E=="string"){if(C.test(E))b++;else if(p.test(E)&&--b===0)return m}}return-1}function B(C,p){var b=C.alias;b?Array.isArray(b)||(C.alias=b=[b]):C.alias=b=[],b.push(p)}}),G.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(A,D){if(e.languages[A])return{pattern:RegExp("((?:"+D+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:A}}}}function l(A,D,B){return A={code:A,grammar:D,language:B},e.hooks.run("before-tokenize",A),A.tokens=e.tokenize(A.code,A.grammar),e.hooks.run("after-tokenize",A),A.tokens}function c(A,D,B){var b=e.tokenize(A,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),C=0,p={},b=l(b.map(function(f){if(typeof f=="string")return f;for(var E,x,f=f.content;A.indexOf((x=C++,E="___"+B.toUpperCase()+"_"+x+"___"))!==-1;);return p[E]=f,E}).join(""),D,B),m=Object.keys(p);return C=0,function f(E){for(var x=0;x<E.length;x++){if(C>=m.length)return;var R,L,k,S,P,N,V,w=E[x];typeof w=="string"||typeof w.content=="string"?(R=m[C],(V=(N=typeof w=="string"?w:w.content).indexOf(R))!==-1&&(++C,L=N.substring(0,V),P=p[R],k=void 0,(S={})["interpolation-punctuation"]=o,(S=e.tokenize(P,S)).length===3&&((k=[1,1]).push.apply(k,l(S[1],e.languages.javascript,"javascript")),S.splice.apply(S,k)),k=new e.Token("interpolation",S,r.alias,P),S=N.substring(V+R.length),P=[],L&&P.push(L),P.push(k),S&&(f(N=[S]),P.push.apply(P,N)),typeof w=="string"?(E.splice.apply(E,[x,1].concat(P)),x+=P.length-1):w.content=P)):(V=w.content,Array.isArray(V)?f(V):f([V]))}}(b),new e.Token(B,b,"language-"+B,A)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var u={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function d(A){return typeof A=="string"?A:Array.isArray(A)?A.map(d).join(""):d(A.content)}e.hooks.add("after-tokenize",function(A){A.language in u&&function D(B){for(var C=0,p=B.length;C<p;C++){var b,m,f,E=B[C];typeof E!="string"&&(b=E.content,Array.isArray(b)?E.type==="template-string"?(E=b[1],b.length===3&&typeof E!="string"&&E.type==="embedded-code"&&(m=d(E),E=E.alias,E=Array.isArray(E)?E[0]:E,f=e.languages[E])&&(b[1]=c(m,f,E))):D(b):typeof b!="string"&&D([b]))}}(A.tokens)})}(G),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,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 t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,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:t}}}}),e.languages.ts=e.languages.typescript}(G),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\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:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,function(){return n})),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.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:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(G),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})}(G),G.languages.n4js=G.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/}),G.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),G.languages.n4jsd=G.languages.n4js,function(e){function t(i,l){return RegExp(i.replace(/<ID>/g,function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source}),l)}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:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\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:t(/(\.\s*)#?<ID>/.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 n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var a=n[r],o=e.languages.javascript[a],a=(o=e.util.type(o)==="RegExp"?e.languages.javascript[a]={pattern:o}:o).inside||{};(o.inside=a)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(G),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(c,u){return c=c.replace(/<S>/g,function(){return n}).replace(/<BRACES>/g,function(){return r}).replace(/<SPREAD>/g,function(){return o}),RegExp(c,u)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<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=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);function i(c){for(var u=[],d=0;d<c.length;d++){var A=c[d],D=!1;typeof A!="string"&&(A.type==="tag"&&A.content[0]&&A.content[0].type==="tag"?A.content[0].content[0].content==="</"?0<u.length&&u[u.length-1].tagName===l(A.content[0].content[1])&&u.pop():A.content[A.content.length-1].content!=="/>"&&u.push({tagName:l(A.content[0].content[1]),openedBraces:0}):0<u.length&&A.type==="punctuation"&&A.content==="{"?u[u.length-1].openedBraces++:0<u.length&&0<u[u.length-1].openedBraces&&A.type==="punctuation"&&A.content==="}"?u[u.length-1].openedBraces--:D=!0),(D||typeof A=="string")&&0<u.length&&u[u.length-1].openedBraces===0&&(D=l(A),d<c.length-1&&(typeof c[d+1]=="string"||c[d+1].type==="plain-text")&&(D+=l(c[d+1]),c.splice(d+1,1)),0<d&&(typeof c[d-1]=="string"||c[d-1].type==="plain-text")&&(D=l(c[d-1])+D,c.splice(d-1,1),d--),c[d]=new e.Token("plain-text",D,null,D)),A.content&&typeof A.content!="string"&&i(A.content)}}var l=function(c){return c?typeof c=="string"?c:typeof c.content=="string"?c.content:c.content.map(l).join(""):""};e.hooks.add("after-tokenize",function(c){c.language!=="jsx"&&c.language!=="tsx"||i(c.tokens)})}(G),function(e){var t=e.util.clone(e.languages.typescript),t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag);t.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(G),G.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ 	]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,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:/[{}[\]();,.:\\]/},G.languages.swift["string-literal"].forEach(function(e){e.inside.interpolation.inside=G.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 t={"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:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},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}(G),G.languages.c=G.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|[?:~]|[-+*/%&|^!=<>]=?/}),G.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),G.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},G.languages.c.string],char:G.languages.c.char,comment:G.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:G.languages.c}}}}),G.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 G.languages.c.boolean,G.languages.objectivec=G.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 G.languages.objectivec["class-name"],G.languages.objc=G.languages.objectivec,G.languages.reason=G.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/}),G.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 G.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,function(){return t});t=t.replace(/<self>/g,function(){return/[^\s\S]/.source}),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),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}(G),G.languages.go=G.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/}),G.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete G.languages.go["class-name"],function(e){var t=/\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/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,function(){return t.source});e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,function(){return t.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:t,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+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,function(){return n})+")"),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"])}(G),G.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:/[{}[\];(),.:]/},G.languages.python["string-interpolation"].inside.interpolation.inside.rest=G.languages.python,G.languages.py=G.languages.python;var fe={};U5(fe,{dracula:()=>K5,duotoneDark:()=>X5,duotoneLight:()=>Q5,github:()=>tk,jettwaveDark:()=>yk,jettwaveLight:()=>vk,nightOwl:()=>rk,nightOwlLight:()=>ak,oceanicNext:()=>lk,okaidia:()=>ck,oneDark:()=>Sk,oneLight:()=>wk,palenight:()=>Ak,shadesOfPurple:()=>pk,synthwave84:()=>Ck,ultramin:()=>mk,vsDark:()=>Tm,vsLight:()=>gk});var Y5={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)"}}]},K5=Y5,J5={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"}}]},X5=J5,Z5={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"}}]},Q5=Z5,ek={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"}}]},tk=ek,nk={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)"}}]},rk=nk,ok={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)"}}]},ak=ok,v2={char:"#D8DEE9",comment:"#999999",keyword:"#c5a5c5",primitive:"#5a9bcf",string:"#8dc891",variable:"#d7deea",boolean:"#ff8b50",punctuation:"#5FB3B3",tag:"#fc929e",function:"#79b6f2",className:"#FAC863",method:"#6699CC",operator:"#fc929e"},ik={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:v2.keyword}},{types:["attr-value"],style:{color:v2.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:v2.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:v2.primitive}},{types:["boolean"],style:{color:v2.boolean}},{types:["tag"],style:{color:v2.tag}},{types:["string"],style:{color:v2.string}},{types:["punctuation"],style:{color:v2.string}},{types:["selector","char","builtin","inserted"],style:{color:v2.char}},{types:["function"],style:{color:v2.function}},{types:["operator","entity","url","variable"],style:{color:v2.variable}},{types:["keyword"],style:{color:v2.keyword}},{types:["atrule","class-name"],style:{color:v2.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},lk=ik,sk={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"}}]},ck=sk,uk={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)"}}]},Ak=uk,dk={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)"}}]},pk=dk,Dk={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"}}]},Ck=Dk,fk={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)"}}]},mk=fk,Bk={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)"}}]},Tm=Bk,Ek={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)"}}]},gk=Ek,hk={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"}}]},yk=hk,bk={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"}}]},vk=bk,xk={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%)"}}]},Sk=xk,Fk={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%)"}}]},wk=Fk,Tk=(e,t)=>{const{plain:n}=e,r=e.styles.reduce((o,a)=>{const{languages:i,style:l}=a;return i&&!i.includes(t)||a.types.forEach(c=>{const u=ue(ue({},o[c]),l);o[c]=u}),o},{});return r.root=n,r.plain=bi(ue({},n),{backgroundColor:void 0}),r},dd=Tk,_k=(e,t)=>{const[n,r]=s.useState(dd(t,e)),o=s.useRef(),a=s.useRef();return s.useEffect(()=>{(t!==o.current||e!==a.current)&&(o.current=t,a.current=e,r(dd(t,e)))},[e,t]),n},Ik=e=>s.useCallback(t=>{var n=t,{className:r,style:o,line:a}=n,i=wm(n,["className","style","line"]);const l=bi(ue({},i),{className:xm("token-line",r)});return typeof e=="object"&&"plain"in e&&(l.style=e.plain),typeof o=="object"&&(l.style=ue(ue({},l.style||{}),o)),l},[e]),kk=e=>{const t=s.useCallback(({types:n,empty:r})=>{if(e!=null){{if(n.length===1&&n[0]==="plain")return r!=null?{display:"inline-block"}:void 0;if(n.length===1&&r!=null)return e[n[0]]}return Object.assign(r!=null?{display:"inline-block"}:{},...n.map(o=>e[o]))}},[e]);return s.useCallback(n=>{var r=n,{token:o,className:a,style:i}=r,l=wm(r,["token","className","style"]);const c=bi(ue({},l),{className:xm("token",...o.types,a),children:o.content,style:t(o)});return i!=null&&(c.style=ue(ue({},c.style||{}),i)),c},[t])},Rk=/\r\n|\r|\n/,pd=e=>{e.length===0?e.push({types:["plain"],content:`
+`,empty:!0}):e.length===1&&e[0].content===""&&(e[0].content=`
+`,e[0].empty=!0)},Dd=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},Lk=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,l=[];const c=[l];for(;i>-1;){for(;(a=r[i]++)<o[i];){let u,d=t[i];const D=n[i][a];if(typeof D=="string"?(d=i>0?d:["plain"],u=D):(d=Dd(d,D.type),D.alias&&(d=Dd(d,D.alias)),u=D.content),typeof u!="string"){i++,t.push(d),n.push(u),r.push(0),o.push(u.length);continue}const B=u.split(Rk),C=B.length;l.push({types:d,content:B[0]});for(let p=1;p<C;p++)pd(l),c.push(l=[]),l.push({types:d,content:B[p]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return pd(l),c},Cd=Lk,Ok=({prism:e,code:t,grammar:n,language:r})=>{const o=s.useRef(e);return s.useMemo(()=>{if(n==null)return Cd([t]);const a={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",a),a.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",a),Cd(a.tokens)},[t,n,r])},Pk=({children:e,language:t,code:n,theme:r,prism:o})=>{const a=t.toLowerCase(),i=_k(a,r),l=Ik(i),c=kk(i),u=o.languages[a],d=Ok({prism:o,language:a,code:n,grammar:u});return e({tokens:d,className:`prism-code language-${a}`,style:i!=null?i.root:{},getLineProps:l,getTokenProps:c})},fd=e=>s.createElement(Pk,bi(ue({},e),{prism:e.prism||G,theme:e.theme||Tm,code:e.code,language:e.language}));/*! Bundled license information:
+
+prismjs/prism.js:
+  (**
+   * Prism: Lightweight, robust, elegant syntax highlighting
+   *
+   * @license MIT <https://opensource.org/licenses/MIT>
+   * @author Lea Verou <https://lea.verou.me>
+   * @namespace
+   * @public
+   *)
+*/const Nk=e=>{const t=De.parse(e).source;return t==="true"?!0:t==="false"?!1:o0.addons.source.defaultState},_m=({children:e,theme:t,language:n="tsx",locStart:r,locEnd:o,className:a})=>{const i=typeof r<"u"&&typeof o<"u",l=/language-(\w+)/.exec(a||"");return l?(n=l[1],v.jsx(fd,{code:e.trim(),language:n,theme:{...t==="dark"?fe.nightOwl:fe.github,plain:{...(t==="dark"?fe.nightOwl:fe.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:c,style:u,tokens:d,getTokenProps:A})=>v.jsx("div",{className:c,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em"},children:d.map((D,B)=>v.jsx("div",{children:D.map((C,p)=>v.jsx("span",{...A({token:C,key:p})},p))},B))})})):i?v.jsx(fd,{code:e.trim(),language:n,theme:{...t==="dark"?fe.nightOwl:fe.github,plain:{...(t==="dark"?fe.nightOwl:fe.github).plain,backgroundColor:"var(--ladle-bg-color-secondary)"}},children:({className:c,style:u,tokens:d,getLineProps:A,getTokenProps:D})=>v.jsx("pre",{className:c,style:{...u,textAlign:"left",margin:"0.5em 0 1em 0",padding:"1em 0",overflow:"auto",maxHeight:"50vh"},children:d.map((B,C)=>v.jsxs("div",{id:`ladle_loc_${C+1}`,...A({line:B,key:C}),style:{display:"table-row"},children:[v.jsx("span",{className:"ladle-addon-source-lineno",style:C+1>=r&&C+1<=o?{backgroundColor:"var(--ladle-color-accent)",color:"#FFF"}:void 0,children:C+1}),v.jsx("div",{style:{display:"table-cell",paddingLeft:"0.5em"},children:B.map((p,b)=>v.jsx("span",{...D({token:p,key:b})},b))})]},C))})}):v.jsx("code",{children:e})},Mk=({globalState:e})=>{if(!Hn[e.story])return v.jsx(v.Fragment,{children:"There is no story loaded."});const{entry:t,locStart:n,locEnd:r}=Hn[e.story];return s.useEffect(()=>{window.location.hash="",window.location.hash=`ladle_loc_${n}`},[n]),v.jsxs(v.Fragment,{children:[v.jsx(S5,{path:t,locStart:n,locEnd:r}),v.jsx(_m,{theme:e.theme,language:"tsx",locEnd:r,locStart:n,children:decodeURIComponent(w5[e.story])})]})},$k=({globalState:e,dispatch:t})=>{const n="Show the story source code.";return M2(o0.hotkeys.source,()=>{t({type:u0.UpdateSource,value:!e.source})},{enabled:e.hotkeys&&o0.addons.source.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":n,"data-testid":"addon-source",title:n,onClick:()=>{t({type:u0.UpdateSource,value:!e.source})},className:e.source?"source-active":"",type:"button",children:[v.jsx(CE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Story Source Code"}),v.jsx(Yn,{isOpen:e.source,close:()=>t({type:u0.UpdateSource,value:!1}),label:"Dialog with the story source code.",children:v.jsx(Mk,{globalState:e})})]})})},ye=Date;let nc=null;const Un=class extends ye{constructor(t,n,r,o,a,i,l){super();let c;switch(arguments.length){case 0:nc!==null?c=new ye(nc.valueOf()):c=new ye;break;case 1:c=new ye(t);break;default:r=typeof r>"u"?1:r,o=o||0,a=a||0,i=i||0,l=l||0,c=new ye(t,n,r,o,a,i,l);break}return c}};Un.UTC=ye.UTC;Un.now=function(){return new Un().valueOf()};Un.parse=function(e){return ye.parse(e)};Un.toString=function(){return ye.toString()};function zk(e){const t=new Date(e.valueOf());if(isNaN(t.getTime()))throw new TypeError("mockdate: The time set is an invalid date: "+e);Date=Un,nc=t.valueOf()}function jk(){Date=ye}const Vk=({children:e,active:t,width:n,story:r,mode:o})=>!t&&n===0||o===c2.Preview?e:v.jsx(R5,{title:`Story ${r}`,initialContent:'<!DOCTYPE html><html><head><base target="_parent" /></head><body style="margin:0"><div id="root"></div></body></html>',mountTarget:"#root",className:"ladle-iframe",style:{width:n||"100%"},children:e}),md=({globalState:e,dispatch:t})=>{var u;const n=Hn[e.story],r=e.width,o=(u=n==null?void 0:n.meta)==null?void 0:u.meta,a=o?o.hotkeys:!0,i=o?o.mockDate:void 0,l=n&&o?o.iframed:!1;let c=n&&o?o.width:0;return Object.keys(o0.addons.width.options).forEach(d=>{d===c&&(c=o0.addons.width.options[d])}),s.useEffect(()=>{i?zk(i):jk()},[i]),s.useEffect(()=>{typeof a<"u"&&a!==e.hotkeys&&t({type:u0.UpdateHotkeys,value:a})},[a]),s.useEffect(()=>{if(c&&c!==0){t({type:u0.UpdateWidth,value:c});return}o0.addons.width.defaultState!==0&&t({type:u0.UpdateWidth,value:o0.addons.width.defaultState})},[c,e.story]),s.useEffect(()=>{e.mode!==c2.Preview&&(l||r)?document.documentElement.setAttribute("data-iframed",`${r}`):document.documentElement.removeAttribute("data-iframed")},[l,e.story,e.mode,e.width]),e.story?v.jsx(P5,{children:v.jsx(s.Suspense,{fallback:v.jsx(cE,{}),children:v.jsx(Vk,{active:l,story:e.story,width:r,mode:e.mode,children:v.jsx(O5,{active:(l||r>0)&&e.mode!==c2.Preview,rtl:e.rtl,width:r,children:v.jsx(wS,{components:{code:d=>v.jsx(_m,{...d,theme:e.theme})},children:v.jsx(IS,{config:o0,globalState:e,dispatch:t,storyMeta:o,children:n?s.createElement(n.component):v.jsx(N5,{activeStory:e.story})})})})})})}):null},Hk=()=>v.jsxs("div",{className:"ladle-error-content",children:[v.jsx("h1",{children:"No stories found"}),v.jsxs("p",{children:["The configured glob pattern for stories is: ",v.jsx(Pt,{children:N2.stories}),"."]}),v.jsxs("p",{children:["It can be changed through the"," ",v.jsx(Sn,{href:"https://www.ladle.dev/docs/config#story-filenames",children:"configuration file"})," ","or CLI flag ",v.jsx(Pt,{children:"--stories=your-glob"}),"."]}),v.jsx("p",{children:v.jsx(Sn,{href:"https://github.com/tajo/ladle",children:"GitHub"})}),v.jsx("p",{children:v.jsx(Sn,{href:"https://www.ladle.dev",children:"Docs"})})]});var St;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(St||(St={}));var Bd=function(e){return e},Ed="beforeunload",Uk="popstate";function Wk(e){e===void 0&&(e={});var t=e,n=t.window,r=n===void 0?document.defaultView:n,o=r.history;function a(){var k=r.location,S=k.pathname,P=k.search,N=k.hash,V=o.state||{};return[V.idx,Bd({pathname:S,search:P,hash:N,state:V.usr||null,key:V.key||"default"})]}var i=null;function l(){if(i)B.call(i),i=null;else{var k=St.Pop,S=a(),P=S[0],N=S[1];if(B.length){if(P!=null){var V=d-P;V&&(i={action:k,location:N,retry:function(){R(V*-1)}},R(V))}}else f(k)}}r.addEventListener(Uk,l);var c=St.Pop,u=a(),d=u[0],A=u[1],D=hd(),B=hd();d==null&&(d=0,o.replaceState(Ya({},o.state,{idx:d}),""));function C(k){return typeof k=="string"?k:qk(k)}function p(k,S){return S===void 0&&(S=null),Bd(Ya({pathname:A.pathname,hash:"",search:""},typeof k=="string"?Yk(k):k,{state:S,key:Gk()}))}function b(k,S){return[{usr:k.state,key:k.key,idx:S},C(k)]}function m(k,S,P){return!B.length||(B.call({action:k,location:S,retry:P}),!1)}function f(k){c=k;var S=a();d=S[0],A=S[1],D.call({action:c,location:A})}function E(k,S){var P=St.Push,N=p(k,S);function V(){E(k,S)}if(m(P,N,V)){var w=b(N,d+1),I=w[0],T=w[1];try{o.pushState(I,"",T)}catch{r.location.assign(T)}f(P)}}function x(k,S){var P=St.Replace,N=p(k,S);function V(){x(k,S)}if(m(P,N,V)){var w=b(N,d),I=w[0],T=w[1];o.replaceState(I,"",T),f(P)}}function R(k){o.go(k)}var L={get action(){return c},get location(){return A},createHref:C,push:E,replace:x,go:R,back:function(){R(-1)},forward:function(){R(1)},listen:function(S){return D.push(S)},block:function(S){var P=B.push(S);return B.length===1&&r.addEventListener(Ed,gd),function(){P(),B.length||r.removeEventListener(Ed,gd)}}};return L}function gd(e){e.preventDefault(),e.returnValue=""}function hd(){var e=[];return{get length(){return e.length},push:function(n){return e.push(n),function(){e=e.filter(function(r){return r!==n})}},call:function(n){e.forEach(function(r){return r&&r(n)})}}}function Gk(){return Math.random().toString(36).substr(2,8)}function qk(e){var t=e.pathname,n=t===void 0?"/":t,r=e.search,o=r===void 0?"":r,a=e.hash,i=a===void 0?"":a;return o&&o!=="?"&&(n+=o.charAt(0)==="?"?o:"?"+o),i&&i!=="#"&&(n+=i.charAt(0)==="#"?i:"#"+i),n}function Yk(e){var t={};if(e){var n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));var r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}const _u=Wk(),Kk=()=>{_u.push(Tr({}))},Im=e=>{Object.keys(e).forEach(t=>{const n=e[t],r=o0.addons[t]?o0.addons[t].defaultState:"$$LADLE_unknown";n===r&&delete e[t]})},Sl=e=>{if(!e.controlInitialized)return;const t=De.parse(location.search),n={};Object.keys(t).forEach(o=>{o.startsWith("arg-")||(n[o]=t[o])});const r={...n,mode:e.mode,rtl:e.rtl,source:e.source,story:e.story,theme:e.theme,width:e.width,control:e.control};Im(r),location.search!==Tr(r)&&(ae(`Updating URL to ${Tr(r)}`),_u.push(Tr(r)))},Tr=e=>{Im(e);const t={};return Object.keys(e).forEach(n=>{n==="control"?Object.keys(e[n]).forEach(r=>{const o=e[n][r];if(o.type===l0.Action)return;let a=o.value,i=!1;a=encodeURI(typeof o.value=="string"?o.value:JSON.stringify(o.value));try{i=JSON.stringify(o.value)===JSON.stringify(o.defaultValue),!i&&JSON.stringify(a)!==JSON.stringify(o.defaultValue)&&(t[`arg-${r}`]=a)}catch{}}):t[n]=e[n]}),`?${De.stringify(t)}`},km=e=>e.isExpanded&&e.children&&e.children.length?km(e.children[e.children.length-1]):e.id,Rm=(e,t,n)=>{for(let r=0;r<e.length;r++){if(e[r].id===t)return n;if(e[r].isExpanded&&e[r].children&&e[r].children.length){const o=Rm(e[r].children,t,e[r].id);if(o)return o}}return null},Lm=(e,t,n)=>{for(let r=0;r<e.length;r++){if(e[r].id===t)return r===0?n:km(e[r-1]);if(e[r].isExpanded&&e[r].children&&e[r].children.length){const o=Lm(e[r].children,t,e[r].id);if(o)return o}}return null},Om=(e,t)=>{for(let n=0;n<e.length;n++){if(e[n].id===t)return e[n].children;const r=Om(e[n].children,t);if(r.length)return r}return[]},Pm=(e,t)=>e[0].isLinkable?e[0]:Pm(e[0].children),Nm=(e,t)=>{for(let n=0;n<e.length;n++){if(e[n].id===t&&e[n].isExpanded&&e[n].children&&e[n].children.length)return e[n].children[0].id;if(e[n].isExpanded&&e[n].children&&e[n].children.length){const r=Nm(e[n].children,t);if(r)return r}}return null},Mm=(e,t,n)=>{for(let r=0;r<e.length;r++){if(e[r].id===t)return e[r].isExpanded&&e[r].children&&e[r].children.length?e[r].children[0].id:e[r+1]?e[r+1].id:n;if(e[r].isExpanded&&e[r].children&&e[r].children.length){const o=Mm(e[r].children,t,e[r+1]?e[r+1].id:n);if(o)return o}}return null},$m=e=>{const t=e[e.length-1];return t.isExpanded&&t.children&&t.children.length?$m(t.children):t.id},Br=(e,t)=>e.map((n,r)=>{const o={...n};return o.id===t.id&&(o.isExpanded=!o.isExpanded),t.id==="+"&&r===0&&(o.isExpanded=!0),t.id==="-"&&(o.isExpanded=!1),o.children&&o.children.length&&(o.children=Br(o.children,o.id===t.id?{id:o.isExpanded?"+":"-"}:t)),o});function Jk(e,t){let n;return function(...r){n!==void 0&&clearTimeout(n),n=window.setTimeout(()=>{e.apply(this,r),n=void 0},t)}}const Xk=({stories:e,story:t,updateStory:n,searchActive:r,searchRef:o,setTreeRootRef:a,hotkeys:i})=>{const l=s.useRef({}),[c,u]=s.useState(Oi(e,t,r));s.useEffect(()=>{u(Oi(e,t,r))},[e.join(",")]);const[d,A]=s.useState(c.length?c[0].id:null),D=p=>{var b;p&&l&&l.current[p]&&((b=l.current[p])==null||b.focus()),A(p||c[0].id),!p&&o.current.focus()},B=p=>{p&&(n(p),u(Oi(e,p,r)),setTimeout(()=>D(p),1))};M2(o0.hotkeys.nextStory,()=>{const p=e.findIndex(b=>b===t);B(e[p+1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),M2(o0.hotkeys.previousStory,()=>{const p=e.findIndex(b=>b===t);B(e[p-1])},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),M2(o0.hotkeys.nextComponent,()=>{const p=e.findIndex(f=>f===t),b=e[p].split("--"),m=b[b.length-2];for(let f=p+1;f<e.length;f++){const E=e[f].split("--");if(E[E.length-2]!==m){B(e[f]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:i}),M2(o0.hotkeys.previousComponent,()=>{const p=e.findIndex(f=>f===t),b=e[p].split("--"),m=b[b.length-2];for(let f=p-1;f>=0;f--){const E=e[f].split("--"),x=f>0?e[f-1].split("--"):["",""];if(E[E.length-2]!==m&&x[x.length-2]!==E[E.length-2]){B(e[f]);return}}},{preventDefault:!0,enableOnFormTags:!0,enabled:i});const C=(p,b)=>{if(!(p.metaKey||p.ctrlKey||p.altKey))switch(p.key){case"ArrowRight":p.preventDefault(),p.stopPropagation(),b.isExpanded?D(Nm(c,b.id)):u(Br(c,b));break;case"ArrowLeft":p.preventDefault(),p.stopPropagation(),b.isExpanded?u(Br(c,b)):D(Rm(c,b.id,null));break;case"ArrowUp":p.preventDefault(),p.stopPropagation(),D(Lm(c,b.id,null));break;case"ArrowDown":p.preventDefault(),p.stopPropagation();const m=Mm(c,b.id,null);m&&D(m);break;case" ":case"Enter":p.target.href||(p.preventDefault(),p.stopPropagation(),u(Br(c,b)));break;case"Home":p.preventDefault(),p.stopPropagation(),c.length&&D(c[0].id);break;case"End":p.preventDefault(),p.stopPropagation(),D($m(c));break}};return v.jsx("ul",{role:"tree",style:{marginInlineStart:"-6px"},ref:p=>a(p),children:v.jsx(zm,{tree:c,fullTree:c,story:t,updateStory:n,onItemClick:p=>{const b=Br(c,p),m=Pm(Om(b,p.id),p.id);m&&t!==m.id&&m.isExpanded&&n(m.id),u(b)},selectedItemId:d,onKeyDownFn:C,treeItemRefs:l})})},zm=({tree:e,fullTree:t,story:n,updateStory:r,onItemClick:o,onKeyDownFn:a,selectedItemId:i,treeItemRefs:l})=>v.jsx(s.Fragment,{children:e.map(c=>v.jsxs("li",{onDragStart:u=>u.preventDefault(),onKeyDown:u=>a(u,c),"aria-expanded":c.isExpanded,title:c.name,tabIndex:c.id===i&&!c.isLinkable?0:-1,ref:c.isLinkable?void 0:u=>l.current[c.id]=u,role:"treeitem",className:r2({"ladle-linkable":c.isLinkable,"ladle-active":c.id===n}),style:c.isLinkable?{}:{marginTop:"0.5em"},children:[c.isLinkable?v.jsxs("div",{style:{display:"flex"},children:[v.jsx(dE,{}),v.jsx("a",{tabIndex:c.id===i?0:-1,ref:u=>l.current[c.id]=u,href:Tr({story:c.id}),onKeyDown:u=>n!==c.id&&a(u,c),onClick:u=>{!u.ctrlKey&&!u.metaKey&&(u.preventDefault(),n!==c.id&&r(c.id))},children:c.name})]}):v.jsxs("div",{style:{display:"flex",cursor:"pointer"},title:c.name,onClick:()=>o(c),children:[v.jsx(pE,{rotate:!c.isExpanded}),v.jsx("div",{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},children:c.name})]}),Object.keys(c.children).length>0&&c.isExpanded&&v.jsx("ul",{role:"group",children:v.jsx(zm,{tree:c.children,fullTree:t,story:n,updateStory:r,selectedItemId:i,onKeyDownFn:a,onItemClick:o,treeItemRefs:l})})]},c.id))}),jm="718ffe",rc=`ladle-settings-${jm}`,Vm={appId:jm},Zk=e=>{const t=localStorage.getItem(rc);let n=Vm;try{t&&(n=JSON.parse(t))}catch{}localStorage.setItem(rc,JSON.stringify({...n,...e}))},Qk=()=>{const e=localStorage.getItem(rc);let t=Vm;try{e&&(t=JSON.parse(e))}catch{}return t},eR=240,Fl=192,wl=920,Tl=Jk(Zk,250),tR=({stories:e,story:t,updateStory:n,hotkeys:r})=>{const[o,a]=s.useState(""),[i,l]=s.useState(Qk().sidebarWidth||eR),[c,u]=s.useState(!1),d=s.useRef(null),A=s.useRef(null),D=s.useRef(null);s.useEffect(()=>{window.getComputedStyle(d.current.parentElement).getPropertyValue("flex-direction")==="row-reverse"&&document.documentElement.setAttribute("data-reversed","")},[]),s.useEffect(()=>{const p=m=>{c&&l(f=>{const E=document.documentElement.hasAttribute("data-reversed")?f+m.movementX:f-m.movementX;return E<Fl?(Tl({sidebarWidth:Fl}),Fl):E>wl?(Tl({sidebarWidth:wl}),wl):(Tl({sidebarWidth:E}),E)})},b=()=>{c&&(document.body.style.cursor="auto",u(!1))};return window.addEventListener("mousemove",p),window.addEventListener("mouseup",b),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",b)}},[c,u,l,d.current]),M2(o0.hotkeys.search,()=>A.current.focus(),{preventDefault:!0,enabled:r});const B=o.toLocaleLowerCase().replace(new RegExp("\\s+","g"),"-"),C=e.filter(p=>p.includes(B));return v.jsxs(v.Fragment,{children:[v.jsx("div",{role:"separator","aria-orientation":"vertical",ref:d,className:r2("ladle-resize-handle",{"ladle-resize-active":c}),onDragStart:p=>p.preventDefault(),onDragEnd:p=>p.preventDefault(),onDrop:p=>p.preventDefault(),onDragOver:p=>p.preventDefault(),onDragEnter:p=>p.preventDefault(),onDragLeave:p=>p.preventDefault(),onMouseDown:p=>{p.preventDefault(),c||(document.body.style.cursor="col-resize",u(!0))}}),v.jsxs("nav",{role:"navigation",className:"ladle-aside",style:{minWidth:`${i}px`},children:[v.jsx("input",{placeholder:"Search","aria-label":"Search stories",value:o,ref:A,onKeyDown:p=>{p.key==="ArrowDown"&&D.current.firstChild.focus()},onChange:p=>a(p.target.value)}),v.jsx(Xk,{searchRef:A,stories:C,story:t,hotkeys:r,updateStory:n,searchActive:o!=="",setTreeRootRef:p=>D.current=p})]})]})},nR=e=>{switch(De.parse(e).mode){case c2.Full:return c2.Full;case c2.Preview:return c2.Preview;default:return o0.addons.mode.defaultState}},rR=({dispatch:e})=>{const t=`Open fullscreen mode. Can be toggled by pressing ${o0.hotkeys.fullscreen.join(" or ")}.`;return v.jsx("li",{children:v.jsxs("button",{"aria-label":t,title:t,onClick:()=>e({type:u0.UpdateMode,value:c2.Preview}),type:"button",children:[v.jsx(uE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t}),v.jsx("label",{children:"Open fullscreen mode"})]})})};var oR=Object.create,Iu=Object.defineProperty,aR=Object.getOwnPropertyDescriptor,Hm=Object.getOwnPropertyNames,iR=Object.getPrototypeOf,lR=Object.prototype.hasOwnProperty,ku=(e,t)=>function(){return t||(0,e[Hm(e)[0]])((t={exports:{}}).exports,t),t.exports},sR=(e,t)=>{for(var n in t)Iu(e,n,{get:t[n],enumerable:!0})},cR=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Hm(t))!lR.call(e,o)&&o!==n&&Iu(e,o,{get:()=>t[o],enumerable:!(r=aR(t,o))||r.enumerable});return e},uR=(e,t,n)=>(n=e!=null?oR(iR(e)):{},cR(t||!e||!e.__esModule?Iu(n,"default",{value:e,enumerable:!0}):n,e)),AR=ku({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),dR=ku({"node_modules/is-window/index.js"(e,t){t.exports=function(n){if(n==null)return!1;var r=Object(n);return r===r.window}}}),pR=ku({"node_modules/is-dom/index.js"(e,t){var n=AR(),r=dR();function o(a){return!n(a)||!r(window)||typeof window.Node!="function"?!1:typeof a.nodeType=="number"&&typeof a.nodeName=="string"}t.exports=o}}),Xa={};sR(Xa,{chromeDark:()=>Um,chromeLight:()=>Wm});var Um={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"},Wm={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"},Gm=s.createContext([{},()=>{}]),_l={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},ra=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,..._l},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`}:{},..._l},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,..._l}}),oc="chromeLight",qm=s.createContext(ra(Xa[oc])),_2=e=>s.useContext(qm)[e],Ru=e=>({theme:n=oc,...r})=>{const o=s.useMemo(()=>{switch(Object.prototype.toString.call(n)){case"[object String]":return ra(Xa[n]);case"[object Object]":return ra(n);default:return ra(Xa[oc])}},[n]);return W.createElement(qm.Provider,{value:o},W.createElement(e,{...r}))},DR=({expanded:e,styles:t})=>W.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"▶"),CR=s.memo(e=>{e={expanded:!0,nodeRenderer:({name:d})=>W.createElement("span",null,d),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};const{expanded:t,onClick:n,children:r,nodeRenderer:o,title:a,shouldShowArrow:i,shouldShowPlaceholder:l}=e,c=_2("TreeNode"),u=o;return W.createElement("li",{"aria-expanded":t,role:"treeitem",style:c.treeNodeBase,title:a},W.createElement("div",{style:c.treeNodePreviewContainer,onClick:n},i||s.Children.count(r)>0?W.createElement(DR,{expanded:t,styles:c.treeNodeArrow}):l&&W.createElement("span",{style:c.treeNodePlaceholder}," "),W.createElement(u,{...e})),W.createElement("ol",{role:"group",style:c.treeNodeChildNodesContainer},t?r:void 0))}),Za="$",yd="*";function oa(e,t){return!t(e).next().done}var fR=e=>Array.from({length:e},(t,n)=>[Za].concat(Array.from({length:n},()=>"*")).join(".")),mR=(e,t,n,r,o)=>{const a=[].concat(fR(r)).concat(n).filter(l=>typeof l=="string"),i=[];return a.forEach(l=>{const c=l.split("."),u=(d,A,D)=>{if(D===c.length){i.push(A);return}const B=c[D];if(D===0)oa(d,t)&&(B===Za||B===yd)&&u(d,Za,D+1);else if(B===yd)for(const{name:C,data:p}of t(d))oa(p,t)&&u(p,`${A}.${C}`,D+1);else{const C=d[B];oa(C,t)&&u(C,`${A}.${B}`,D+1)}};u(e,"",0)}),i.reduce((l,c)=>(l[c]=!0,l),{...o})},Ym=s.memo(e=>{const{data:t,dataIterator:n,path:r,depth:o,nodeRenderer:a}=e,[i,l]=s.useContext(Gm),c=oa(t,n),u=!!i[r],d=s.useCallback(()=>c&&l(A=>({...A,[r]:!u})),[c,l,r,u]);return W.createElement(CR,{expanded:u,onClick:d,shouldShowArrow:c,shouldShowPlaceholder:o>0,nodeRenderer:a,...e},u?[...n(t)].map(({name:A,data:D,...B})=>W.createElement(Ym,{name:A,data:D,depth:o+1,path:`${r}.${A}`,key:A,dataIterator:n,nodeRenderer:a,...B})):null)}),Km=s.memo(({name:e,data:t,dataIterator:n,nodeRenderer:r,expandPaths:o,expandLevel:a})=>{const i=_2("TreeView"),l=s.useState({}),[,c]=l;return s.useLayoutEffect(()=>c(u=>mR(t,n,o,a,u)),[t,n,o,a]),W.createElement(Gm.Provider,{value:l},W.createElement("ol",{role:"tree",style:i.treeViewOutline},W.createElement(Ym,{name:e,data:t,dataIterator:n,depth:0,path:Za,nodeRenderer:r})))}),Lu=({name:e,dimmed:t=!1,styles:n={}})=>{const r=_2("ObjectName"),o={...r.base,...t?r.dimmed:{},...n};return W.createElement("span",{style:o},e)},_r=({object:e,styles:t})=>{const n=_2("ObjectValue"),r=o=>({...n[o],...t});switch(typeof e){case"bigint":return W.createElement("span",{style:r("objectValueNumber")},String(e),"n");case"number":return W.createElement("span",{style:r("objectValueNumber")},String(e));case"string":return W.createElement("span",{style:r("objectValueString")},'"',e,'"');case"boolean":return W.createElement("span",{style:r("objectValueBoolean")},String(e));case"undefined":return W.createElement("span",{style:r("objectValueUndefined")},"undefined");case"object":return e===null?W.createElement("span",{style:r("objectValueNull")},"null"):e instanceof Date?W.createElement("span",null,e.toString()):e instanceof RegExp?W.createElement("span",{style:r("objectValueRegExp")},e.toString()):Array.isArray(e)?W.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?W.createElement("span",null,`Buffer[${e.length}]`):W.createElement("span",null,e.constructor.name):W.createElement("span",null,"Object");case"function":return W.createElement("span",null,W.createElement("span",{style:r("objectValueFunctionPrefix")},"ƒ "),W.createElement("span",{style:r("objectValueFunctionName")},e.name,"()"));case"symbol":return W.createElement("span",{style:r("objectValueSymbol")},e.toString());default:return W.createElement("span",null)}},Jm=Object.prototype.hasOwnProperty,BR=Object.prototype.propertyIsEnumerable;function ac(e,t){const n=Object.getOwnPropertyDescriptor(e,t);if(n.get)try{return n.get()}catch{return n.get}return e[t]}function bd(e,t){return e.length===0?[]:e.slice(1).reduce((n,r)=>n.concat([t,r]),[e[0]])}var ic=({data:e})=>{const t=_2("ObjectPreview"),n=e;if(typeof n!="object"||n===null||n instanceof Date||n instanceof RegExp)return W.createElement(_r,{object:n});if(Array.isArray(n)){const r=t.arrayMaxProperties,o=n.slice(0,r).map((i,l)=>W.createElement(_r,{key:l,object:i}));n.length>r&&o.push(W.createElement("span",{key:"ellipsis"},"…"));const a=n.length;return W.createElement(W.Fragment,null,W.createElement("span",{style:t.objectDescription},a===0?"":`(${a}) `),W.createElement("span",{style:t.preview},"[",bd(o,", "),"]"))}else{const r=t.objectMaxProperties,o=[];for(const i in n)if(Jm.call(n,i)){let l;o.length===r-1&&Object.keys(n).length>r&&(l=W.createElement("span",{key:"ellipsis"},"…"));const c=ac(n,i);if(o.push(W.createElement("span",{key:i},W.createElement(Lu,{name:i||'""'}),": ",W.createElement(_r,{object:c}),l)),l)break}const a=n.constructor?n.constructor.name:"Object";return W.createElement(W.Fragment,null,W.createElement("span",{style:t.objectDescription},a==="Object"?"":`${a} `),W.createElement("span",{style:t.preview},"{",bd(o,", "),"}"))}},ER=({name:e,data:t})=>typeof e=="string"?W.createElement("span",null,W.createElement(Lu,{name:e}),W.createElement("span",null,": "),W.createElement(ic,{data:t})):W.createElement(ic,{data:t}),gR=({name:e,data:t,isNonenumerable:n=!1})=>{const r=t;return W.createElement("span",null,typeof e=="string"?W.createElement(Lu,{name:e,dimmed:n}):W.createElement(ic,{data:e}),W.createElement("span",null,": "),W.createElement(_r,{object:r}))},hR=(e,t)=>function*(r){if(!(typeof r=="object"&&r!==null||typeof r=="function"))return;const a=Array.isArray(r);if(!a&&r[Symbol.iterator]){let i=0;for(const l of r){if(Array.isArray(l)&&l.length===2){const[c,u]=l;yield{name:c,data:u}}else yield{name:i.toString(),data:l};i++}}else{const i=Object.getOwnPropertyNames(r);t===!0&&!a?i.sort():typeof t=="function"&&i.sort(t);for(const l of i)if(BR.call(r,l)){const c=ac(r,l);yield{name:l||'""',data:c}}else if(e){let c;try{c=ac(r,l)}catch{}c!==void 0&&(yield{name:l,data:c,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},yR=({depth:e,name:t,data:n,isNonenumerable:r})=>e===0?W.createElement(ER,{name:t,data:n}):W.createElement(gR,{name:t,data:n,isNonenumerable:r}),bR=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:n,...r})=>{const o=hR(e,t),a=n||yR;return W.createElement(Km,{nodeRenderer:a,dataIterator:o,...r})},vR=Ru(bR);function xR(e){if(typeof e=="object"){let t=[];if(Array.isArray(e)){const r=e.length;t=[...Array(r).keys()]}else e!==null&&(t=Object.keys(e));const n=t.reduce((r,o)=>{const a=e[o];return typeof a=="object"&&a!==null&&Object.keys(a).reduce((l,c)=>(l.includes(c)||l.push(c),l),r),r},[]);return{rowHeaders:t,colHeaders:n}}}var SR=({rows:e,columns:t,rowsData:n})=>{const r=_2("TableInspectorDataContainer"),o=_2("TableInspectorLeftBorder");return W.createElement("div",{style:r.div},W.createElement("table",{style:r.table},W.createElement("colgroup",null),W.createElement("tbody",null,e.map((a,i)=>W.createElement("tr",{key:a,style:r.tr},W.createElement("td",{style:{...r.td,...o.none}},a),t.map(l=>{const c=n[i];return typeof c=="object"&&c!==null&&Jm.call(c,l)?W.createElement("td",{key:l,style:{...r.td,...o.solid}},W.createElement(_r,{object:c[l]})):W.createElement("td",{key:l,style:{...r.td,...o.solid}})}))))))},FR=e=>W.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),wR=({sortAscending:e})=>{const t=_2("TableInspectorSortIcon"),n=e?"▲":"▼";return W.createElement("div",{style:t},n)},vd=({sortAscending:e=!1,sorted:t=!1,onClick:n=void 0,borderStyle:r={},children:o,...a})=>{const i=_2("TableInspectorTH"),[l,c]=s.useState(!1),u=s.useCallback(()=>c(!0),[]),d=s.useCallback(()=>c(!1),[]);return W.createElement("th",{...a,style:{...i.base,...r,...l?i.base[":hover"]:{}},onMouseEnter:u,onMouseLeave:d,onClick:n},W.createElement("div",{style:i.div},o),t&&W.createElement(FR,null,W.createElement(wR,{sortAscending:e})))},TR=({indexColumnText:e="(index)",columns:t=[],sorted:n,sortIndexColumn:r,sortColumn:o,sortAscending:a,onTHClick:i,onIndexTHClick:l})=>{const c=_2("TableInspectorHeaderContainer"),u=_2("TableInspectorLeftBorder");return W.createElement("div",{style:c.base},W.createElement("table",{style:c.table},W.createElement("tbody",null,W.createElement("tr",null,W.createElement(vd,{borderStyle:u.none,sorted:n&&r,sortAscending:a,onClick:l},e),t.map(d=>W.createElement(vd,{borderStyle:u.solid,key:d,sorted:n&&o===d,sortAscending:a,onClick:i.bind(null,d)},d))))))},_R=({data:e,columns:t})=>{const n=_2("TableInspector"),[{sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i},l]=s.useState({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),c=s.useCallback(()=>{l(({sortIndexColumn:C,sortAscending:p})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:C?!p:!0}))},[]),u=s.useCallback(C=>{l(({sortColumn:p,sortAscending:b})=>({sorted:!0,sortIndexColumn:!1,sortColumn:C,sortAscending:C===p?!b:!0}))},[]);if(typeof e!="object"||e===null)return W.createElement("div",null);let{rowHeaders:d,colHeaders:A}=xR(e);t!==void 0&&(A=t);let D=d.map(C=>e[C]),B;if(a!==void 0?B=D.map((C,p)=>typeof C=="object"&&C!==null?[C[a],p]:[void 0,p]):o&&(B=d.map((C,p)=>[d[p],p])),B!==void 0){const C=(b,m)=>(f,E)=>{const x=b(f),R=b(E),L=typeof x,k=typeof R,S=(N,V)=>N<V?-1:N>V?1:0;let P;if(L===k)P=S(x,R);else{const N={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};P=S(N[L],N[k])}return m||(P=-P),P},p=B.sort(C(b=>b[0],i)).map(b=>b[1]);d=p.map(b=>d[b]),D=p.map(b=>D[b])}return W.createElement("div",{style:n.base},W.createElement(TR,{columns:A,sorted:r,sortIndexColumn:o,sortColumn:a,sortAscending:i,onTHClick:u,onIndexTHClick:c}),W.createElement(SR,{rows:d,columns:A,rowsData:D}))},IR=Ru(_R),kR=80,Xm=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.length<kR,RR=({tagName:e,attributes:t,styles:n})=>W.createElement("span",{style:n.base},"<",W.createElement("span",{style:n.tagName},e),(()=>{if(t){const r=[];for(let o=0;o<t.length;o++){const a=t[o];r.push(W.createElement("span",{key:o}," ",W.createElement("span",{style:n.htmlAttributeName},a.name),'="',W.createElement("span",{style:n.htmlAttributeValue},a.value),'"'))}return r}})(),">"),xd=({tagName:e,isChildNode:t=!1,styles:n})=>W.createElement("span",{style:Object.assign({},n.base,t&&n.offsetLeft)},"</",W.createElement("span",{style:n.tagName},e),">"),LR={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},OR=({isCloseTag:e,data:t,expanded:n})=>{const r=_2("DOMNodePreview");if(e)return W.createElement(xd,{styles:r.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return W.createElement("span",null,W.createElement(RR,{tagName:t.tagName,attributes:t.attributes,styles:r.htmlOpenTag}),Xm(t)?t.textContent:!n&&"…",!n&&W.createElement(xd,{tagName:t.tagName,styles:r.htmlCloseTag}));case Node.TEXT_NODE:return W.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return W.createElement("span",null,"<![CDATA["+t.textContent+"]]>");case Node.COMMENT_NODE:return W.createElement("span",{style:r.htmlComment},"<!--",t.textContent,"-->");case Node.PROCESSING_INSTRUCTION_NODE:return W.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return W.createElement("span",{style:r.htmlDoctype},"<!DOCTYPE ",t.name,t.publicId?` PUBLIC "${t.publicId}"`:"",!t.publicId&&t.systemId?" SYSTEM":"",t.systemId?` "${t.systemId}"`:"",">");case Node.DOCUMENT_NODE:return W.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return W.createElement("span",null,t.nodeName);default:return W.createElement("span",null,LR[t.nodeType])}},PR=function*(e){if(e&&e.childNodes){if(Xm(e))return;for(let n=0;n<e.childNodes.length;n++){const r=e.childNodes[n];r.nodeType===Node.TEXT_NODE&&r.textContent.trim().length===0||(yield{name:`${r.tagName}[${n}]`,data:r})}e.tagName&&(yield{name:"CLOSE_TAG",data:{tagName:e.tagName},isCloseTag:!0})}},NR=e=>W.createElement(Km,{nodeRenderer:OR,dataIterator:PR,...e}),MR=Ru(NR),$R=uR(pR()),zR=({table:e=!1,data:t,...n})=>e?W.createElement(IR,{data:t,...n}):(0,$R.default)(t)?W.createElement(MR,{data:t,...n}):W.createElement(vR,{data:t,...n});const jR=({dispatch:e,globalState:t})=>{const[n,r]=s.useState(!1),o="Log of events triggered by user.";return v.jsx("li",{children:v.jsxs("button",{"aria-label":o,title:o,onClick:()=>r(!0),className:n?"ladle-active":"","data-testid":"addon-action",type:"button",children:[v.jsx(BE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:o}),v.jsx("label",{children:"Actions"}),t.action.length?v.jsx("div",{className:"ladle-badge",children:t.action.length}):null,v.jsxs(Yn,{maxWidth:"60em",isOpen:n,close:()=>r(!1),label:"Dialog with a log of events triggered by user.",children:[t.action.map((a,i)=>v.jsx(zR,{table:!1,sortObjectKeys:!0,theme:{...t.theme===P0.Light?Wm:Um,BASE_BACKGROUND_COLOR:"var(--ladle-bg-color-secondary)"},showNonenumerable:!1,name:a.name,data:a.event},i)),v.jsx("button",{onClick:()=>{e({type:u0.UpdateAction,clear:!0,value:void 0})},type:"button",children:"Clear actions"})]})]})})},VR=e=>{const t=De.parse(e).rtl;return t==="true"?!0:t==="false"?!1:o0.addons.rtl.defaultState},HR=({dispatch:e,globalState:t})=>{const n="Switch text direction to right to left.",r="Switch text direction to left to right.";return M2(o0.hotkeys.rtl,()=>e({type:u0.UpdateRtl,value:!t.rtl}),{enabled:t.hotkeys&&o0.addons.rtl.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":t.rtl?r:n,title:t.rtl?r:n,className:t.rtl?"ladle-active":"",onClick:()=>e({type:u0.UpdateRtl,value:!t.rtl}),type:"button",children:[v.jsx(sE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:t.rtl?r:n}),v.jsx("label",{children:"Right to left"})]})})},UR={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"},WR=({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," ＋ "),v.jsx(Pt,{children:e})),GR=({globalState:e})=>{const[t,n]=s.useState(!1),r="Get more information about Ladle.";return v.jsx("li",{children:v.jsxs("button",{"aria-label":r,title:r,onClick:()=>n(!0),className:t?"ladle-active":"",type:"button",children:[v.jsx(lE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:r}),v.jsx("label",{children:"About Ladle"}),v.jsxs(Yn,{isOpen:t,close:()=>n(!1),label:"Dialog with information about Ladle.",children:[v.jsx("h3",{children:"Hotkeys"}),e.hotkeys?v.jsxs(v.Fragment,{children:[v.jsx("ul",{style:{listStyle:"none",marginLeft:0,paddingLeft:0},children:Object.keys(o0.hotkeys).map(o=>o0.hotkeys[o].length?v.jsxs("li",{children:[v.jsx("span",{style:{display:"inline-block",width:"200px"},children:o0.hotkeys[o].map((a,i)=>v.jsxs("span",{children:[v.jsx(WR,{children:a}),o0.hotkeys[o].length>i+1?" or ":""]},a))}),v.jsx("span",{style:{display:"inline-block"},children:UR[o]})]},o):null)}),v.jsxs("p",{children:["Hotkeys can be disabled through"," ",v.jsx(Pt,{children:"Story.meta = { hotkeys: false }"}),"."]})]}):v.jsxs("p",{children:["Hotkeys are disabled for this story by"," ",v.jsx(Pt,{children:"meta.hotkeys = false"}),"."]}),v.jsxs("p",{children:["Ladle is a modern and fast playground for React components powered by Vite. For more information visit"," ",v.jsx("a",{href:"https://www.ladle.dev/",children:"ladle.dev"})," or our"," ",v.jsx("a",{href:"https://discord.gg/H6FSHjyW7e",children:"discord"}),"."]})]})]})})},qR=async(e,t,n)=>{const r=await g(()=>import("./empty-module-BIHI7g3E.js"),__vite__mapDeps([]),import.meta.url);try{const o=await r.default.run(document.getElementsByTagName("main"));e(o.violations),t(!0),n&&n.setAttribute("aria-hidden","true")}catch{}},YR=({violation:e})=>{const[t,n]=s.useState(!1);return v.jsxs("li",{children:[e.help," (",e.nodes.length,")."," ",t?v.jsxs(v.Fragment,{children:[v.jsxs("ul",{children:[v.jsxs("li",{children:["ID: ",e.id]}),v.jsxs("li",{children:["Impact: ",e.impact]}),v.jsxs("li",{children:["Description: ",e.description]}),v.jsx("li",{children:v.jsx("a",{href:e.helpUrl,children:"Documentation"})})]}),v.jsx("p",{children:"Violating nodes:"}),v.jsx("ul",{children:e.nodes.map(r=>v.jsx("li",{children:v.jsx(Pt,{children:r.html})},r.html))}),v.jsx("p",{children:v.jsx("a",{href:"#",onClick:()=>n(!1),children:"Hide details"})})]}):v.jsx("a",{href:"#",onClick:()=>n(!0),children:"Show details"})]})},KR=({reportFinished:e,violations:t})=>e?t.length===0?v.jsxs("p",{children:["There are no ",v.jsx("a",{href:"https://github.com/dequelabs/axe-core",children:"axe"})," ","accessibility violations. Good job!"]}):v.jsxs(v.Fragment,{children:[v.jsxs("h3",{children:["There are ",t.length," ",v.jsx("a",{href:"https://github.com/dequelabs/axe-core",children:"axe"})," accessibility violations"]}),v.jsx("ul",{children:t.map(n=>v.jsx(YR,{violation:n},n.id))})]}):v.jsx("p",{children:"Report is loading..."}),JR=({globalState:e})=>{const[t,n]=s.useState(!1),[r,o]=s.useState(!1),[a,i]=s.useState([]);s.useEffect(()=>{},[]);const l="Show accessibility report.",c=()=>{qR(i,o,null).catch(console.error),setTimeout(()=>n(!t),100)};return M2(o0.hotkeys.a11y,()=>t?n(!1):c(),{enabled:e.hotkeys&&o0.addons.a11y.enabled}),v.jsx("li",{children:v.jsxs("button",{"aria-label":l,"data-testid":"addon-a11y",title:l,onClick:c,className:t?"a11y-active":"",type:"button",children:[v.jsx(fE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:l}),v.jsx("label",{children:"Accessibility report"}),a.length?v.jsx("div",{className:"ladle-badge",children:a.length}):null,v.jsx(Yn,{isOpen:t,close:()=>n(!1),label:"Dialog with the story accessibility report.",children:v.jsx(KR,{reportFinished:r,violations:a})})]})})},XR=e=>{const t=De.parse(e).width;let n=0;return Object.keys(o0.addons.width.options).forEach(r=>{(r===t||parseInt(t,10)===o0.addons.width.options[r])&&(n=o0.addons.width.options[r])}),n!==0?n:o0.addons.width.defaultState},ZR=({globalState:e,dispatch:t})=>{const n="Change the story viewport.",[r,o]=s.useState(!1);M2(o0.hotkeys.width,()=>o(c=>!c),{enabled:e.hotkeys&&o0.addons.width.enabled});const a=Hn[e.story];let i=a&&a.meta?a.meta.meta.width:0,l=o0.addons.width.options;return Object.keys(l).forEach(c=>{c===i&&(i=l[c])}),i&&!Object.values(l).includes(i)&&(l={custom:i,...l}),v.jsx("li",{children:v.jsxs("button",{"aria-label":n,"data-testid":"addon-width",title:n,onClick:()=>o(!0),className:r?"width-active":"",type:"button",children:[v.jsx(mE,{}),v.jsx("span",{className:"ladle-addon-tooltip",children:n}),v.jsx("label",{children:"Set story width"}),v.jsxs(Yn,{isOpen:r,close:()=>o(!1),label:"Dialog with the story width selector.",children:[v.jsx("p",{children:"Select story width"}),v.jsxs("div",{children:[v.jsx("input",{onChange:()=>t({type:u0.UpdateWidth,value:0}),type:"radio",id:"width-unset",name:"width",value:0,checked:e.width===0}),v.jsx("label",{htmlFor:"width-unset",style:{paddingLeft:"8px"},children:"unset"})]}),Object.keys(l).map(c=>v.jsxs("div",{children:[v.jsx("input",{onChange:()=>t({type:u0.UpdateWidth,value:l[c]}),type:"radio",id:`width-${c}`,name:"width",value:l[c],checked:e.width===l[c]}),v.jsxs("label",{htmlFor:`width-${c}`,style:{paddingLeft:"8px"},children:[l[c],"px - ",c]})]},c)),v.jsx("p",{})]})]})})},QR=({globalState:e,dispatch:t})=>Object.keys(o0.addons).every(n=>o0.addons[n].enabled===!1)?null:v.jsx("header",{role:"banner",className:"ladle-addons",children:v.jsxs("ul",{children:[o0.addons.control.enabled&&Object.keys(e.control).length>0&&v.jsx(lb,{globalState:e,dispatch:t}),o0.addons.theme.enabled&&v.jsx(T5,{globalState:e,dispatch:t}),o0.addons.mode.enabled&&v.jsx(rR,{globalState:e,dispatch:t}),o0.addons.width.enabled&&v.jsx(ZR,{globalState:e,dispatch:t}),o0.addons.rtl.enabled&&v.jsx(HR,{globalState:e,dispatch:t}),o0.addons.source.enabled&&v.jsx($k,{globalState:e,dispatch:t}),o0.addons.a11y.enabled&&v.jsx(JR,{globalState:e,dispatch:t}),o0.addons.ladle.enabled&&v.jsx(GR,{globalState:e,dispatch:t}),o0.addons.control.enabled&&e.action.length>0&&v.jsx(jR,{globalState:e,dispatch:t})]})}),eL=(e,t)=>{switch(ae("Action dispatched",t),t.type){case u0.UpdateAll:return{...e,...t.value};case u0.UpdateMode:return{...e,mode:t.value};case u0.UpdateAction:const n={...e};return t.clear&&(n.action=[]),t.value?{...e,action:[...n.action,t.value]}:n;case u0.UpdateRtl:return{...e,rtl:t.value};case u0.UpdateSource:return{...e,source:t.value};case u0.UpdateStory:return{...e,story:t.value,control:{},controlInitialized:!1,width:0,action:[]};case u0.UpdateTheme:return{...e,theme:t.value};case u0.UpdateWidth:return{...e,width:t.value};case u0.UpdateControl:return{...e,control:t.value,controlInitialized:!0};case u0.UpdateControlIntialized:return{...e,controlInitialized:t.value};case u0.UpdateHotkeys:return{...e,hotkeys:t.value};default:return e}},lc=zd(Object.keys(Hn),o0.storyOrder);ae("Stories found",lc);const Il=(e,t)=>({theme:fm(e),mode:nR(e),story:Nd(e,o0.defaultStory),rtl:VR(e),source:Nk(e),width:XR(e),control:MC(e,t?t.control:{}),action:[],controlInitialized:!1,hotkeys:!0}),tL=()=>{const e=Il(location.search),[t,n]=s.useReducer(eL,e),r=s.useRef({});let o="";t.control&&Object.keys(t.control).forEach(i=>{t.control[i].type==="background"&&(o=t.control[i].value||"")}),M2(o0.hotkeys.fullscreen,()=>{n({type:u0.UpdateMode,value:t.mode===c2.Full?c2.Preview:c2.Full})},{preventDefault:!0,enabled:t.hotkeys&&o0.addons.mode.enabled}),s.useEffect(()=>{document.getElementsByClassName("ladle-background")[0].style.background=o},[o]),s.useEffect(()=>{r.current=t}),s.useEffect(()=>{window.ladleDispatch=n},[]);const a=r.current;return s.useEffect(()=>{var i,l;ae("Global state update",t),EB(location.search)||Sl(t),Sl(t),t.story!==a.story&&(document.title=`${$d(t.story)} | Ladle`),t.theme!==a.theme&&document.documentElement.setAttribute("data-theme",t.theme),t.rtl!==a.rtl&&(t.rtl?document.documentElement.setAttribute("dir","rtl"):document.documentElement.removeAttribute("dir")),t.mode!==a.mode&&(document.documentElement.setAttribute("data-mode",t.mode),t.mode===c2.Preview?(i=document.getElementById("ladle-root"))==null||i.removeAttribute("class"):(l=document.getElementById("ladle-root"))==null||l.setAttribute("class","ladle-wrapper"))},[t]),s.useEffect(()=>{const i=_u.listen(({location:l,action:c})=>{if(c===St.Pop){const u={};Object.keys(t.control).forEach(A=>{const D=Il(l.search,t).control[A];u[A]={...t.control[A],value:D?D.value:t.control[A].defaultValue}});const d=Il(l.search,t);n({type:u0.UpdateAll,value:{...d,control:u,controlInitialized:t.story===d.story}})}});return()=>i()},[t]),t.mode===c2.Preview?v.jsx(t3.Provider,{value:{globalState:t,dispatch:n},children:v.jsx(md,{globalState:t,dispatch:n})}):v.jsxs(t3.Provider,{value:{globalState:t,dispatch:n},children:[v.jsx("main",{className:"ladle-main",children:lc.length>0?v.jsx(md,{globalState:t,dispatch:n}):v.jsx(Hk,{})}),v.jsx(tR,{stories:lc,hotkeys:t.hotkeys,story:t.story,updateStory:i=>{Kk(),Sl({...t,story:i,control:{}}),n({type:u0.UpdateStory,value:i})}}),v.jsx(QR,{globalState:t,dispatch:n})]})},nL=document.getElementById("ladle-root"),rL=Bm(nL);rL.render(v.jsx(tL,{}));export{Ya as $,Jf as A,j2 as B,uL as C,jC as D,WC as E,cL as F,zC as G,Wx as H,Kx as I,am as J,sL as K,sm as L,Zv as M,Xv as N,Ae as O,dL as P,aL as Q,W as R,AS as S,Sx as T,Qx as U,Fx as V,yA as W,gb as X,Zx as Y,Jx as Z,Xx as _,dS as a,Eb as a0,FS as a1,pb as a2,mu as a3,pL as a4,Cb as b,r2 as c,Kn as d,AL as e,Qe as f,zs as g,$s as h,lm as i,v as j,Db as k,iL as l,Ab as m,Pa as n,js as o,UC as p,io as q,s as r,Co as s,Zr as t,fu as u,VC as v,jt as w,lL as x,Xn as y,Gx as z};
diff --git a/2240/react/assets/manifest-B-VxemCC.webmanifest b/2240/react/assets/manifest-B-VxemCC.webmanifest
new file mode 100644
index 00000000000..c9e59885ccc
--- /dev/null
+++ b/2240/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/2240/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2 b/2240/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2
new file mode 100644
index 00000000000..ecc8d4958f3
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-300-normal-CP1FDmki.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff b/2240/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff
new file mode 100644
index 00000000000..a62252ff70a
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-300-normal-ClXm-dlX.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff b/2240/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff
new file mode 100644
index 00000000000..a4e565b6419
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-400-italic-BianQXmj.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2 b/2240/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2
new file mode 100644
index 00000000000..7a2c659b6e3
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-400-italic-CABatiyV.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff b/2240/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff
new file mode 100644
index 00000000000..b705dc84334
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-400-normal-B3NRx7Ou.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2 b/2240/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2
new file mode 100644
index 00000000000..eaef2fd1d38
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-400-normal-By7QAaWy.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2 b/2240/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2
new file mode 100644
index 00000000000..53fa2a2ae9c
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-600-normal-BQM-i0-G.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff b/2240/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff
new file mode 100644
index 00000000000..b64f3ab4159
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-600-normal-DzPzSo6j.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff b/2240/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff
new file mode 100644
index 00000000000..b738143da80
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-800-normal-BDWNruoQ.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2 b/2240/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2
new file mode 100644
index 00000000000..549d3a17926
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-800-normal-BXulslGC.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2 b/2240/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2
new file mode 100644
index 00000000000..2910a8d0d02
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-300-normal-CZDVogbR.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff b/2240/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff
new file mode 100644
index 00000000000..67d6f65a3df
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-300-normal-hdPPrXzA.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2 b/2240/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2
new file mode 100644
index 00000000000..8e23b47e98c
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-400-italic-0y6sYPb7.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff b/2240/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff
new file mode 100644
index 00000000000..e9a153937fc
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-400-italic-Dq8y5pdj.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff b/2240/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff
new file mode 100644
index 00000000000..b2b6f21b5b1
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-400-normal-BRm6ZiVe.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2 b/2240/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2
new file mode 100644
index 00000000000..901a645469f
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-400-normal-pryxtR1e.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff b/2240/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff
new file mode 100644
index 00000000000..5831fbe882c
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-600-normal-Bz3dKip2.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2 b/2240/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2
new file mode 100644
index 00000000000..3dbf8551474
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-600-normal-ChGqxECf.woff2 differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff b/2240/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff
new file mode 100644
index 00000000000..50845589446
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-800-normal-C4TJ4UEI.woff differ
diff --git a/2240/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2 b/2240/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2
new file mode 100644
index 00000000000..2316056a7d5
Binary files /dev/null and b/2240/react/assets/noto-sans-cyrillic-ext-800-normal-RCMFowXK.woff2 differ
diff --git a/2240/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff b/2240/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff
new file mode 100644
index 00000000000..ec6837afa9b
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-300-normal-CCGO9xHm.woff differ
diff --git a/2240/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2 b/2240/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2
new file mode 100644
index 00000000000..61364c03217
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-300-normal-D8q7SBYl.woff2 differ
diff --git a/2240/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2 b/2240/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2
new file mode 100644
index 00000000000..327b6b50f45
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-400-italic-BbVQtrdB.woff2 differ
diff --git a/2240/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff b/2240/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff
new file mode 100644
index 00000000000..9d8ea6bb5b5
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-400-italic-CvJLhbKf.woff differ
diff --git a/2240/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2 b/2240/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2
new file mode 100644
index 00000000000..484a8f0afaa
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-400-normal-BoDwSPfC.woff2 differ
diff --git a/2240/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff b/2240/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff
new file mode 100644
index 00000000000..4b2b356dd92
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-400-normal-DlnkwVRY.woff differ
diff --git a/2240/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2 b/2240/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2
new file mode 100644
index 00000000000..7a4b7218927
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-600-normal-D4RnwROT.woff2 differ
diff --git a/2240/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff b/2240/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff
new file mode 100644
index 00000000000..e3d151c6308
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-600-normal-tKpq7tTZ.woff differ
diff --git a/2240/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff b/2240/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff
new file mode 100644
index 00000000000..13b06efa645
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-800-normal-DjiH81vx.woff differ
diff --git a/2240/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2 b/2240/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2
new file mode 100644
index 00000000000..7ce21a595cd
Binary files /dev/null and b/2240/react/assets/noto-sans-devanagari-800-normal-Dv4sD9xR.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2 b/2240/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2
new file mode 100644
index 00000000000..88e7ce31ad9
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-300-normal-DEENfrZh.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff b/2240/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff
new file mode 100644
index 00000000000..a168a1aca4d
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-300-normal-LsdMbNu4.woff differ
diff --git a/2240/react/assets/noto-sans-greek-400-italic-JyfWctor.woff b/2240/react/assets/noto-sans-greek-400-italic-JyfWctor.woff
new file mode 100644
index 00000000000..54404f3558b
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-400-italic-JyfWctor.woff differ
diff --git a/2240/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2 b/2240/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2
new file mode 100644
index 00000000000..6aeeda5f3dc
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-400-italic-roH9dfV2.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2 b/2240/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2
new file mode 100644
index 00000000000..053c5a2361e
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-400-normal-Dtnzxmgf.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff b/2240/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff
new file mode 100644
index 00000000000..b0034e4359c
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-400-normal-W0pQb9dK.woff differ
diff --git a/2240/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2 b/2240/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2
new file mode 100644
index 00000000000..aabccbbfbb4
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-600-normal-Clz0jB_g.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff b/2240/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff
new file mode 100644
index 00000000000..6c2413378a3
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-600-normal-DUEopgYm.woff differ
diff --git a/2240/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2 b/2240/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2
new file mode 100644
index 00000000000..bed89a5940a
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-800-normal-5nFnfq4h.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff b/2240/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff
new file mode 100644
index 00000000000..ef9dd655df5
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-800-normal-PJujWxCx.woff differ
diff --git a/2240/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2 b/2240/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2
new file mode 100644
index 00000000000..a665e465166
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-300-normal-BjCsls6L.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff b/2240/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff
new file mode 100644
index 00000000000..60e489b3e60
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-300-normal-CxJYDAKA.woff differ
diff --git a/2240/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff b/2240/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff
new file mode 100644
index 00000000000..594e096aa6b
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-400-italic-B8p6DS8N.woff differ
diff --git a/2240/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2 b/2240/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2
new file mode 100644
index 00000000000..d2ff6ceaa8a
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-400-italic-Dx7JN1Go.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2 b/2240/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2
new file mode 100644
index 00000000000..380407635df
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-400-normal-B892MBUX.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff b/2240/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff
new file mode 100644
index 00000000000..5d16fc303d3
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-400-normal-b0fyIAVu.woff differ
diff --git a/2240/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2 b/2240/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2
new file mode 100644
index 00000000000..3a5db9a6b64
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-600-normal-CL3Z7Vgz.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff b/2240/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff
new file mode 100644
index 00000000000..803f639d00c
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-600-normal-CoHj5uhM.woff differ
diff --git a/2240/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2 b/2240/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2
new file mode 100644
index 00000000000..c4801c77aa5
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-800-normal-C-LpoPOw.woff2 differ
diff --git a/2240/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff b/2240/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff
new file mode 100644
index 00000000000..d0c22edd419
Binary files /dev/null and b/2240/react/assets/noto-sans-greek-ext-800-normal-Ct34ArFd.woff differ
diff --git a/2240/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2 b/2240/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2
new file mode 100644
index 00000000000..ecca6d52f3c
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-300-normal-CxMpe7T8.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff b/2240/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff
new file mode 100644
index 00000000000..bf49f4b9b22
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-300-normal-DEXKGYHZ.woff differ
diff --git a/2240/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2 b/2240/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2
new file mode 100644
index 00000000000..b34f7ed0591
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-400-italic-CB5yl7qv.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-400-italic-C_httkWH.woff b/2240/react/assets/noto-sans-latin-400-italic-C_httkWH.woff
new file mode 100644
index 00000000000..e59160884a5
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-400-italic-C_httkWH.woff differ
diff --git a/2240/react/assets/noto-sans-latin-400-normal-BARFNakm.woff b/2240/react/assets/noto-sans-latin-400-normal-BARFNakm.woff
new file mode 100644
index 00000000000..13f99009350
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-400-normal-BARFNakm.woff differ
diff --git a/2240/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2 b/2240/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2
new file mode 100644
index 00000000000..9678346a6e7
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-400-normal-DIc3SuB2.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-600-normal-TixqfKii.woff b/2240/react/assets/noto-sans-latin-600-normal-TixqfKii.woff
new file mode 100644
index 00000000000..6ebd6496519
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-600-normal-TixqfKii.woff differ
diff --git a/2240/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2 b/2240/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2
new file mode 100644
index 00000000000..510897057a6
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-600-normal-UVs-NnBe.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2 b/2240/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2
new file mode 100644
index 00000000000..200fb6d0ccf
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-800-normal-BKzss8KP.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff b/2240/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff
new file mode 100644
index 00000000000..8e027837df9
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-800-normal-DSSzlEFf.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff b/2240/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff
new file mode 100644
index 00000000000..471255e24a8
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-300-normal-D0pEO5Gw.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2 b/2240/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2
new file mode 100644
index 00000000000..c0c84c22edb
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-300-normal-DcbOC3yV.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff b/2240/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff
new file mode 100644
index 00000000000..c4b44dc8886
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-400-italic-C29CxlHj.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2 b/2240/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2
new file mode 100644
index 00000000000..421950ceef6
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-400-italic-zUnwQFTS.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2 b/2240/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2
new file mode 100644
index 00000000000..e22ce1e624e
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-400-normal-D8ImC44-.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff b/2240/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff
new file mode 100644
index 00000000000..93a670cfa73
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-400-normal-bm3wUvc3.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff b/2240/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff
new file mode 100644
index 00000000000..cbbc9e9b095
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-600-normal-B1ej6lef.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2 b/2240/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2
new file mode 100644
index 00000000000..001cffb850e
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-600-normal-Dp1oqsly.woff2 differ
diff --git a/2240/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff b/2240/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff
new file mode 100644
index 00000000000..7c5d85a8e86
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-800-normal-BSZD8-No.woff differ
diff --git a/2240/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2 b/2240/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2
new file mode 100644
index 00000000000..7d66f0897fb
Binary files /dev/null and b/2240/react/assets/noto-sans-latin-ext-800-normal-dQI-PttF.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 b/2240/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2
new file mode 100644
index 00000000000..95cffd6c57b
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-cyrillic-400-normal-CVSOYX86.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff b/2240/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff
new file mode 100644
index 00000000000..749530be001
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-cyrillic-400-normal-pO2zhzh0.woff differ
diff --git a/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff b/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff
new file mode 100644
index 00000000000..80375193fb5
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-8DZYPWYC.woff differ
diff --git a/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 b/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2
new file mode 100644
index 00000000000..04fa34752ac
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-cyrillic-ext-400-normal-HVwIWzi8.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 b/2240/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2
new file mode 100644
index 00000000000..955b03863ce
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-greek-400-normal-BSQ9sg_B.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff b/2240/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff
new file mode 100644
index 00000000000..c378a2f80e1
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-greek-400-normal-R0Ghntyr.woff differ
diff --git a/2240/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 b/2240/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2
new file mode 100644
index 00000000000..35c4777a36f
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-greek-ext-400-normal-BB8afKG3.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff b/2240/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff
new file mode 100644
index 00000000000..72ff5d54176
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-greek-ext-400-normal-EjIPdHoa.woff differ
diff --git a/2240/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 b/2240/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2
new file mode 100644
index 00000000000..94fa9347f90
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-latin-400-normal-Cp3wYeJK.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff b/2240/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff
new file mode 100644
index 00000000000..0c56739cf0e
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-latin-400-normal-D5LfrJfJ.woff differ
diff --git a/2240/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff b/2240/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff
new file mode 100644
index 00000000000..bc3d2925d07
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-latin-ext-400-normal-BRk8EcB_.woff differ
diff --git a/2240/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 b/2240/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2
new file mode 100644
index 00000000000..ece9d326437
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-latin-ext-400-normal-D5Foqygf.woff2 differ
diff --git a/2240/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff b/2240/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff
new file mode 100644
index 00000000000..d577e77613c
Binary files /dev/null and b/2240/react/assets/noto-sans-mono-vietnamese-400-normal-B__wJiZy.woff differ
diff --git a/2240/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff b/2240/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff
new file mode 100644
index 00000000000..ac82553c74e
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-300-normal-DgabIA12.woff differ
diff --git a/2240/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2 b/2240/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2
new file mode 100644
index 00000000000..669dccce7a3
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-300-normal-IX_o53oz.woff2 differ
diff --git a/2240/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff b/2240/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff
new file mode 100644
index 00000000000..3665f39bd79
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-400-italic-CTBtmRW_.woff differ
diff --git a/2240/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2 b/2240/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2
new file mode 100644
index 00000000000..a8871f60335
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-400-italic-D1xfJTm0.woff2 differ
diff --git a/2240/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2 b/2240/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2
new file mode 100644
index 00000000000..bc92f4de1a2
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-400-normal-CsiBWUuU.woff2 differ
diff --git a/2240/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff b/2240/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff
new file mode 100644
index 00000000000..a6280760dcc
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-400-normal-zWMzIoWC.woff differ
diff --git a/2240/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff b/2240/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff
new file mode 100644
index 00000000000..b741c0e2e66
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-600-normal-BNN-id40.woff differ
diff --git a/2240/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2 b/2240/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2
new file mode 100644
index 00000000000..0c0c92825b5
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-600-normal-D1ZLZieD.woff2 differ
diff --git a/2240/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2 b/2240/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2
new file mode 100644
index 00000000000..a634b0de143
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-800-normal-DtclX_T_.woff2 differ
diff --git a/2240/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff b/2240/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff
new file mode 100644
index 00000000000..a0f9260e295
Binary files /dev/null and b/2240/react/assets/noto-sans-vietnamese-800-normal-XG5K2LOr.woff differ
diff --git a/2240/react/assets/supports-COocl_0Z.js b/2240/react/assets/supports-COocl_0Z.js
new file mode 100644
index 00000000000..cb131f9941a
--- /dev/null
+++ b/2240/react/assets/supports-COocl_0Z.js
@@ -0,0 +1 @@
+import{h as p}from"./index-t5nukUIt.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/2240/react/assets/touch-icon-ByyUZD7t.png b/2240/react/assets/touch-icon-ByyUZD7t.png
new file mode 100644
index 00000000000..f47cc956762
Binary files /dev/null and b/2240/react/assets/touch-icon-ByyUZD7t.png differ
diff --git a/2240/react/assets/useContainerWidth-g5koDt2g.js b/2240/react/assets/useContainerWidth-g5koDt2g.js
new file mode 100644
index 00000000000..5fc56510b48
--- /dev/null
+++ b/2240/react/assets/useContainerWidth-g5koDt2g.js
@@ -0,0 +1 @@
+import{r,k as o,d as l}from"./index-t5nukUIt.js";const C=(s=!0)=>{let[n,i]=r.useState(0),u=r.useCallback(e=>{e&&i(e.getBoundingClientRect().width)},[]),a=r.useCallback(({width:e})=>i(e),[]),[d,t]=o(a);return s||t==null||t.disconnect(),[l(u,s?d:void 0),n]};export{C as u};
diff --git a/2240/react/assets/useEventListener-5zUv3STn.js b/2240/react/assets/useEventListener-5zUv3STn.js
new file mode 100644
index 00000000000..72474a561c1
--- /dev/null
+++ b/2240/react/assets/useEventListener-5zUv3STn.js
@@ -0,0 +1 @@
+import{r as s}from"./index-t5nukUIt.js";const o=(e,u,r)=>{let t=s.useRef();s.useEffect(()=>{t.current=u},[u]),s.useEffect(()=>{if(!r)return;let f=i=>{var c;return(c=t.current)==null?void 0:c.call(t,i)};return r.addEventListener(e,f),()=>{r.removeEventListener(e,f)}},[e,r])};export{o as u};
diff --git a/2240/react/assets/useIntersection-PIH1b3k1.js b/2240/react/assets/useIntersection-PIH1b3k1.js
new file mode 100644
index 00000000000..286ad97d501
--- /dev/null
+++ b/2240/react/assets/useIntersection-PIH1b3k1.js
@@ -0,0 +1 @@
+import{r as f,h as d}from"./index-t5nukUIt.js";const I=(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=d())!=null&&a.IntersectionObserver))return;let c=new IntersectionObserver(([b],v)=>{b.isIntersecting&&(t&&v.disconnect(),r())},{root:s,rootMargin:n,threshold:o});c.observe(i),e.current=()=>c.disconnect()},[r,t,s,n,o])};export{I as u};
diff --git a/2240/react/assets/useVirtualScroll-CFcjEM5a.js b/2240/react/assets/useVirtualScroll-CFcjEM5a.js
new file mode 100644
index 00000000000..ecc875cb1b7
--- /dev/null
+++ b/2240/react/assets/useVirtualScroll-CFcjEM5a.js
@@ -0,0 +1,18 @@
+import{r as M,O as T,R as S}from"./index-t5nukUIt.js";function x(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 c=o();if(!(c.length!==s.length||c.some((g,d)=>s[d]!==g)))return t;s=c;let m;if(e.key&&((i=e.debug)!=null&&i.call(e))&&(m=Date.now()),t=l(...c),e.key&&((r=e.debug)!=null&&r.call(e))){const g=Math.round((Date.now()-u)*100)/100,d=Math.round((Date.now()-m)*100)/100,z=d/16,v=(f,E)=>{for(f=String(f);f.length<E;)f=" "+f;return f};console.info(`%c⏱ ${v(d,5)} /${v(g,5)} ms`,`
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0,Math.min(120-120*z,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(a=e==null?void 0:e.onChange)==null||a.call(e,t),t}}function w(o,l){if(o===void 0)throw new Error(`Unexpected undefined${l?`: ${l}`:""}`);return o}const _=(o,l)=>Math.abs(o-l)<1,R=(o,l,e)=>{let s;return function(...t){o.clearTimeout(s),s=o.setTimeout(()=>l.apply(this,t),e)}},k=o=>o,D=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},A=(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=i[0];if(r!=null&&r.borderBoxSize){const a=r.borderBoxSize[0];if(a){t({width:a.inlineSize,height:a.blockSize});return}}t(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},O={passive:!0},F=typeof window>"u"?!0:"onscrollend"in window,W=(o,l)=>{const e=o.scrollElement;if(!e)return;const s=o.targetWindow;if(!s)return;let t=0;const n=F?()=>{}:R(s,()=>{l(t,!1)},o.options.isScrollingResetDelay),i=u=>()=>{t=e[o.options.horizontal?"scrollLeft":"scrollTop"],n(),l(t,u)},r=i(!0),a=i(!1);return a(),e.addEventListener("scroll",r,O),e.addEventListener("scrollend",a,O),()=>{e.removeEventListener("scroll",r),e.removeEventListener("scrollend",a)}},j=(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"])},B=(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 P{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=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var t;return(t=s())==null?void 0:t.disconnect()},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:k,rangeExtractor:D,onChange:()=>{},measureElement:j,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,...e}},this.notify=(e,s)=>{var t,n;const{startIndex:i,endIndex:r}=this.range??{startIndex:void 0,endIndex:void 0},a=this.calculateRange();(e||i!==(a==null?void 0:a.startIndex)||r!==(a==null?void 0:a.endIndex))&&((n=(t=this.options).onChange)==null||n.call(t,this,s))},this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.observer.disconnect(),this.elementsCache.clear()},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.notify(!1,!1);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._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.notify(!1,!1)})),this.unsubs.push(this.options.observeElementOffset(this,(t,n)=>{this.scrollAdjustments=0,this.scrollDirection=n?this.getScrollOffset()<t?"forward":"backward":null,this.scrollOffset=t;const i=this.isScrolling;this.isScrolling=n,this.notify(i!==n,n)}))}},this.getSize=()=>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.end<a.end&&t.set(r.lane,!0),t.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((i,r)=>i.end===r.end?i.index-r.index:i.end-r.end)[0]:void 0},this.getMeasurementOptions=x(()=>[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=x(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:s,scrollMargin:t,getItemKey:n,enabled:i},r)=>{var a;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 u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const c=this.measurementsCache.slice(0,u);for(let h=u;h<e;h++){let m=(a=this.measurementsCache[h])==null?void 0:a.measureElement;m||(m=p=>{const I=n(h),b=this.elementsCache.get(I);if(!p){b&&(this.observer.unobserve(b),this.elementsCache.delete(I));return}b!==p&&(b&&this.observer.unobserve(b),this.observer.observe(p),this.elementsCache.set(I,p)),p.isConnected&&this.resizeItem(h,this.options.measureElement(p,void 0,this))});const g=n(h),d=this.options.lanes===1?c[h-1]:this.getFurthestMeasurement(c,h),z=d?d.end+this.options.gap:s+t,v=r.get(g),f=typeof v=="number"?v:this.options.estimateSize(h),E=z+f,y=d?d.lane:h%this.options.lanes;c[h]={index:h,start:z,size:f,end:E,key:g,lane:y,measureElement:m}}return this.measurementsCache=c,c},{key:!1,debug:()=>this.options.debug}),this.calculateRange=x(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,s,t)=>this.range=e.length>0&&s>0?L({measurements:e,outerSize:s,scrollOffset:t}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=x(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(e,s,t,n)=>s===null?[]:e({startIndex:s.startIndex,endIndex:s.endIndex,overscan:t,count:n}),{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.getMeasurements()[t];if(!n||!e.isConnected){this.elementsCache.forEach((r,a)=>{r===e&&(this.observer.unobserve(e),this.elementsCache.delete(a))});return}const i=this.elementsCache.get(n.key);i!==e&&(i&&this.observer.unobserve(i),this.observer.observe(e),this.elementsCache.set(n.key,e)),this.resizeItem(t,this.options.measureElement(e,s,this))},this.resizeItem=(e,s)=>{const t=this.getMeasurements()[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<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=i,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(t.index),this.itemSizeCache=new Map(this.itemSizeCache.set(t.key,s)),this.notify(!0,!1))},this.measureElement=e=>{e&&this._measureElement(e,void 0)},this.getVirtualItems=x(()=>[this.getIndexes(),this.getMeasurements()],(e,s)=>{const t=[];for(let n=0,i=e.length;n<i;n++){const r=e[n],a=s[r];t.push(a)}return t},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{const s=this.getMeasurements();if(s.length!==0)return w(s[C(0,s.length-1,t=>w(s[t]).start,e)])},this.getOffsetForAlignment=(e,s)=>{const t=this.getSize(),n=this.getScrollOffset();s==="auto"&&(e<=n?s="start":e>=n+t?s="end":s="start"),s==="start"?e=e:s==="end"?e=e-t:s==="center"&&(e=e-t/2);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.getMeasurements()[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=s==="end"?t.end+this.options.scrollPaddingEnd:t.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(r,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]=w(this.getOffsetForIndex(e,r));_(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)),t-this.options.scrollMargin+this.options.paddingEnd},this._scrollToOffset=(e,{adjustments:s,behavior:t})=>{this.options.scrollToFn(e,{behavior:t,adjustments:s},this)},this.measure=()=>{var e,s;this.itemSizeCache=new Map,(s=(e=this.options).onChange)==null||s.call(e,this,!1)},this.setOptions(l)}}const C=(o,l,e,s)=>{for(;o<=l;){const t=(o+l)/2|0,n=e(t);if(n<s)o=t+1;else if(n>s)l=t-1;else return t}return o>0?o-1:0};function L({measurements:o,outerSize:l,scrollOffset:e}){const s=o.length-1,n=C(0,s,r=>o[r].start,e);let i=n;for(;i<s&&o[i].end<e+l;)i++;return{startIndex:n,endIndex:i}}const V=typeof document<"u"?M.useLayoutEffect:M.useEffect;function $(o){const l=M.useReducer(()=>({}),{})[1],e={...o,onChange:(t,n)=>{var i;n?T.flushSync(l):l(),(i=o.onChange)==null||i.call(o,t,n)}},[s]=M.useState(()=>new P(e));return s.setOptions(e),M.useEffect(()=>s._didMount(),[]),V(()=>s._willUpdate()),s}function N(o){return $({observeElementRect:A,observeElementOffset:W,scrollToFn:B,...o})}let U=`
+: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 K=o=>{let{...l}=o,e=N({indexAttribute:"data-iui-index",overscan:10,...l}),s=S.useCallback((n,i)=>{setTimeout(()=>{e.scrollToIndex(n,{align:"auto",...i})})},[e]),t=S.useMemo(()=>({...e,scrollToIndex:s}),[e,s]);return S.useMemo(()=>({virtualizer:t,css:U}),[t])};export{K as u};
diff --git a/2240/react/index.html b/2240/react/index.html
new file mode 100644
index 00000000000..414b4ba09cc
--- /dev/null
+++ b/2240/react/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Ladle: Playground for your React Components."
+    />
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="icon" href="./assets/favicon-gjFwcFbF.svg" />
+    <link rel="mask-icon" href="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20d='M22,14H9V5A4,4,0,0,0,1,5V8A1,1,0,0,0,3,8V5A2,2,0,0,1,7,5V15a8,8,0,0,0,16,0A1,1,0,0,0,22,14Zm-7,7a6.01,6.01,0,0,1-5.917-5H20.917A6.01,6.01,0,0,1,15,21Z'/%3e%3c/svg%3e" color="#000000" />
+    <link rel="apple-touch-icon" href="./assets/touch-icon-ByyUZD7t.png" />
+    <link
+      rel="manifest"
+      href="./assets/manifest-B-VxemCC.webmanifest"
+      crossorigin="use-credentials"
+    />
+    <title>Ladle</title>
+    <script type="module" crossorigin src="./assets/index-t5nukUIt.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-OItp6rzC.css">
+  </head>
+
+  <body>
+    <div class="ladle-background"></div>
+    <div id="ladle-root" class="ladle-wrapper"></div>
+  </body>
+</html>
diff --git a/2240/react/meta.json b/2240/react/meta.json
new file mode 100644
index 00000000000..e548e0eeb47
--- /dev/null
+++ b/2240/react/meta.json
@@ -0,0 +1,4090 @@
+{
+  "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": 117,
+      "locEnd": 138,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "InputButtonCombo",
+      "meta": {}
+    },
+    "buttongroup--overflow": {
+      "name": "Overflow",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 54,
+      "locEnd": 95,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "Overflow",
+      "meta": {}
+    },
+    "buttongroup--vertical": {
+      "name": "Vertical",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 140,
+      "locEnd": 165,
+      "filePath": "src/ButtonGroup.stories.tsx",
+      "namedExport": "Vertical",
+      "meta": {}
+    },
+    "buttongroup--vertical-overflow": {
+      "name": "Vertical overflow",
+      "levels": [
+        "Buttongroup"
+      ],
+      "locStart": 167,
+      "locEnd": 215,
+      "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": 298,
+      "locEnd": 308,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "combobox--controlled": {
+      "name": "Controlled",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 310,
+      "locEnd": 325,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "Controlled",
+      "meta": {}
+    },
+    "combobox--custom-renderer": {
+      "name": "Custom renderer",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 386,
+      "locEnd": 420,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "CustomRenderer",
+      "meta": {}
+    },
+    "combobox--disabled-items": {
+      "name": "Disabled items",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 327,
+      "locEnd": 356,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "DisabledItems",
+      "meta": {}
+    },
+    "combobox--loading": {
+      "name": "Loading",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 452,
+      "locEnd": 500,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "Loading",
+      "meta": {}
+    },
+    "combobox--multiple-select": {
+      "name": "Multiple select",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 515,
+      "locEnd": 534,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "MultipleSelect",
+      "meta": {}
+    },
+    "combobox--virtualized": {
+      "name": "Virtualized",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 502,
+      "locEnd": 513,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "Virtualized",
+      "meta": {}
+    },
+    "combobox--with-custom-message-icon": {
+      "name": "With custom message icon",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 435,
+      "locEnd": 450,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "WithCustomMessageIcon",
+      "meta": {}
+    },
+    "combobox--with-label": {
+      "name": "With label",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 358,
+      "locEnd": 371,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "WithLabel",
+      "meta": {}
+    },
+    "combobox--with-message": {
+      "name": "With message",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 422,
+      "locEnd": 433,
+      "filePath": "src/ComboBox.stories.tsx",
+      "namedExport": "WithMessage",
+      "meta": {}
+    },
+    "combobox--with-status": {
+      "name": "With status",
+      "levels": [
+        "Combobox"
+      ],
+      "locStart": 373,
+      "locEnd": 384,
+      "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": 115,
+      "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": 174,
+      "locEnd": 233,
+      "filePath": "src/Header.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "header--center-content": {
+      "name": "Center content",
+      "levels": [
+        "Header"
+      ],
+      "locStart": 297,
+      "locEnd": 359,
+      "filePath": "src/Header.stories.tsx",
+      "namedExport": "CenterContent",
+      "meta": {}
+    },
+    "header--full": {
+      "name": "Full",
+      "levels": [
+        "Header"
+      ],
+      "locStart": 52,
+      "locEnd": 172,
+      "filePath": "src/Header.stories.tsx",
+      "namedExport": "Full",
+      "meta": {}
+    },
+    "header--slim": {
+      "name": "Slim",
+      "levels": [
+        "Header"
+      ],
+      "locStart": 235,
+      "locEnd": 295,
+      "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": 269,
+      "filePath": "src/InformationPanel.stories.tsx",
+      "namedExport": "CustomActions",
+      "meta": {}
+    },
+    "informationpanel--custom-width": {
+      "name": "Custom width",
+      "levels": [
+        "Informationpanel"
+      ],
+      "locStart": 272,
+      "locEnd": 308,
+      "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": 18,
+      "locEnd": 26,
+      "filePath": "src/Overview.stories.mdx",
+      "namedExport": "MDXContent",
+      "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--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": 56,
+      "locEnd": 73,
+      "filePath": "src/SearchBox.stories.tsx",
+      "namedExport": "ExpandableWithCustomItems",
+      "meta": {}
+    },
+    "searchbox--small": {
+      "name": "Small",
+      "levels": [
+        "Searchbox"
+      ],
+      "locStart": 75,
+      "locEnd": 77,
+      "filePath": "src/SearchBox.stories.tsx",
+      "namedExport": "Small",
+      "meta": {}
+    },
+    "searchbox--with-custom-action": {
+      "name": "With custom action",
+      "levels": [
+        "Searchbox"
+      ],
+      "locStart": 79,
+      "locEnd": 115,
+      "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": 279,
+      "locEnd": 288,
+      "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": 217,
+      "locEnd": 239,
+      "filePath": "src/Select.stories.tsx",
+      "namedExport": "Multi",
+      "meta": {}
+    },
+    "select--multi-custom-renderer": {
+      "name": "Multi custom renderer",
+      "levels": [
+        "Select"
+      ],
+      "locStart": 241,
+      "locEnd": 267,
+      "filePath": "src/Select.stories.tsx",
+      "namedExport": "MultiCustomRenderer",
+      "meta": {}
+    },
+    "select--native": {
+      "name": "Native",
+      "levels": [
+        "Select"
+      ],
+      "locStart": 269,
+      "locEnd": 277,
+      "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": 215,
+      "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": 11,
+      "locEnd": 28,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "Basic",
+      "meta": {}
+    },
+    "stepper--localized-long": {
+      "name": "Localized long",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 49,
+      "locEnd": 73,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "LocalizedLong",
+      "meta": {}
+    },
+    "stepper--long": {
+      "name": "Long",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 30,
+      "locEnd": 48,
+      "filePath": "src/Stepper.stories.tsx",
+      "namedExport": "Long",
+      "meta": {}
+    },
+    "stepper--with-tooltips": {
+      "name": "With tooltips",
+      "levels": [
+        "Stepper"
+      ],
+      "locStart": 75,
+      "locEnd": 92,
+      "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": 3022,
+      "locEnd": 3189,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "ColumnManager",
+      "meta": {}
+    },
+    "table--condensed": {
+      "name": "Condensed",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1638,
+      "locEnd": 1743,
+      "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": 2113,
+      "locEnd": 2261,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "CustomFilter",
+      "meta": {}
+    },
+    "table--customized-columns": {
+      "name": "Customized columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2925,
+      "locEnd": 3020,
+      "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": 2799,
+      "locEnd": 2923,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "DraggableColumns",
+      "meta": {}
+    },
+    "table--editable": {
+      "name": "Editable",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1745,
+      "locEnd": 1823,
+      "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": 1359,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Full",
+      "meta": {}
+    },
+    "table--full2": {
+      "name": "Full2",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1361,
+      "locEnd": 1550,
+      "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": 2462,
+      "locEnd": 2589,
+      "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": 1552,
+      "locEnd": 1628,
+      "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": 2271,
+      "locEnd": 2394,
+      "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": 2662,
+      "locEnd": 2735,
+      "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": 3362,
+      "locEnd": 3476,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "StatusAndCellIcons",
+      "meta": {}
+    },
+    "table--sticky-columns": {
+      "name": "Sticky columns",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 3191,
+      "locEnd": 3346,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "StickyColumns",
+      "meta": {}
+    },
+    "table--virtualized": {
+      "name": "Virtualized",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2605,
+      "locEnd": 2660,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "Virtualized",
+      "meta": {}
+    },
+    "table--virtualized-sub-rows": {
+      "name": "Virtualized sub rows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2737,
+      "locEnd": 2797,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "VirtualizedSubRows",
+      "meta": {}
+    },
+    "table--with-manual-paginator-and-filter": {
+      "name": "With manual paginator and filter",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1908,
+      "locEnd": 2103,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "WithManualPaginatorAndFilter",
+      "meta": {}
+    },
+    "table--with-paginator": {
+      "name": "With paginator",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 1825,
+      "locEnd": 1898,
+      "filePath": "src/Table.stories.tsx",
+      "namedExport": "WithPaginator",
+      "meta": {}
+    },
+    "table--zebra-striped-rows": {
+      "name": "Zebra striped rows",
+      "levels": [
+        "Table"
+      ],
+      "locStart": 2396,
+      "locEnd": 2460,
+      "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